:root{--void:#000;--cyan:#00d2d2;--cyan-deep:#009a9a;--magenta:#e23d8a;--magenta-deep:#a01e5c;--gold:#ffe14a;--ink:#000;--paper:#fff;--font-arcade:"Press Start 2P", ui-monospace, monospace}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,.score-overlay:focus-visible{outline:3px solid var(--gold);outline-offset:4px}html,body{overscroll-behavior:none;background:var(--void);height:100%;color:var(--paper);font-family:var(--font-arcade);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{flex-direction:column;height:100svh;display:flex;position:relative}@media (aspect-ratio>=4/5){#app{width:min(100vw,50svh);margin-inline:auto}}#title{z-index:5;text-align:center;background:#000000c7;place-content:center;place-items:center;margin:0;display:grid;position:absolute;inset:0;overflow:hidden}#title:before,#banner:before{content:"";pointer-events:none;opacity:.35;background:repeating-linear-gradient(#0000 0 2px,#00000038 2px 3px);position:absolute;inset:0}#title>:not(#title-mark),#banner>*{z-index:1;position:relative}#title.hidden{display:none}#title-mark{opacity:.5;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.tuto{aspect-ratio:1;width:min(78vw,420px);overflow:visible;transform:rotate(-12deg)}.tuto-shape{fill:#00c8d0;fill-opacity:0;stroke:#f0f;stroke-width:8px;stroke-linejoin:miter;stroke-linecap:square;stroke-dasharray:240;stroke-dashoffset:240px;animation:3.6s linear infinite tuto-stroke,3.6s linear infinite tuto-fill}.tuto-pawn{fill:var(--paper)}.tuto-pawn-wrap{transform-box:view-box;transform-origin:0 0;animation:3.6s linear infinite tuto-pawn}@keyframes tuto-stroke{0%{stroke-dashoffset:240px}54%,92%{stroke-dashoffset:0}to{stroke-dashoffset:240px}}@keyframes tuto-pawn{0%{transform:translate(20%,80%)}13.5%{transform:translate(20%,20%)}27%{transform:translate(80%,20%)}40.5%{transform:translate(80%,80%)}54%,92%{transform:translate(20%,80%)}to{transform:translate(20%,80%)}}@keyframes tuto-fill{0%,54%{fill-opacity:0}64%,92%{fill-opacity:.8}to{fill-opacity:0}}@media (prefers-reduced-motion:reduce){.tuto-shape,.tuto-pawn-wrap{animation:none}.tuto-shape{stroke-dashoffset:0;fill-opacity:.45}.tuto-pawn-wrap{transform:translate(20%,80%)}}#title-name{font-family:var(--font-arcade);letter-spacing:.08em;color:var(--paper);text-shadow:-3px 0 0 var(--cyan), 3px 0 0 var(--magenta), 0 5px 0 var(--ink);font-size:clamp(38px,18vw,68px);font-weight:400;line-height:1;position:relative}#title-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px;display:flex;position:relative}#title-actions button,#banner-share,#banner-home{font-family:var(--font-arcade);letter-spacing:.04em;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:0;font-weight:400;transform:translateY(0)}#title-actions button:active,#banner-share:active,#banner-home:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}#title-actions button{color:var(--ink);background:var(--cyan);padding:14px 18px;font-size:clamp(11px,3.2vw,14px)}#title-actions button#play-versus{color:var(--ink);background:var(--magenta)}#app.is-title #hud{display:none}#game{flex:1;width:100%;min-height:0;display:block;position:relative}#game:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}#hud{z-index:2;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;font-family:var(--font-arcade);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase;color:var(--paper);pointer-events:none;text-shadow:2px 2px 0 var(--ink);background:#000;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;font-size:16px;line-height:1.4;display:flex;position:relative}#banner{z-index:3;text-align:center;padding:32px 22px calc(28px + env(safe-area-inset-bottom));background:#0000009e;place-content:center;place-items:center;gap:14px;margin:0;display:none;position:absolute;inset:0}#banner.visible{display:grid}#banner.level-clear #banner-title{font-size:clamp(28px,11vw,52px)}#banner-title{font-family:var(--font-arcade);letter-spacing:.06em;color:var(--paper);text-shadow:-2px 0 0 var(--cyan), 2px 0 0 var(--magenta), 0 5px 0 var(--ink);font-size:clamp(22px,7vw,40px);font-weight:400;line-height:1.25;position:relative}#banner-stats{font-family:var(--font-arcade);color:var(--cyan);text-shadow:0 3px 0 var(--ink);word-break:break-all;max-width:92vw;font-size:clamp(10px,3vw,16px);font-weight:400;position:relative}#banner-stats:empty{display:none}#banner-recap{font-family:var(--font-arcade);color:var(--paper);text-shadow:0 3px 0 var(--ink);gap:6px;margin:18px 0 0;padding:0;font-size:clamp(10px,3vw,14px);font-weight:400;list-style:none;display:grid}#banner-recap:empty{display:none}#banner-recap li span{color:var(--gold);margin-right:.35em}#banner-hint{max-width:92vw;font-family:var(--font-arcade);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);padding:0 8px;font-size:12px;line-height:1.7;position:relative}#banner-hint:empty{display:none}#banner-lobby{justify-items:center;gap:10px;width:min(92vw,420px);margin:2px 0;display:none;position:relative}#banner.has-lobby #banner-lobby{display:grid}#banner-lobby-code-label{font-family:var(--font-arcade);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);font-size:clamp(9px,2.8vw,11px)}#banner-lobby-code{font-family:var(--font-arcade);letter-spacing:.16em;color:var(--paper);text-shadow:-2px 0 0 var(--cyan), 2px 0 0 var(--magenta), 0 5px 0 var(--ink);padding-left:.16em;font-size:clamp(34px,12vw,52px);line-height:1.2}#banner-lobby-status{font-family:var(--font-arcade);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;font-size:clamp(10px,2.8vw,12px);line-height:1.6;display:flex}#banner-lobby-status i{background:var(--magenta);flex:none;width:10px;height:10px;animation:1.2s steps(2,start) infinite lobby-pulse}@keyframes lobby-pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){#banner-lobby-status i{animation:none}}#banner-invite{gap:10px;width:min(92vw,420px);margin-top:8px;padding:6px;display:none}#banner.has-invite #banner-invite{display:grid}#banner-link{box-sizing:border-box;border:3px solid var(--ink);background:var(--void);width:100%;min-height:52px;color:var(--cyan);font-family:var(--font-arcade);letter-spacing:.01em;text-align:center;word-break:break-all;pointer-events:auto;caret-color:#0000;box-shadow:inset 0 0 0 2px var(--cyan-deep);border-radius:0;margin:0;padding:14px 16px;font-size:10px;font-weight:400}#banner-link:focus{box-shadow:inset 0 0 0 2px var(--gold);outline:none}#banner-share{min-height:52px;color:var(--ink);background:var(--gold);pointer-events:auto;margin:0;padding:14px 18px;font-size:clamp(10px,3vw,12px)}#banner-actions{justify-content:center;align-items:center;gap:14px;margin-top:24px;display:none}#banner.has-home #banner-actions,#banner.has-rematch #banner-actions{display:flex}#banner-home{color:var(--ink);background:var(--magenta);pointer-events:auto;padding:8px 22px;font-size:clamp(16px,4vw,22px);display:none}#banner.has-home #banner-home{display:inline-block}#banner-rematch{font-family:var(--font-arcade);letter-spacing:.04em;color:var(--ink);background:var(--cyan);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);pointer-events:auto;border-radius:0;padding:8px 22px;font-size:clamp(16px,4vw,22px);font-weight:400;display:none;transform:translateY(0)}#banner-rematch:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}#banner.has-rematch #banner-rematch{display:inline-block}#banner-title:empty{display:none}#banner.win-title #banner-title{letter-spacing:.02em;font-size:clamp(40px,13vw,80px);line-height:1.1}#banner.giant-count #banner-stats{letter-spacing:.04em;color:var(--paper);text-shadow:-3px 0 0 var(--cyan), 3px 0 0 var(--magenta), 0 6px 0 var(--ink);margin-top:20px;font-size:clamp(60px,26vw,150px);line-height:1}#banner.round-countdown #banner-title{letter-spacing:.12em;font-size:clamp(11px,3.4vw,16px);line-height:1.7}#banner-ranks{font-family:var(--font-arcade);letter-spacing:.04em;text-shadow:0 4px 0 var(--ink);gap:2px;margin:4px 0 0;padding:0;font-weight:400;line-height:1.25;list-style:none;display:none}#banner.has-ranks #banner-ranks{display:grid}#banner-ranks li{font-size:clamp(14px,5vw,22px)}#banner-ranks li:first-child{margin-bottom:6px;font-size:clamp(18px,7vw,32px)}#banner.has-winner{background:color-mix(in srgb, var(--winner) 38%, #000000b8)}#banner.end #banner-title{font-family:var(--font-arcade);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-shadow:2px 2px 0 var(--ink);font-size:clamp(10px,3.2vw,14px);font-weight:400}#banner.end #banner-stats{letter-spacing:.04em;color:var(--paper);text-shadow:-2px 0 0 var(--cyan), 2px 0 0 var(--magenta), 0 5px 0 var(--ink);font-size:clamp(22px,8vw,40px);font-weight:400}#banner.end #banner-hint{margin-top:36px}#hud-score{color:var(--gold)}#hud.hud-duel{align-items:center;display:flex}#hud.hud-duel #hud-lives{flex:1;order:1}#hud.hud-duel #hud-rounds{flex:none;order:2}#hud.hud-duel #hud-fill{text-align:right;flex:1;order:3}#hud.hud-duel #hud-score,#hud.hud-duel #hud-level{display:none}#hud-rounds{flex-direction:column;align-items:center;gap:3px;display:flex}#hud-rounds[hidden]{display:none}#hud-clock{color:var(--gold);text-shadow:1px 1px 0 var(--ink);font-size:9px;font-style:normal;line-height:1}#hud-clock:empty{display:none}#hud-dots{gap:4px;display:flex}#hud-dots i{border:2px solid var(--paper);width:11px;height:11px;box-shadow:1px 1px 0 var(--ink);background:0 0}#hud-dots i.current{outline:2px solid var(--gold);outline-offset:2px}#hud-lives.hud-pips{align-items:center;gap:5px;display:flex}#hud-lives.hud-pips i{background:var(--paper);width:12px;height:12px;box-shadow:2px 2px 0 var(--ink)}#shout{z-index:4;pointer-events:none;text-align:center;place-content:center;place-items:center;margin:0;display:none;position:absolute;inset:0}#shout.visible{animation:.85s ease-out both shout-pop;display:grid}#shout-tier{font-family:var(--font-arcade);letter-spacing:.06em;color:var(--paper);text-shadow:-3px 0 0 var(--cyan), 3px 0 0 var(--magenta), 0 6px 0 var(--ink);font-size:clamp(16px,6vw,28px);font-weight:400;line-height:1.2}#shout-pts{font-family:var(--font-arcade);color:var(--gold);text-shadow:0 3px 0 var(--ink);margin-top:8px;font-size:clamp(12px,4vw,18px);font-weight:400}#shout-up:empty{display:none}#shout-up{font-family:var(--font-arcade);letter-spacing:.08em;color:var(--gold);text-shadow:0 4px 0 var(--ink);margin-top:6px;font-size:clamp(12px,4vw,20px);font-weight:400}@keyframes shout-pop{0%{opacity:0;transform:scale(.7)}18%{opacity:1;transform:scale(1.08)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}#title-actions button#play-ranks{color:var(--ink);background:var(--gold)}.score-overlay{z-index:6;text-align:center;background:#000;place-content:center;place-items:center;margin:0;padding:32px 22px;display:none;position:absolute;inset:0}.score-overlay.visible{display:grid}#initials-title,#scoreboard-title{font-family:var(--font-arcade);letter-spacing:.06em;color:var(--paper);text-shadow:-2px 0 0 var(--cyan), 2px 0 0 var(--magenta), 0 5px 0 var(--ink);font-size:clamp(18px,6vw,30px);font-weight:400;line-height:1.2;position:relative}#initials-score{font-family:var(--font-arcade);color:var(--gold);text-shadow:0 5px 0 var(--ink);margin-top:14px;font-size:clamp(30px,10vw,48px);font-weight:400}#initials-slots{justify-content:center;gap:12px;margin-top:26px;display:flex}.ini-slot{border:3px solid var(--ink);background:var(--cyan);width:clamp(54px,16vw,66px);height:clamp(54px,16vw,66px);color:var(--ink);font-family:var(--font-arcade);box-shadow:0 5px 0 var(--ink);border-radius:0;font-size:clamp(22px,7vw,28px)}.ini-slot.sel{background:var(--gold);outline:2px solid var(--paper);outline-offset:2px}#initials-actions{justify-content:center;gap:14px;margin-top:26px;display:flex}#initials-actions button{border:3px solid var(--ink);min-height:52px;box-shadow:0 5px 0 var(--ink);font-family:var(--font-arcade);color:var(--ink);border-radius:0;padding:14px 22px;font-size:clamp(12px,3.6vw,16px);font-weight:400}#initials-ok{background:var(--gold)}#initials-skip{background:var(--paper)}#scoreboard-cols{flex-wrap:wrap;justify-content:center;gap:14px 28px;margin-top:26px;display:flex}.score-col h2{font-family:var(--font-arcade);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);text-shadow:0 3px 0 var(--ink);margin:0 0 10px;font-size:10px;font-weight:400}.score-col ol{text-align:left;font-family:var(--font-arcade);color:var(--paper);text-shadow:0 2px 0 var(--ink);gap:5px;margin:0;padding:0;font-size:clamp(10px,3vw,13px);font-weight:400;line-height:1.4;list-style:none;display:grid}.score-col li.you{color:var(--gold);animation:.9s steps(2,start) infinite you-blink}@keyframes you-blink{50%{opacity:.25}}#scoreboard-hint{font-family:var(--font-arcade);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);text-shadow:0 3px 0 var(--ink);margin-top:30px;font-size:12px;line-height:1.7}#scoreboard-hint:empty{display:none}#scoreboard-home{font-family:var(--font-arcade);letter-spacing:.04em;color:var(--paper);background:var(--magenta-deep);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);pointer-events:auto;border-radius:0;margin-top:18px;padding:10px 22px;font-size:clamp(12px,3.6vw,16px);font-weight:400}#scoreboard-home[hidden]{display:none}#title-credits{color:var(--cyan);font-family:var(--font-arcade);letter-spacing:.12em;text-transform:uppercase;opacity:.75;background:0 0;border:0;border-radius:0;margin-top:24px;padding:8px 12px;font-size:clamp(9px,2.6vw,11px);position:relative}#title-credits:active{opacity:1}#title-sound{color:var(--cyan);font-family:var(--font-arcade);letter-spacing:.12em;text-transform:uppercase;opacity:.75;background:0 0;border:0;border-radius:0;margin-top:12px;padding:8px 12px;font-size:clamp(9px,2.6vw,11px);position:relative}#title-sound:active{opacity:1}#title-sound.muted{color:var(--magenta)}#credits-title{font-family:var(--font-arcade);letter-spacing:.08em;color:var(--paper);text-shadow:-3px 0 0 var(--cyan), 3px 0 0 var(--magenta), 0 5px 0 var(--ink);font-size:clamp(28px,10vw,46px);font-weight:400;line-height:1;position:relative}#credits-list{gap:14px;margin:30px 0 0;display:grid}#credits-list>div{gap:5px;display:grid}#credits-list dt{font-family:var(--font-arcade);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);text-shadow:0 3px 0 var(--ink);font-size:9px}#credits-list dd{font-family:var(--font-arcade);color:var(--paper);text-shadow:0 2px 0 var(--ink);margin:0;font-size:clamp(11px,3.2vw,14px);line-height:1.5}#credits-copy{font-family:var(--font-arcade);letter-spacing:.06em;color:var(--paper);opacity:.8;margin-top:30px;font-size:clamp(9px,2.8vw,11px)}#credits-hint{font-family:var(--font-arcade);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);text-shadow:0 3px 0 var(--ink);margin-top:24px;font-size:12px}