:root{color-scheme:dark;--bg: #14141c;--panel: #23243a;--panel-down: #3a3c60;--ink: #f4f4f0;--muted: #a5a7c0;--accent: #ffd23f;--hp: #4cd964;--btn: clamp(56px, 19vw, 76px);--donations-h: 24px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;border:0;cursor:pointer}#app{height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.dispute{--left: #d42a2a;--right: #2f6fd0;--flash: transparent;display:flex;flex-direction:column;gap:2px;padding:6px 12px 3px;font-weight:700;line-height:1;text-transform:uppercase}.dispute p{margin:0 -8px;font-size:clamp(9px,2.7vw,11px);line-height:1.3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispute-row{display:flex;justify-content:space-between;align-items:baseline}.dispute .dispute-status{font-size:clamp(13px,4.4vw,18px);line-height:1.2;color:color-mix(in srgb,var(--lead, var(--ink)) 55%,white)}.tug{position:relative;height:24px;display:flex;border:2px solid var(--ink)}.tug-part{background:var(--left)}.tug-part--left{width:50%;border-right:3px solid var(--ink);transition:width .6s ease-out}.tug-part--right{flex:1;background:var(--right)}.tug-part.is-ahead{animation:glow 1.2s ease-in-out infinite}.tug-side{position:absolute;top:0;bottom:0;left:6px;display:flex;align-items:center;gap:6px;font-size:11px;text-shadow:1px 1px 0 #000}.tug-side--right{left:auto;right:6px}.tug-side .pct{font-size:16px}.tug-side.is-ahead .who:before{content:"▲ "}.dispute-money{font-size:10px}.dispute-call{color:var(--accent)}.is-fighting .dispute-money,.is-fighting .dispute-hits,.is-fighting .dispute-call{display:none}.dispute-call.is-alert{color:#ff6b6b;animation:blink 1s steps(1) infinite}.dispute.is-flash{animation:flash .5s ease-out 3}.dispute.is-flash .dispute-status{color:var(--accent)}@keyframes flash{0%{background:var(--flash)}to{background:transparent}}@keyframes blink{50%{opacity:.4}}@keyframes glow{50%{filter:brightness(1.45)}}@media(prefers-reduced-motion:reduce){.donations-track,.dispute.is-flash,.dispute-call.is-alert,.tug-part.is-ahead{animation:none}.tug-part--left{transition:none}}.play{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.hud{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:end;padding:8px 12px}.hud-side{display:flex;flex-direction:column;gap:4px;min-width:0}.hud-side--right{align-items:flex-end}.hud-top{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%}.hud-side--right .hud-top{flex-direction:row-reverse}.buff{flex:none;padding:1px 3px;font-size:10px;font-weight:700;color:var(--bg);background:var(--accent)}.hud-name{min-width:0;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bar{width:100%;height:12px;display:flex;background:#3a1f24;border:2px solid var(--ink)}.hud-side--right .bar{justify-content:flex-end}.bar-fill{width:100%;background:var(--hp)}.clock{display:flex;align-items:center;gap:4px}.pips{display:flex;flex-direction:column;gap:3px}.pips i{width:8px;height:8px;border:2px solid var(--ink)}.pips i.is-on{background:var(--accent)}.timer{min-width:2ch;font-size:22px;font-weight:700;line-height:1;text-align:center;color:var(--accent)}.stage{position:relative;width:min(100%,calc((100dvh - 286px - var(--donations-h)) * 8 / 7));margin:0 auto}canvas{display:block;width:100%;aspect-ratio:8 / 7;image-rendering:pixelated}.banner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:var(--accent);text-shadow:3px 3px 0 #000;pointer-events:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;background:#0c0c14d6}.panel{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.panel h1,.panel h2{margin:0;font-size:26px;text-transform:uppercase;color:var(--accent);text-shadow:3px 3px 0 #000}.panel p{margin:0;font-size:14px}.choices{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.cta{min-height:52px;padding:10px 14px;font-weight:700;text-transform:uppercase;background:var(--panel);border:2px solid var(--ink);border-bottom:6px solid var(--swatch, var(--accent))}.cta:active{background:var(--panel-down)}.cta:disabled{opacity:.45}.cta.is-on{background:var(--swatch)}.cta small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.cta small.is-strong{color:var(--accent)}.name-input{width:100%;min-height:52px;padding:0 12px;font:inherit;font-size:20px;font-weight:700;text-align:center;text-transform:uppercase;color:var(--ink);background:var(--panel);border:2px solid var(--ink);border-radius:0;-webkit-user-select:text;user-select:text}#name>.cta{width:100%}.panel .name-error{color:#ff6b6b}.cta--pix{color:var(--bg);background:var(--accent);border-bottom-color:#b98a0c}.cta--pix:active{background:#e6bb2c}.link{padding:10px;font-size:13px;text-decoration:underline;background:none;color:var(--muted)}.hint{display:none;color:var(--muted)}.panel .notice,.sheet .notice{margin:0;font-size:11px;color:var(--muted)}.sheet{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 16px;overflow-y:auto;text-align:center;background:var(--bg)}.sheet-step{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.sheet h2{margin:0;font-size:18px;text-transform:uppercase;color:var(--accent)}.tag{padding:2px 6px;font-size:10px;vertical-align:middle;color:var(--bg);background:var(--muted)}.sheet-step>.cta{width:100%}#pay-status{min-height:0}.qr{width:180px;height:180px;background:#fff;image-rendering:pixelated}.code{width:100%;padding:8px;font:inherit;font-size:11px;word-break:break-all;resize:none;color:var(--muted);background:var(--panel);border:2px solid var(--ink);border-radius:0;-webkit-user-select:text;user-select:text}.feed{position:absolute;top:52px;left:50%;max-width:calc(100% - 16px);margin:0;padding:4px 8px;transform:translate(-50%);font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);background:#0c0c14cc;border-left:4px solid var(--swatch, var(--accent));pointer-events:none}.feed.is-pix{font-size:13px;background:var(--swatch);border:2px solid var(--ink)}.national{width:100%}.national-text{font-weight:700;text-transform:uppercase}.panel .national-text{font-size:12px}.national-bar{height:6px;margin-top:4px;background:#2f6fd0}.national-fill{height:100%;background:#d42a2a}.amounts{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.chip{min-height:44px;font-weight:700;background:var(--panel);border:2px solid var(--ink)}.chip.is-on{color:var(--bg);background:var(--accent)}.field{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;text-transform:uppercase;color:var(--muted)}.field input{width:14ch;min-height:44px;padding:0 10px;font:inherit;font-size:16px;font-weight:700;text-align:right;color:var(--ink);background:var(--panel);border:2px solid var(--ink);border-radius:0;-webkit-user-select:text;user-select:text}.preview{margin:0;min-height:3.9em;font-size:13px;font-weight:700;line-height:1.3;text-transform:uppercase;white-space:pre-line}.sheet-links{display:flex;gap:12px}.controls{flex:1;min-height:150px;display:grid;grid-template-columns:auto auto;align-content:center;align-items:end;justify-content:space-between;gap:12px;padding:12px;touch-action:none}.pad,.actions{display:grid;grid-template-columns:var(--btn) var(--btn);gap:10px}.controls button{position:relative;width:var(--btn);height:var(--btn);font-size:13px;font-weight:700;background:var(--panel);border:2px solid var(--ink);border-bottom-width:6px;border-radius:10px}.jumps{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.controls .jumps button{width:100%;height:calc(var(--btn) * .75)}.arrow svg{display:block;width:22px;height:22px;margin:0 auto;fill:currentColor;pointer-events:none}.arrow.left svg{transform:rotate(-90deg)}.arrow.right svg{transform:rotate(90deg)}.arrow.up-left svg{transform:rotate(-45deg)}.arrow.up-right svg{transform:rotate(45deg)}.controls button.is-down{background:var(--panel-down);border-bottom-width:2px;transform:translateY(4px)}.key{display:none;position:absolute;top:4px;right:6px;font-size:10px;color:var(--muted)}@media(hover:hover)and (pointer:fine){.hint,.key{display:block}}.donations{flex:none;height:var(--donations-h);overflow:hidden;container-type:inline-size}.donations-track{display:flex;width:max-content;height:100%;animation:ticker linear infinite}.donations-group{display:flex;align-items:center;gap:8px;min-width:100cqw;padding-right:8px}.donations-group span{padding:2px 6px;font-size:11px;font-weight:700;white-space:nowrap;color:#fff;background:var(--swatch);border-radius:4px}@keyframes ticker{to{transform:translate(-50%)}}