@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--coral: #ff6b6b;--cyan: #4ecdc4;--green: #a8e6cf;--amber: #ffd93d;--purple: #a78bfa;--pink: #f472b6;--accent: var(--cyan);--accent-strong: #63e0d6;--on-accent: #04211d;--danger: var(--coral);--bg: #0f0f1f;--surface: #181830;--surface-2: #212140;--border: rgba(165, 175, 255, .1);--border-strong: rgba(165, 175, 255, .2);--text: #eef0fb;--text-2: rgba(226, 230, 250, .68);--text-3: rgba(226, 230, 250, .42);--radius-lg: 20px;--radius: 14px;--radius-sm: 9px;--shadow-raised: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 28px -10px rgba(0, 0, 0, .5);--ease-out: cubic-bezier(.23, 1, .32, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html{height:100dvh}body{background:var(--bg);color:var(--text);font-family:Outfit Variable,SF Pro Rounded,ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-top) + 28px) 20px calc(var(--safe-bottom) + 28px);gap:14px;overflow-y:auto;background-image:radial-gradient(120% 90% at 50% 0%,rgba(78,205,196,.05),transparent 60%),repeating-linear-gradient(0deg,rgba(165,175,255,.025) 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,rgba(165,175,255,.025) 0 1px,transparent 1px 44px)}.screen>*{flex-shrink:0}.wordmark{display:flex;flex-direction:column;align-items:center;gap:2px}.title{font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--text)}.title-trail{width:190px;height:22px;overflow:visible}.title-trail path{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:74 12 58 999;stroke-dashoffset:143;animation:trail-draw 1.1s var(--ease-out) .15s forwards}.title-trail circle{fill:var(--accent);opacity:0;animation:trail-head .3s var(--ease-out) .95s forwards}@keyframes trail-draw{to{stroke-dashoffset:0}}@keyframes trail-head{0%{opacity:0;transform:scale(.4);transform-origin:center}to{opacity:1;transform:scale(1)}}.subtitle{font-size:15px;color:var(--text-2)}h2{font-size:24px;font-weight:700;letter-spacing:-.02em}.section-label{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);align-self:flex-start;width:100%;max-width:420px;margin:6px auto 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;width:100%;max-width:420px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:420px;min-height:54px;border:1px solid transparent;border-radius:var(--radius);padding:14px 18px;font-size:17px;font-weight:700;font-family:inherit;letter-spacing:.01em;color:var(--text);background:var(--surface-2);border-color:var(--border);cursor:pointer;transition:transform .14s var(--ease-out),filter .14s var(--ease-out)}.btn:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.btn:not(:disabled):hover{filter:brightness(1.12)}}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:transparent;color:var(--on-accent);box-shadow:0 1px 2px #0000004d,0 10px 26px -10px #4ecdc48c}.btn-secondary{background:var(--surface-2);border-color:var(--border-strong)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2);font-weight:600;min-height:46px}.btn-danger-ghost{background:transparent;border-color:transparent;color:color-mix(in srgb,var(--danger) 80%,white 20%);font-weight:600;min-height:46px}.input{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:15px 16px;color:var(--text);font-size:17px;font-family:inherit;font-weight:600;outline:none;text-align:center;transition:border-color .14s var(--ease-out)}.input::placeholder{color:var(--text-3);font-weight:500}.input:focus{border-color:var(--accent)}.code-cells{display:flex;gap:10px}.code-cell{width:58px;height:68px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);font-variant-numeric:tabular-nums}.code-cell.active{border-color:var(--accent)}.code-cell.active:empty:after{content:"";width:22px;height:3px;border-radius:2px;background:var(--accent);animation:caret-blink 1.1s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.code-input-wrap{position:relative}.code-input-hidden{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;border:none;font-size:32px;width:100%;height:100%}.code-cells.small .code-cell{width:46px;height:54px;font-size:26px;background:var(--surface-2);cursor:pointer}.code-hint{font-size:13px;color:var(--text-3);text-align:center}.qr-tile{background:#fff;border-radius:var(--radius-lg);padding:10px;margin-top:4px;box-shadow:0 4px 18px #00000059}.qr-tile svg{display:block;width:100%;height:100%}.conn-dot{position:fixed;top:calc(var(--safe-top) + 12px);right:14px;width:10px;height:10px;border-radius:50%;z-index:50}.conn-dot.connected{background:#52d273}.conn-dot.connecting{background:var(--amber);animation:pulse 1.2s infinite}.conn-dot.disconnected{background:var(--danger);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.3}}.toasts{position:fixed;top:calc(var(--safe-top) + 16px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:100;width:min(92vw,400px);pointer-events:none}.toast{padding:12px 16px;border-radius:var(--radius);font-size:15px;font-weight:600;text-align:center;border:1px solid var(--border-strong);background:var(--surface-2);box-shadow:var(--shadow-raised);animation:toast-in .22s var(--ease-out)}.toast.error{background:#3a1420;border-color:#ff6b6b66;color:#ffc9c9}.toast.success{background:#10301f;border-color:#52d27366;color:#b8f0c9}@keyframes toast-in{0%{transform:translateY(-10px) scale(.97);opacity:0}}.player-row{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--border)}.player-row:last-child{border-bottom:none}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:#0a0c18d9;flex-shrink:0}.avatar.dc{opacity:.4}.player-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.player-name{font-size:17px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-name .you{color:var(--text-3);font-weight:500;font-size:14px}.badge{font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);white-space:nowrap}.badge.ready{background:#52d27324;border-color:#52d27373;color:#7fe89e}.badge.waiting{color:var(--text-3)}.badge.dc{background:#ff6b6b1f;border-color:#ff6b6b66;color:#ff9c9c}.badge.host{background:#4ecdc41f;border-color:#4ecdc473;color:var(--accent-strong)}.badge.wins{color:var(--amber);border-color:#ffd93d59;background:#ffd93d14;font-variant-numeric:tabular-nums}.empty-hint{display:flex;align-items:center;gap:10px;justify-content:center;padding:14px 0 6px;color:var(--text-3);font-size:14px}.empty-hint:before{content:"";width:8px;height:8px;border-radius:50%;border:2px solid var(--text-3);border-top-color:transparent;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;font-size:15px}.setting-row+.setting-row{border-top:1px solid var(--border)}.setting-row label{color:var(--text-2);font-weight:500}.setting-row .value{min-width:44px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.setting-row input[type=range]{flex:1;max-width:150px;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:26px;background:transparent;cursor:pointer}.setting-row input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:var(--surface-2);border:1px solid var(--border)}.setting-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);border:none;margin-top:-8.5px;box-shadow:0 1px 3px #0006}.setting-row input[type=range]::-moz-range-track{height:5px;border-radius:3px;background:var(--surface-2);border:1px solid var(--border)}.setting-row input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:none;box-shadow:0 1px 3px #0006}.setting-row input[type=range]:disabled{opacity:.45;cursor:not-allowed}.segmented{display:flex;gap:3px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.segmented button{border:none;background:transparent;color:var(--text-2);font-family:inherit;font-size:13px;font-weight:700;padding:6px 12px;border-radius:7px;cursor:pointer;transition:background .14s var(--ease-out),color .14s var(--ease-out)}.segmented button.on{background:var(--accent);color:var(--on-accent)}.segmented button:disabled{cursor:not-allowed;opacity:.6}.segmented button.on:disabled{opacity:1}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50px;height:30px;border-radius:15px;background:var(--surface-2);border:1px solid var(--border-strong);position:relative;cursor:pointer;transition:background .16s var(--ease-out);flex-shrink:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--text);transition:transform .16s var(--ease-out)}.toggle:checked{background:var(--accent);border-color:transparent}.toggle:checked:after{transform:translate(20px);background:var(--on-accent)}.toggle:disabled{opacity:.45;cursor:not-allowed}.row{display:flex;align-items:center;gap:10px;width:100%;max-width:420px}.spacer{flex:1}.game-root{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);overflow:hidden;touch-action:none}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.touch-zones{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;z-index:10}.touch-zone{flex:1;height:100%}.hud{position:absolute;top:calc(var(--safe-top) + 8px);left:10px;right:56px;display:flex;gap:6px;flex-wrap:wrap;z-index:20;pointer-events:none}.hud-chip{display:flex;align-items:center;gap:6px;background:#0f0f1fbf;border:1px solid var(--border);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:999px;padding:5px 11px 5px 7px;font-size:13px;font-weight:600}.hud-chip .player-dot{width:10px;height:10px}.hud-chip .chip-wins{color:var(--text-3);font-variant-numeric:tabular-nums}.hud-chip.dead{opacity:.4}.hud-chip.dead .chip-name{text-decoration:line-through}.hud-chip.dc{opacity:.4;font-style:italic}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0f0f1fd9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:30;padding:24px;animation:overlay-in .26s var(--ease-out)}@keyframes overlay-in{0%{opacity:0}}.overlay-kicker{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.countdown-num{font-size:132px;font-weight:800;letter-spacing:-.04em;color:var(--accent);text-shadow:0 0 60px rgba(78,205,196,.35);animation:pop .4s var(--ease-out)}@keyframes pop{0%{transform:scale(1.5);opacity:0}}.dead-banner{position:absolute;top:28%;left:0;right:0;text-align:center;font-size:28px;font-weight:800;letter-spacing:-.01em;color:var(--danger);text-shadow:0 2px 16px rgba(0,0,0,.7);z-index:25;pointer-events:none;animation:pop .3s var(--ease-out)}.standings{width:100%;max-width:380px;display:flex;flex-direction:column;gap:6px}.standing-row{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-size:16px;font-weight:600;animation:standing-in .32s var(--ease-out) both}.standing-row.first{background:#ffd93d12;border-color:#ffd93d59}.standing-row .pos{color:var(--text-3);width:26px;font-variant-numeric:tabular-nums}.standing-row.first .pos{color:var(--amber)}.standing-row .pts{font-variant-numeric:tabular-nums;color:var(--text-2);font-size:14px}.standing-row .delta{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.delta.up{color:#52d273}.delta.down{color:var(--danger)}.delta.zero{color:var(--text-3)}@keyframes standing-in{0%{transform:translateY(10px);opacity:0}}.winner-name{font-size:30px;font-weight:800;letter-spacing:-.02em;text-align:center}.winner-crown{font-size:54px;line-height:1;animation:crown-drop .5s var(--ease-out)}@keyframes crown-drop{0%{transform:translateY(-18px) scale(.8);opacity:0}}.quit-btn{position:absolute;top:calc(var(--safe-top) + 8px);right:10px;z-index:40;background:#0f0f1fbf;border:1px solid var(--border);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--text-2);font-size:17px;line-height:1;border-radius:50%;width:40px;height:40px;cursor:pointer}.lb-row{display:flex;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid var(--border);font-size:16px}.lb-row:last-child{border-bottom:none}.lb-row .rank{width:34px;color:var(--text-3);font-weight:700;font-variant-numeric:tabular-nums}.lb-row.top .rank{color:var(--amber)}.lb-row .lb-name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row .lb-wins{color:var(--text-3);font-size:14px;font-variant-numeric:tabular-nums}.lb-row .elo{font-weight:700;color:var(--accent-strong);font-variant-numeric:tabular-nums;min-width:52px;text-align:right}.skeleton-row{display:flex;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid var(--border)}.skeleton-row:last-child{border-bottom:none}.skeleton{border-radius:6px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:22px 8px;display:flex;flex-direction:column;gap:6px}.empty-state .empty-title{font-weight:700;font-size:16px}.empty-state .empty-sub{color:var(--text-3);font-size:14px}@media(prefers-reduced-motion:reduce){.title-trail path{animation:none;stroke-dashoffset:0}.title-trail circle{animation:none;opacity:1}.countdown-num,.dead-banner,.standing-row,.winner-crown,.toast,.overlay{animation:none}.btn,.toggle,.toggle:after{transition:none}}