*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{color:#ff0;text-align:center;background-color:teal;background-image:linear-gradient(45deg,#044 25%,#0000 25%),linear-gradient(-45deg,#044 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#044 75%),linear-gradient(-45deg,#0000 75%,#044 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;min-height:100dvh;font-family:Comic Sans MS,Comic Sans,Chalkboard SE,cursive}img{max-width:100%;height:auto}.page{z-index:1;max-width:720px;margin:0 auto;padding:0 0 24px;position:relative}.top-marquee{color:#0f0;letter-spacing:.1em;background:#000;border-top:4px ridge #f0f;border-bottom:4px ridge #f0f;padding:4px 0;font-size:14px;font-weight:700;display:block}.hero{background:linear-gradient(silver 0%,gray 100%);border:4px outset #fff;margin:16px 8px;padding:14px 8px;box-shadow:6px 6px #000}.wordart{letter-spacing:.06em;background:linear-gradient(#ffeb00 0%,#ff6a00 45%,#c0006a 100%);color:#0000;text-shadow:1px 1px #000,2px 2px #000,3px 3px #f0f,4px 4px #f0f,5px 5px #000,6px 6px #000;-webkit-background-clip:text;background-clip:text;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(34px,11vw,72px);font-weight:900;line-height:1.05;animation:6s linear infinite hue-shift;transform:skew(-8deg)}@keyframes hue-shift{to{filter:hue-rotate(360deg)}}.subhead{color:#000;margin-top:8px;font-size:clamp(11px,3.2vw,14px);font-style:italic}.photo-frame{background:navy;border:4px ridge gold;margin:12px 8px;padding:10px;display:inline-block}.placeholder-photo{aspect-ratio:3/4;object-fit:cover;background:#000;border:4px inset silver;width:clamp(180px,60vw,320px);height:auto;margin:0 auto;display:block}.photo-caption{color:#ff0;letter-spacing:.15em;margin-top:8px;font-size:12px}.alert{border:4px double #fff;margin:12px 8px;padding:12px;font-size:clamp(14px,4vw,18px);font-weight:700}.alert-paid{color:#ff0;background:#006400}.alert-cancel{color:#fff;background:#8b0000}blink{animation:.9s steps(2,start) infinite blinker}@keyframes blinker{to{visibility:hidden}}.ledger{color:#000;background:silver;border:4px outset #fff;margin:16px 8px;padding:14px;box-shadow:6px 6px #000}.ledger-title{color:#f0f;text-shadow:2px 2px #0ff,4px 4px #000;letter-spacing:.08em;margin:0 0 12px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(22px,6.5vw,30px)}.ledger-title small{color:#000;text-shadow:none;font-family:Comic Sans MS,cursive;font-size:clamp(11px,3vw,14px)}.pay-form{text-align:left}.debtor-list{color:#000;background:#fff;border:3px inset gray;margin:0 0 12px;padding:8px;font-size:clamp(16px,4.4vw,20px);list-style:none}.debtor{border-bottom:1px dashed #888;padding:8px}.debtor:last-child{border-bottom:none}.debtor:nth-child(odd){background:#eef}.debtor-label{cursor:pointer;align-items:center;gap:10px;min-height:32px;display:flex}.debtor-label input{cursor:pointer;flex:none;margin:0 6px 0 4px;transform:scale(1.6)}.debtor-name{flex:1;min-width:0}.debtor.paid{color:#888;background:repeating-linear-gradient(-45deg,#ddd 0 8px,#ccc 8px 16px)}.debtor.paid .debtor-name{-webkit-text-decoration:line-through wavy #c00;text-decoration:line-through wavy #c00;text-decoration-thickness:2px}.debtor.paid .debtor-label{cursor:not-allowed}.paid-stamp{color:#c00;letter-spacing:.08em;white-space:nowrap;font-family:Impact,sans-serif;font-size:.85em;font-weight:700;display:inline-block;transform:rotate(-6deg)}.pay-btn{letter-spacing:.1em;color:#ff0;cursor:pointer;text-shadow:2px 2px #000;-webkit-tap-highlight-color:transparent;background:linear-gradient(#f0f 0%,#ff4500 100%);border:5px outset #fff;width:100%;min-height:56px;margin:12px auto 0;padding:18px 10px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(18px,5.4vw,24px);animation:.8s ease-in-out infinite alternate wobble;display:block}.pay-btn:disabled{filter:grayscale();cursor:not-allowed;animation:none}.pay-btn:hover:not(:disabled),.pay-btn:active:not(:disabled){background:linear-gradient(#ff4500 0%,#f0f 100%)}@keyframes wobble{0%{transform:rotate(-1.5deg)scale(1)}to{transform:rotate(1.5deg)scale(1.02)}}.error{color:#c00;margin-top:8px;font-weight:700}.footer{color:#fff;border-top:4px ridge #f0f;margin-top:18px;padding:14px;font-size:clamp(10px,2.8vw,12px);line-height:1.8}.footer a{color:#0ff}.construction-row{color:#ff0;text-shadow:1px 1px #000;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.construction-sign{background:repeating-linear-gradient(45deg,#000 0 6px,#ffeb00 6px 12px);border:2px solid #000;flex:none;width:18px;height:18px;animation:2s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.pixel-decor{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.drift{text-shadow:2px 2px #000;image-rendering:pixelated;filter:drop-shadow(0 0 2px #fff);font-family:Courier New,monospace;font-size:clamp(18px,5vw,28px);font-weight:700;animation:6s linear infinite drift-down;position:absolute;top:-40px}.drift.d0{color:#ff0}.drift.d1{color:#f0f}.drift.d2{color:#0f0}.drift.d3{color:#0ff}.drift.d4{color:#f80}@keyframes drift-down{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(720deg)}}.corner-star{color:#ff0;text-shadow:2px 2px #f0f,4px 4px #000;z-index:0;font-size:28px;animation:3s linear infinite spin;position:fixed}.corner-star.tl{top:6px;left:6px}.corner-star.tr{top:6px;right:6px}.corner-star.bl{bottom:6px;left:6px}.corner-star.br{bottom:6px;right:6px}.thanks-page{z-index:1;max-width:720px;min-height:100dvh;margin:0 auto;padding:0 0 32px;position:relative}.thx-marquee{color:#0f0;letter-spacing:.1em;background:#000;border-top:4px ridge gold;border-bottom:4px ridge gold;padding:6px 0;font-size:clamp(14px,4.4vw,22px);font-weight:700;display:block}.thx-marquee.bottom{color:#f0f}.thx-wordart{text-transform:uppercase;letter-spacing:.05em;margin:16px 8px 12px;font-family:Impact,Arial Black,sans-serif;line-height:.95}.thx-line{background:linear-gradient(#ffeb00 0%,#f0f 50%,#0ff 100%);color:#0000;-webkit-text-stroke:2px #000;text-shadow:4px 4px #000;-webkit-background-clip:text;background-clip:text;font-size:clamp(50px,18vw,120px);animation:4s linear infinite hue-shift;display:block;transform:skew(-6deg)}.thx-name{color:#ff0;text-shadow:2px 2px #f0f,4px 4px #000;word-break:break-word;margin-top:6px;font-size:clamp(20px,6vw,38px);display:block}.photo-shrine{aspect-ratio:3/4;justify-content:center;align-items:center;width:min(86vw,360px);margin:18px auto;display:flex;position:relative}.hero-photo{z-index:2;object-fit:cover;outline-offset:-12px;image-orientation:from-image;border:8px solid #ff0;outline:4px solid #f0f;width:100%;height:100%;animation:1.2s ease-in-out infinite alternate photo-pulse;position:relative;box-shadow:0 0 0 4px #000,8px 8px #000}@keyframes photo-pulse{0%{filter:saturate(1.2);box-shadow:0 0 0 4px #000,8px 8px #000,0 0 24px 4px #f0f}to{filter:saturate(1.6)hue-rotate(20deg);box-shadow:0 0 0 4px #000,8px 8px #000,0 0 48px 12px #0ff}}.rays{z-index:0;pointer-events:none;animation:8s linear infinite spin;position:absolute;inset:-10%}.ray{transform-origin:50%;opacity:.6;background:linear-gradient(#ff00 0%,#ff09 40%,#f0f9 60%,#ff00 100%);width:18px;height:80vmin;max-height:600px;margin-top:-40vmin;margin-left:-9px;position:absolute;top:50%;left:50%}.stamp{z-index:3;color:#c00;letter-spacing:.1em;text-shadow:1px 1px #fcc;background:#fff;border:4px double #c00;padding:8px 10px;font-family:Impact,sans-serif;font-weight:900;position:absolute;top:8px;right:-10px;transform:rotate(-14deg);box-shadow:3px 3px #000}.stamp span{font-size:clamp(16px,4.8vw,22px);display:block}.stamp small{color:#c00;margin-top:2px;font-family:Comic Sans MS,cursive;font-size:clamp(10px,2.8vw,12px);font-weight:700;display:block}.thx-msg{color:#ff0;text-shadow:2px 2px #000;margin:18px 12px;font-size:clamp(16px,5vw,22px);font-weight:700;line-height:1.4}.thx-msg blink{color:#0f0}.thx-msg span{color:#fff}.back-btn{letter-spacing:.1em;color:#ff0;text-shadow:2px 2px #000;-webkit-tap-highlight-color:transparent;background:linear-gradient(#00a,#003);border:4px outset #fff;min-height:48px;margin:14px auto 20px;padding:14px 22px;font-family:Impact,sans-serif;font-size:clamp(16px,4.4vw,20px);text-decoration:none;display:inline-block}.back-btn:hover,.back-btn:active{background:linear-gradient(#003,#00a)}.falling-money{text-shadow:2px 2px #000;font-family:Courier New,monospace;font-size:clamp(20px,6vw,32px);font-weight:700;animation:5s linear infinite fall;position:absolute;top:-40px}.falling-money.m0{color:#0f0}.falling-money.m1{color:#ff0}.falling-money.m2{color:#f0f}.falling-money.m3{color:#0ff}.falling-money.m4{color:#ff4500}.falling-money.m5{color:#fff}@keyframes fall{0%{opacity:.9;transform:translateY(0)rotate(0)}90%{opacity:.9}to{opacity:0;transform:translateY(110vh)rotate(540deg)}}.bouncer{text-shadow:2px 2px #000;z-index:0;font-size:clamp(24px,6vw,36px);animation:1.6s ease-in-out infinite alternate bounce;position:fixed}.bouncer.b1{color:#fff;animation-delay:0s;top:18%;left:4%}.bouncer.b2{color:#ff0;animation-delay:.3s;top:30%;right:4%}.bouncer.b3{color:#0f0;animation-delay:.6s;bottom:22%;left:6%}.bouncer.b4{color:#f0f;animation-delay:.9s;bottom:14%;right:4%}@keyframes bounce{0%{transform:translateY(0)rotate(-10deg)}to{transform:translateY(-24px)rotate(10deg)}}@media (max-width:480px){.top-marquee,.thx-marquee{font-size:12px}.hero{margin:8px 4px;padding:10px 6px;box-shadow:4px 4px #000}.ledger{margin:12px 4px;padding:10px;box-shadow:4px 4px #000}.photo-frame{padding:8px}.stamp{padding:6px 8px;right:-4px}.bouncer{font-size:22px}.drift:nth-child(n+10){display:none}}@media (prefers-reduced-motion:reduce){.drift,.falling-money,.bouncer,.corner-star,.rays,.pay-btn,.hero-photo,.wordart,.thx-line,.hero-photo,blink{animation:none!important}}