@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Unbounded:wght@600;800&display=swap";:root{color:#f4f1e8;font-synthesis:none;background:#0d1220;font-family:DM Mono,ui-monospace,monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 35%,#29314d 0,#11182a 42%,#090d18 100%)}button,input{font:inherit}button{cursor:pointer}#game-canvas{opacity:0;width:100%;height:100%;transition:opacity .35s;display:block;position:fixed;inset:0}#game-canvas.active{opacity:1}.panel{z-index:10;background:linear-gradient(145deg,#1b233af5,#0e1423f5);border:1px solid #52617f;border-radius:18px;width:min(560px,100vw - 32px);padding:clamp(26px,5vw,48px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 90px #000a,inset 0 1px #ffffff12}.eyebrow{color:#4fd1c5;letter-spacing:.22em;margin:0 0 12px;font-size:12px}h1,h2{letter-spacing:-.04em;margin:0;font-family:Unbounded,sans-serif;line-height:.95}h1{color:#ffd152;font-size:clamp(48px,10vw,86px)}h2{color:#ffd152;font-size:clamp(30px,6vw,48px)}.subtitle{color:#b4bfd8;max-width:420px;margin:20px 0 34px;line-height:1.6}label{color:#8998b9;letter-spacing:.12em;margin-bottom:8px;font-size:12px;display:block}input{color:#fff;background:#0c1322;border:1px solid #586987;border-radius:9px;outline:none;width:100%;margin-bottom:14px;padding:16px 18px}input:focus{border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c522}button{color:#071915;letter-spacing:.06em;background:#4fd1c5;border:0;border-radius:9px;width:100%;padding:16px 20px;font-weight:500;transition:transform .15s,filter .15s}button:hover{filter:brightness(1.08);transform:translateY(-2px)}button:disabled{cursor:wait;opacity:.55;transform:none}button.secondary{color:#b6c1d8;background:#29334b;margin-top:10px}button.small{color:#b6c1d8;background:#29334bdd;width:auto;padding:8px 14px;font-size:12px}.hint{color:#71809e;text-align:center;margin:20px 0 0;font-size:12px}.hidden{display:none!important}#lobby{width:min(860px,100vw - 32px);max-height:calc(100vh - 24px);overflow-y:auto}.players{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:24px 0;display:grid}.player-card{background:#11192a;border:1px solid #455371;border-radius:12px;min-width:0;min-height:98px;padding:12px}.player-card.empty{color:#62708d;text-align:center;border-style:dashed;place-items:center;font-size:11px;display:grid}.player-name{text-overflow:ellipsis;white-space:nowrap;margin:7px 0 10px;font-family:Unbounded,sans-serif;font-size:12px;overflow:hidden}.ready-state{color:#8795b3;font-size:10px}.ready-state.yes{color:#4fd1c5}.avatar{border-radius:7px;width:24px;height:24px}.notice{color:#ffd152;text-align:center;min-height:20px;margin:18px 0 0;font-size:13px}#hud{z-index:8;pointer-events:none;background:linear-gradient(#0a0e1bf7,#0a0e1bd6,#0000);grid-template-columns:1fr auto;align-items:center;gap:8px 18px;min-height:92px;padding:10px 18px 18px;display:grid;position:fixed;inset:0 0 auto}#scores{grid-area:2/1/auto/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 14px;font-family:Unbounded,sans-serif;font-size:11px;display:grid}.score{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.goal{color:#8998b9;letter-spacing:.15em;grid-area:1/1;font-size:12px}#hud button{pointer-events:auto;grid-area:1/2;justify-self:end}.winner{text-align:center;background:#0e1425ed}.winner p{color:#aeb9d0}#error-text{color:#b4bfd8;line-height:1.6}@media (width<=640px){#lobby{padding:24px 18px}.players{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}.player-card{min-height:78px;padding:9px}.avatar{width:18px;height:18px}.player-name{margin:5px 0 7px;font-size:10px}#hud{gap:6px 10px;min-height:148px;padding:8px 10px 16px}#scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px;font-size:9px}}