@font-face{font-family:Barlow;src:url(assets/Barlow-Regular.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(assets/Barlow-SemiBold.ttf) format('truetype');font-weight:600;font-display:swap}@font-face{font-family:BarlowCondensed;src:url(assets/BarlowCondensed-Bold.ttf) format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#10272f;--surface:#193640;--ink:#fff2da;--muted:#bccfce;--amber:#ffb05b;--cyan:#56ddd0;--line:#49616a}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Barlow,Arial,sans-serif;touch-action:none}button,a{-webkit-tap-highlight-color:transparent}button{font:600 16px Barlow,Arial,sans-serif;cursor:pointer;color:inherit;border:0;background:none;min-height:44px}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#arena,#shade{position:fixed;inset:0;width:100%;height:100%}#shade{pointer-events:none;background:linear-gradient(90deg,#10272ff0 0%,#10272f00 64%)}body.playing #shade{opacity:0}#brand{position:fixed;inset:20px 28px auto;display:flex;justify-content:space-between;align-items:center;z-index:4}#brand>a{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;letter-spacing:.12em}.header-actions{display:flex;align-items:center;gap:12px}.icon{width:44px;display:grid;place-items:center}.text-button{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;padding:8px}#langBtn{font-family:Arial,sans-serif}.brief{position:fixed;left:7vw;top:50%;transform:translateY(-43%);width:340px;max-width:42vw}h1{font:700 clamp(76px,8.9vw,132px)/.8 BarlowCondensed,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 27px}h1 span{color:var(--amber)}.intro{font-size:20px;line-height:1.5;margin:0 0 20px}.rules{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);margin-bottom:22px}.rules i{width:3px;height:3px;border-radius:50%;background:var(--amber)}.primary{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:20px;background:var(--amber);color:var(--bg);border-radius:10px;padding:12px 22px;font-size:18px;transition:background .15s}.primary:hover{background:#ffc58a}.primary:active{transform:translateY(1px)}.secondary-actions{display:flex;gap:9px;margin-top:9px}.secondary{border:1px solid var(--line);border-radius:10px;padding:10px 14px;flex:1;font-size:14px;background:#17313a}.secondary:hover{background:#274750}.fine{color:var(--muted);font-size:12px;line-height:1.7}.privacy{padding-inline:0;text-align:start}.arena-label{position:fixed;right:7vw;bottom:7vh;font-size:12px;color:var(--muted);letter-spacing:.03em}#notice{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--amber);min-height:0}.panel{z-index:6;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100% - 36px));background:#142e38;border:1px solid var(--line);border-radius:16px;padding:30px;text-align:center;max-height:calc(100% - 100px);overflow:auto;touch-action:pan-y}.panel h2{font:700 44px/1.02 BarlowCondensed,Arial,sans-serif;margin:0 0 16px}.panel p{line-height:1.5;color:var(--muted);font-size:15px}.panel .primary{margin-top:18px}.panel .secondary{margin-top:10px;width:100%}.roster{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;font-size:17px;margin-top:25px}.roster span{padding:8px 12px;color:var(--cyan)}.lobby-pulse{display:flex;justify-content:center;gap:8px;padding:20px}.lobby-pulse span{width:7px;height:7px;background:var(--amber);border-radius:50%;animation:wait 1.2s infinite}.lobby-pulse span:nth-child(2){animation-delay:.15s}.lobby-pulse span:nth-child(3){animation-delay:.3s}@keyframes wait{50%{opacity:.25;transform:translateY(-5px)}}.scoreboard{position:fixed;z-index:3;top:75px;left:50%;transform:translateX(-50%);width:min(470px,calc(100% - 38px));display:flex;justify-content:space-between;gap:12px;pointer-events:none}.player-score{width:140px;text-align:start}.player-score>span{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--amber)}.player-score>strong{display:block;font:700 55px/.95 BarlowCondensed,Arial,sans-serif;margin-top:7px}.player-score.rival{text-align:end}.rival>span{color:var(--cyan)}.health{display:flex;gap:5px;margin-top:10px}.health i{height:4px;width:22px;border-radius:2px;background:var(--amber)}.health i.empty{background:#435c64}.rival .health{justify-content:flex-end}.rival .health i:not(.empty){background:var(--cyan)}.match-time{text-align:center;flex:none;min-width:84px}.match-time span{display:block;font-size:10px;color:var(--muted);letter-spacing:.06em}.match-time>strong{display:block;font:700 40px/1.2 BarlowCondensed,Arial,sans-serif}.match-time span:first-child{color:var(--cyan)}#banner{position:fixed;left:50%;top:47%;transform:translate(-50%,-50%);font:700 65px/1 BarlowCondensed,Arial,sans-serif;text-align:center;pointer-events:none;text-shadow:0 3px 15px #10272f}.exit{position:fixed;bottom:20px;left:24px;font-size:12px;z-index:5}#keyboardHint{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);font-size:12px;color:var(--muted);text-align:center;white-space:nowrap;pointer-events:none}.final-score{display:flex;justify-content:center;gap:25px;align-items:center;margin:28px 0}.final-score strong{font:700 82px/1 BarlowCondensed,Arial,sans-serif;color:var(--amber)}.final-score strong:last-child{color:var(--cyan)}.final-score>span{font-size:30px}.score-row{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);font-size:14px}#leaderboard{margin-top:15px}#controls{display:none;position:fixed;bottom:45px;left:0;right:0;justify-content:space-around;align-items:center;z-index:4}.stick-zone{width:116px;height:134px;display:flex;flex-direction:column;align-items:center;gap:12px;touch-action:none;user-select:none}.stick-zone>span{font-size:10px;color:var(--muted);letter-spacing:.08em}.stick-ring{width:100px;height:100px;border:1px solid #819791;border-radius:50%;position:relative;display:grid;place-items:center;background:#183741c9}.stick-knob{width:45px;height:45px;border-radius:50%;background:#3b5962;border:1px solid #819791;position:absolute;left:27px;top:27px;pointer-events:none}.stick-ring svg{pointer-events:none}#aimStick .stick-ring{color:var(--amber);border-color:#e7a967}#aimStick .stick-knob{background:#9b7037;opacity:0}.dash{width:62px;height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--amber);border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:9px;touch-action:none}body[dir=rtl] .brief{left:auto;right:7vw}body[dir=rtl] #shade{transform:scaleX(-1)}body[dir=rtl] .intro{font-family:Arial,sans-serif}body[dir=rtl] h1{direction:ltr}body[dir=rtl] .panel h2{font-family:Arial,sans-serif;font-size:32px}body[dir=rtl] .scoreboard{direction:ltr}body[dir=rtl] .player-score>span{direction:rtl}
@media(pointer:coarse){#controls{display:flex}#keyboardHint{display:none!important}.exit{bottom:0;left:50%;transform:translateX(-50%);font-size:11px}}
@media(max-width:650px){#brand{inset:13px 18px auto}#brand>a{font-size:12px;gap:7px}.header-actions{gap:3px}.brief,body[dir=rtl] .brief{top:auto;bottom:24px;left:25px;right:25px;width:auto;max-width:none;transform:none}h1{font-size:64px;line-height:.9;margin-bottom:12px}h1 br{display:none}h1 span{margin-inline-start:10px}.intro{font-size:16px;margin-bottom:11px}.intro br{display:none}.rules{margin-bottom:14px;font-size:12px}.primary{min-height:51px;font-size:17px}.secondary{font-size:13px;padding:10px}.fine{margin:9px 0 0;font-size:11px}.privacy{font-size:11px;min-height:32px}#shade{background:linear-gradient(0deg,#10272f 0%,#10272ff2 38%,#10272f00 66%)}body[dir=rtl] #shade{transform:none}.arena-label{right:25px;bottom:auto;top:73px;font-size:10px}.scoreboard{top:76px}#banner{font-size:50px}.panel{padding:26px}#notice{font-size:12px;max-height:64px;overflow:auto}.scoreboard .player-score{width:108px}}
@media(max-height:650px) and (min-width:651px){h1{font-size:78px}.intro{font-size:16px}.brief{transform:translateY(-43%)}.scoreboard{top:55px}.player-score>strong{font-size:40px}.health{margin-top:5px}#controls{bottom:16px}.stick-zone{width:98px}.stick-ring{width:90px;height:90px}.stick-knob{left:22px;top:22px}.exit{left:12px;bottom:0;transform:none}#keyboardHint{bottom:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(min-width:651px){body[dir=rtl] .arena-label{right:auto;left:7vw}}

.player-score>span,.final-score strong{color:var(--you-color,var(--amber))}.rival>span,.final-score strong:last-child{color:var(--rival-color,var(--cyan))}.health i:not(.empty){background:var(--you-color,var(--amber))}.rival .health i:not(.empty){background:var(--rival-color,var(--cyan))}