:root{--night:#0b1d3a;--deep:#12305c;--ice:#e8f4ff;--ice-2:#bfe0fb;--cyan:#5ad1ff;--orange:#ff9a1f;--orange-2:#ff7a00;--red:#ff6b6b;--text:#f4faff;--muted:#9fbde0;--card:#ffffff12;--card-border:#ffffff1f;--display:"Commissioner", "Inter", system-ui, sans-serif;--body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% 0%, #1d4d8f 0%, var(--night) 60%) fixed, var(--night);color:var(--text);font-family:var(--body);overscroll-behavior:none;font-size:16px}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}.screen{max-width:520px;min-height:100%;padding:max(16px, env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.screen.center{justify-content:center;padding-bottom:32px}.sg-wordmark.logo{align-self:center;margin:4px 0 12px;font-size:max(28px,min(9.4vw,46px))}.hello{text-align:center;color:var(--muted);margin:0}.hello b{color:var(--text)}.card{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex}.card h2{font-family:var(--display);margin:0;font-size:18px;font-weight:700}.card label{font-weight:600}input{font:inherit;border:2px solid var(--card-border);width:100%;color:var(--text);background:#00000040;border-radius:14px;outline:none;padding:14px 16px;font-size:20px}input:focus{border-color:var(--cyan)}.code-input{font-family:var(--display);letter-spacing:.3em;text-align:center;text-transform:uppercase;font-weight:900}.btn{white-space:nowrap;background:#ffffff24;border:0;border-radius:14px;padding:14px 20px;font-weight:700;transition:transform 80ms,filter .15s}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45}.btn.primary{background:linear-gradient(180deg, var(--orange) 0%, var(--orange-2) 100%);color:#251100;box-shadow:0 6px #b35600,0 10px 24px #ff7a0059}.btn.primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #b35600}.btn.big{font-family:var(--display);width:100%;padding:18px;font-size:22px;font-weight:900}.link{color:var(--cyan);background:0 0;border:0;padding:4px;font-weight:600}.row{gap:10px;display:flex}.row>.btn{flex:1}.row>input{flex:1;min-width:0}.or{text-align:center;color:var(--muted);font-size:14px}.error{color:var(--red);margin:0;font-weight:600}.muted{color:var(--muted)}.center-text{text-align:center;margin:0}.lobby-head{justify-content:space-between;align-items:center;display:flex}.room-code{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:4px;display:flex}.room-code .code{font-family:var(--display);letter-spacing:.12em;color:var(--ice);text-shadow:0 4px 0 var(--deep), 0 0 30px #5ad1ff73;font-size:max(56px,min(20vw,84px));font-weight:900;line-height:1}.players{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.players li{text-overflow:ellipsis;white-space:nowrap;background:#0003;border-radius:12px;align-items:center;padding:10px 12px;font-weight:600;display:flex;overflow:hidden}.players li .pname{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.players li .pstate{color:var(--muted);margin-left:6px;font-size:13px}.players li.ready .pstate{color:#4ade80;font-weight:800}.players li.you{outline:2px solid var(--cyan)}.wait{font-size:14px;margin-bottom:10px!important}.dot{vertical-align:middle;background:#58677a;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.dot.on{background:#4ade80;box-shadow:0 0 8px #4ade80}.games{flex-direction:column;gap:8px;display:flex}.game-card{text-align:left;background:#0003;border:2px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.game-card.selected{border-color:var(--orange);background:#ff9a1f1f}.game-card:disabled{opacity:1}.game-card.soon{opacity:.5}.game-card .emoji{font-size:34px}.game-card small{color:var(--muted);margin-top:2px;line-height:1.35;display:block}.rounds{justify-content:space-between;align-items:center;font-weight:600;display:flex}.stepper{align-items:center;gap:14px;display:flex}.stepper button{background:#ffffff24;border:0;border-radius:12px;width:44px;height:44px;font-size:22px;font-weight:700}.stepper button:disabled{opacity:.35}.stepper b{font-family:var(--display);text-align:center;min-width:20px;font-size:24px}.sticky-foot{padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent, var(--night) 40%);position:fixed;bottom:0;left:0;right:0}.sticky-foot>*{max-width:488px;margin:0 auto}.pingu{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--night);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.pingu canvas{width:100%;height:100%;display:block}.hud-top{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));pointer-events:none;gap:8px;display:flex;position:absolute}.chip{border:1px solid var(--card-border);background:#0b1d3ab8;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex}.chip.thrower.me{background:var(--orange);color:#251100;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.06)}}.timer{font-family:var(--display);text-align:center;background:#00000040;border-radius:999px;min-width:1.4em;padding:0 6px}.hud-board{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));border:1px solid var(--card-border);pointer-events:none;background:#0b1d3ab8;border-radius:12px;min-width:140px;max-width:44vw;max-height:60vh;margin:0;padding:6px;font-size:13px;list-style:none;position:absolute;overflow:hidden}.hud-board li{border-radius:6px;justify-content:space-between;gap:10px;padding:3px 6px;display:flex}.hud-board li.active{background:#ff9a1f4d}.hud-board li.you .n{color:var(--cyan)}.hud-board .n{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.hud-board .d{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}@media (orientation:portrait){.hud-top{flex-direction:column;align-items:flex-start}}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;margin-top:12px;display:grid}.step{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.step b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.step .medal{font-size:34px}.step .block{background:linear-gradient(180deg, var(--ice-2), #7fb6e6);border-radius:12px 12px 0 0;width:100%;margin-top:6px}.step.s0 .block{height:70px}.step.s1 .block{background:linear-gradient(180deg, #ffe08a, var(--orange));height:110px}.step.s2 .block{height:44px}.step.s1 .medal{font-size:46px}.scores{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.scores th,.scores td{text-align:right;border-bottom:1px solid var(--card-border);padding:8px 4px}.scores th:nth-child(2),.scores td:nth-child(2){text-align:left;width:100%}.scores th:first-child,.scores td:first-child{text-align:left;color:var(--muted)}.scores tr.you td:nth-child(2){color:var(--cyan);font-weight:700}.scores td.best{color:var(--orange);font-weight:800}.offline{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));background:var(--red);color:#2a0000;z-index:10;border-radius:999px;padding:8px 16px;font-weight:700;position:fixed;transform:translate(-50%)}.tg-controller{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--night);flex-direction:column;gap:10px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.tg-c-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tg-c-toggle{background:var(--card);border:1px solid var(--card-border);border-radius:999px;margin-left:auto;padding:6px 12px;font-size:13px;font-weight:600}.tg-c-mini{border:1px solid var(--card-border);border-radius:14px;flex:none;height:32vh;position:relative;overflow:hidden}.tg-c-mini.off{display:none}.tg-c-mini canvas{width:100%;height:100%;display:block}.tg-c-pad{text-align:center;border:2px dashed var(--card-border);background:var(--card);min-height:0;color:var(--muted);touch-action:none;border-radius:24px;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.tg-c-pad-text{font-family:var(--display);color:var(--text);font-size:24px;font-weight:800;line-height:1.25}.tg-c-pad-sub{font-size:16px;font-weight:600}.tg-c-pad.mine{border-style:solid;border-color:var(--orange);background:#ff9a1f1f}.tg-c-pad.active{background:linear-gradient(180deg, var(--orange), var(--orange-2));color:#251100;border-color:#0000}.tg-c-pad.active .tg-c-pad-text{color:#251100;font-size:28px}.tg-c-pad.active:active{transform:scale(.98)}.tg-c-pad.mode-input{animation:.8s ease-in-out infinite pulse}.tg-c-pad-hint{font-family:var(--display);letter-spacing:.08em;opacity:.85;font-size:56px;font-weight:900}@media (orientation:landscape) and (max-height:500px){.tg-controller{flex-flow:wrap}.tg-c-top{flex-basis:100%}.tg-c-mini{flex:1 1 0;height:auto}.tg-c-pad{flex:1 1 0}}