@font-face{font-family:Unbounded;font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/unbounded-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/unbounded-latin-ext.woff2)format("woff2");unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20BF,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg:#0f110b;--bg-raise:#181b11;--bg-sunk:#0b0d07;--panel:#181b11f0;--scrim:#0b0d07c7;--ink:#edefdf;--ink-dim:#a9ae97;--line:#edefdf24;--accent:#b9a6ff;--accent-strong:#cfc2ff;--accent-ink:#1c1430;--amber:#ffc25e;--danger:#ff7a6b;--display:"Unbounded", system-ui, -apple-system, "Segoe UI", sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sa-top:env(safe-area-inset-top,0px);--sa-right:env(safe-area-inset-right,0px);--sa-bottom:env(safe-area-inset-bottom,0px);--sa-left:env(safe-area-inset-left,0px)}*,:before,:after{box-sizing:border-box}html{overscroll-behavior:none;height:100%}body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;margin:0;font-size:16px;line-height:1.55}body.in-game{width:100%;position:fixed;inset:0;overflow:hidden}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;color:inherit}[hidden]{display:none!important}#app{height:100vh;background:var(--bg);height:100dvh;position:relative;overflow:hidden}#game{background:var(--bg);touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ui-root{position:absolute;inset:0}.noscript-note{text-align:center;padding:24px}.screens{pointer-events:none;position:absolute;inset:0}.screen{pointer-events:auto;padding:calc(20px + var(--sa-top)) calc(20px + var(--sa-right)) calc(28px + var(--sa-bottom)) calc(20px + var(--sa-left));background:radial-gradient(120% 90% at 50% 0%, #b9a6ff12, transparent 60%), var(--bg);flex-direction:column;align-items:center;display:none;position:absolute;inset:0;overflow-y:auto}.screen.visible{display:flex}.screen.overlay{background:var(--scrim);-webkit-backdrop-filter:blur(6px)}.screen.overlay.live{-webkit-backdrop-filter:none;background:#080a0666}.pause-note{text-align:center;max-width:34ch}.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}.screen-title:focus{outline:none}.screen-title:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.screen.overlay>:first-child{margin-top:auto}.screen.overlay>:last-child{margin-bottom:auto}.s-over{background:radial-gradient(120% 90% at 50% 0%, #b9a6ff0f, transparent 60%), var(--scrim);-webkit-backdrop-filter:blur(5px)}.s-over>:first-child{margin-top:auto}.s-over>:last-child{margin-bottom:auto}.screen-head{align-items:center;gap:14px;width:min(640px,100%);margin:4px 0 20px;display:flex}.screen-title{font-family:var(--display);letter-spacing:.01em;margin:0;font-size:clamp(19px,4.5vw,26px);font-weight:600}.menu-corner{top:calc(14px + var(--sa-top));right:calc(14px + var(--sa-right));gap:8px;display:flex;position:absolute}.chip{border:1px solid var(--line);min-height:44px;color:var(--ink-dim);letter-spacing:.04em;cursor:pointer;background:#181b11b3;border-radius:999px;padding:0 16px;font-size:13px;transition:color .15s,border-color .15s}.chip:hover{color:var(--ink);border-color:var(--accent)}.menu-hero{text-align:center;margin-top:auto;margin-bottom:34px;padding-top:48px}.logo{font-family:var(--display);letter-spacing:.05em;color:var(--ink);text-shadow:0 0 44px #b9a6ff59;margin:0;font-size:clamp(38px,9.5vw,84px);font-weight:800;line-height:1.05}.logo:after{content:"";background:linear-gradient(90deg, var(--accent), var(--amber));border-radius:3px;width:84px;height:5px;margin:16px auto 0;display:block}.tagline{max-width:42ch;color:var(--ink-dim);margin:16px auto 0;font-size:clamp(14px,3.4vw,16px)}.menu-body{flex-direction:column;gap:18px;width:min(460px,100%);margin-bottom:auto;display:flex}.menu-group{flex-direction:column;gap:8px;display:flex}.group-label{color:var(--ink-dim);letter-spacing:.12em;text-transform:uppercase;margin:0 0 0 4px;font-size:12px}.menu-grid{gap:10px;display:grid}.menu-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-btn{border:1px solid var(--line);background:var(--bg-raise);min-height:64px;color:var(--ink);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:12px 18px;transition:background .15s,border-color .15s,transform 60ms;display:flex}.mode-btn:hover{border-color:var(--accent);background:#1e2214}.mode-btn:active{transform:translateY(1px)}.mode-title{font-family:var(--display);letter-spacing:.02em;font-size:16px;font-weight:600}.mode-sub{color:var(--ink-dim);font-size:12.5px;line-height:1.35}.mode-best{color:var(--amber);font-size:12px}.mode-best:empty{display:none}.mode-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.mode-btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.mode-btn.primary .mode-sub{color:#1c1430b8}.mode-btn.primary .mode-best{color:var(--accent-ink);font-weight:600}.mode-btn.featured{background:linear-gradient(135deg, #ffc25e1f, #b9a6ff0d), var(--bg-raise);border-color:#ffc25e80}.mode-btn.featured:hover{border-color:var(--amber)}.mode-btn.featured .mode-title{color:var(--amber)}.menu-secondary{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.account-chip{align-items:center;max-width:220px;display:inline-flex}.account-chip.signed{color:var(--ink);border-color:#b9a6ff73}.chip-name{align-items:center;min-width:0;display:inline-flex}@media (max-width:460px){.menu-corner{left:calc(14px + var(--sa-left));flex-wrap:wrap;justify-content:flex-end}.menu-corner .chip{padding:0 12px}.menu-hero{padding-top:64px}}.btn{border:1px solid var(--line);background:var(--bg-raise);min-height:52px;color:var(--ink);font-family:var(--display);letter-spacing:.02em;cursor:pointer;border-radius:14px;padding:12px 26px;font-size:15px;font-weight:500;transition:background .15s,border-color .15s,color .15s,transform 60ms}.btn:hover{border-color:var(--accent);background:#1e2214}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn.ghost{color:var(--ink-dim);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--ink);border-color:var(--line)}.btn.small{border-radius:12px;min-height:44px;padding:8px 16px;font-size:13px}.btn.wide{width:min(340px,100%)}.btn.active{border-color:var(--accent);color:var(--accent)}.btn.back{flex-shrink:0}.best-line{width:min(640px,100%);color:var(--amber);margin:0 0 14px;font-size:14px}.level-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;width:min(640px,100%);display:grid}.level-card{border:1px solid var(--line);background:var(--bg-raise);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:96px;padding:14px 10px;transition:border-color .15s,background .15s,transform 60ms;display:flex}.level-card:hover{border-color:var(--accent);background:#1e2214}.level-card:active{transform:translateY(1px)}.level-num{font-family:var(--display);color:var(--accent);font-size:26px;font-weight:700}.level-name{color:var(--ink-dim);text-align:center;font-size:12.5px}.level-best{color:var(--amber);font-size:12px}.field-label{width:min(340px,100%);color:var(--ink-dim);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:13px}.field{border:1px solid var(--line);background:var(--bg-sunk);width:min(340px,100%);min-height:52px;color:var(--ink);font:inherit;border-radius:12px;padding:12px 16px;font-size:16px;transition:border-color .15s}.field::placeholder{color:#a9ae9799}.field:focus{border-color:var(--accent);outline:none}.field.invalid{border-color:var(--danger)}.field.code{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;text-align:center;font-weight:600}.divider-label{color:var(--ink-dim);letter-spacing:.04em;text-transform:uppercase;margin:26px 0 12px;font-size:13px}.join-row{gap:10px;width:min(340px,100%);display:flex}.join-row .field{flex:1;min-width:0}.error-line{min-height:1.4em;color:var(--danger);text-align:center;margin:16px 0 0;font-size:14px}.how-list{width:min(560px,100%);color:var(--ink-dim);margin:0;padding:0 0 0 1.2em}.how-line{margin:10px 0}.settings-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;width:min(480px,100%);padding:14px 0;display:flex}.settings-label{color:var(--ink);font-size:15px}.lang-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.share-line{color:var(--ink-dim);margin:0 0 8px;font-size:14px}.code-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}.code-big{font-family:var(--display);letter-spacing:.16em;color:var(--accent);text-shadow:0 0 34px #b9a6ff59;font-size:clamp(36px,11vw,60px);font-weight:800}.player-list{flex-direction:column;gap:8px;width:min(420px,100%);margin-bottom:18px;display:flex}.player-row{border:1px solid var(--line);background:var(--bg-raise);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 18px;display:flex}.player-row.me{border-color:var(--accent)}.player-row.gone{opacity:.45}.player-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.host-badge{color:var(--amber);flex-shrink:0}.rules-line,.waiting-line,.reconnect-line{color:var(--ink-dim);text-align:center;margin:0 0 16px;font-size:14px}.reconnect-line{color:var(--amber)}.over-title{font-family:var(--display);text-align:center;overflow-wrap:anywhere;margin:0 0 18px;font-size:clamp(26px,7vw,44px);font-weight:700}.over-score{font-family:var(--display);margin:0;font-size:22px;font-weight:600}.over-best{color:var(--ink-dim);margin:6px 0 0;font-size:15px}.new-high{color:var(--amber);font-family:var(--display);margin:12px 0 0;font-size:16px;font-weight:600}.standings{flex-direction:column;gap:8px;width:min(420px,100%);margin-bottom:22px;display:flex}.standing-row{border:1px solid var(--line);background:var(--panel);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.standing-row.me{border-color:var(--accent)}.standing-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.standing-kd{font-family:var(--display);color:var(--accent);flex-shrink:0;font-size:14px;font-weight:600}.over-actions{flex-direction:column;align-items:center;gap:10px;width:min(340px,100%);margin-top:22px;display:flex}.over-actions .btn{width:100%}.pause-panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;flex-direction:column;align-items:center;gap:12px;width:min(340px,100%);padding:28px 24px;display:flex}.pause-panel .screen-title{margin-bottom:10px}.hud{pointer-events:none;font-family:var(--body);display:none;position:absolute;inset:0}.hud.visible{display:block}.hud-left{top:calc(12px + var(--sa-top));left:calc(14px + var(--sa-left));flex-direction:column;align-items:flex-start;gap:8px;max-width:calc(50% - 24px);display:flex;position:absolute}.hud.mode-royale .hud-left{left:calc(66px + var(--sa-left))}.hud-bar{background:#0b0d07cc;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:8px 14px;display:flex}.hud-label{color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;margin-right:6px;font-size:11px}.hud-hp,.hud-lives,.hud-stat{align-items:center;display:flex}.hud-lives{color:var(--amber)}.hud-life{margin-left:2px;display:inline-flex}.hud-score,.hud-stat-value{font-family:var(--display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.hud-wave{color:var(--ink-dim);font-size:13px}.pips{gap:4px;display:inline-flex}.pip{border:1.5px solid #b9a6ff8c;border-radius:3px;width:12px;height:12px}.pip.on{background:var(--accent);border-color:var(--accent)}.pips.wins .pip{border-color:#ffc25e8c;border-radius:50%}.pips.wins .pip.on{background:var(--amber);border-color:var(--amber)}.hud-board{background:#0b0d07cc;border-radius:12px;flex-direction:column;gap:4px;min-width:148px;padding:8px 10px;display:flex}.hud-board-row{color:var(--ink-dim);align-items:center;gap:4px;font-size:13px;display:flex}.hud-board-row.me{color:var(--ink)}.hud-board-row.gone{opacity:.45}.hud-board-name{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.hud-board-kills{font-family:var(--display);color:var(--accent);margin-left:auto;padding-left:12px;font-weight:600}.hud-feed{flex-direction:column;gap:4px;display:flex}.hud-feed-row{color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;background:#0b0d07cc;border-radius:8px;max-width:240px;padding:4px 10px;font-size:12.5px;transition:opacity .4s;overflow:hidden}.hud-feed-row.fade{opacity:0}.hud-center{top:calc(12px + var(--sa-top));flex-direction:column;align-items:center;gap:6px;max-width:calc(100% - 140px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-duel{background:#0b0d07cc;border-radius:12px;align-items:center;gap:14px;padding:6px 14px;display:flex}.hud-duel .duel-side{min-width:0;color:var(--ink-dim);align-items:center;gap:6px;font-size:13px;display:flex}.hud-duel .duel-side.local{color:var(--ink)}.duel-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.duel-mid{flex-direction:column;align-items:center;gap:2px;display:flex}.duel-round{font-family:var(--display);white-space:nowrap;font-size:14px;font-weight:600}.hud-duel .ranked-badge{padding:0 7px;font-size:9.5px}.hud-timer{font-family:var(--display);font-variant-numeric:tabular-nums;background:#0b0d07cc;border-radius:12px;padding:6px 16px;font-size:18px;font-weight:600}.hud-timer:empty,.hud-zone:empty{display:none}.hud-zone{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;background:#0b0d07cc;border-radius:10px;padding:5px 14px;font-size:13px}.hud-zone.shrinking{color:var(--amber)}.hud-alert{color:var(--ink-dim);white-space:nowrap;background:#0b0d07d9;border-radius:10px;padding:5px 14px;font-size:13px;display:none}.hud-alert.visible{display:block}.hud-alert.warn{color:var(--amber)}.hud-alert.danger{color:#fff;letter-spacing:.02em;background:#c43426e6;font-weight:600;animation:.9s ease-in-out infinite alternate hud-pulse}@keyframes hud-pulse{0%{box-shadow:0 0 #ff7a6b00}to{box-shadow:0 0 0 6px #ff7a6b4d}}.hud-room{top:calc(20px + var(--sa-top));right:calc(64px + var(--sa-right));color:var(--ink-dim);font-family:var(--display);letter-spacing:.18em;font-size:12px;position:absolute}.hud-banner{font-family:var(--display);color:var(--amber);opacity:0;text-align:center;white-space:normal;background:#0b0d07b3;border-radius:14px;width:max-content;max-width:calc(100% - 32px);padding:10px 26px;font-size:clamp(18px,5vw,28px);font-weight:700;transition:opacity .25s;position:absolute;top:32%;left:50%;transform:translate(-50%)}.hud-banner.visible{opacity:1}.hud-card{left:50%;bottom:calc(24px + var(--sa-bottom));border:1px solid var(--line);background:var(--panel);text-align:center;pointer-events:auto;border-radius:18px;flex-direction:column;align-items:center;gap:2px;width:min(340px,100% - 28px);padding:14px 18px 16px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 18px 60px #00000073}.hud-card.win{border-color:#ffc25e99}.card-kicker{color:var(--ink-dim);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px}.hud-card.win .card-kicker{color:var(--amber);font-family:var(--display);letter-spacing:.02em;text-transform:none;font-size:18px;font-weight:700}.card-place{font-family:var(--display);color:var(--accent);margin:0;font-size:40px;font-weight:800;line-height:1.1}.card-line{color:var(--ink);margin:0;font-size:14px}.card-line.dim{color:var(--ink-dim);overflow-wrap:anywhere;font-size:13px}.card-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.hud-pause{top:calc(10px + var(--sa-top));right:calc(12px + var(--sa-right));border:1px solid var(--line);width:44px;height:44px;color:var(--ink-dim);cursor:pointer;pointer-events:auto;background:#0b0d07cc;border-radius:12px;font-size:16px;transition:color .15s,border-color .15s;position:absolute}.hud-pause:hover{color:var(--ink);border-color:var(--accent)}.hud.mode-royale .hud-pause{right:auto;left:calc(12px + var(--sa-left))}.hud.mode-royale .hud-zone,.hud.mode-royale .hud-alert{white-space:normal;max-width:100%}.hud.mode-royale .hud-bar,.hud.mode-royale .hud-feed,.hud.mode-royale .hud-feed-row{max-width:100%}@media (max-width:340px){.hud.mode-royale .hud-hp{flex-wrap:wrap}.hud.mode-royale .hud-label{letter-spacing:.04em}}@media (max-width:740px){.hud.mode-duel .hud-center{top:calc(62px + var(--sa-top));max-width:calc(100% - 28px)}.hud.mode-duel .hud-duel{max-width:calc(100vw - 28px)}.hud.mode-duel .hud-feed{margin-top:96px}}@media (max-width:480px){.hud.mode-duel .hud-duel{gap:10px;padding:6px 10px}.hud.mode-duel .duel-name{max-width:72px}.hud.mode-duel .hud-duel .ranked-badge{display:none}}.touch-layer{pointer-events:none;touch-action:none;display:none;position:absolute;inset:0}.touch-layer.visible{display:block}.touch-stick-zone{pointer-events:auto;touch-action:none;width:55%;position:absolute;top:30%;bottom:0;left:0}.touch-stick{border:2px solid var(--line);opacity:.4;background:#181b1159;border-radius:50%;width:132px;height:132px;margin:-66px 0 0 -66px;transition:opacity .15s;position:absolute;top:68%;left:42%}.touch-stick.active{opacity:.85;border-color:#b9a6ff8c}.touch-knob{background:#b9a6ff80;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}.touch-fire{right:calc(26px + var(--sa-right));bottom:calc(30px + var(--sa-bottom));pointer-events:auto;touch-action:none;background:#ffc25e2e;border:2px solid #ffc25e8c;border-radius:50%;width:96px;height:96px;transition:background .1s,transform .1s;position:absolute}.touch-fire.active{background:#ffc25e73;transform:scale(.94)}.landing{max-width:780px;padding:64px max(20px, var(--sa-left)) 24px max(20px, var(--sa-right));margin:0 auto}.landing h1{font-family:var(--display);margin:0 0 16px;font-size:clamp(24px,5.5vw,38px);font-weight:700;line-height:1.2}.landing h2{font-family:var(--display);margin:44px 0 12px;font-size:clamp(18px,4vw,24px);font-weight:600}.landing h3{margin:22px 0 6px;font-size:17px;font-weight:600}.landing p,.landing li{color:var(--ink-dim)}.landing strong{color:var(--ink)}.landing a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}.landing a:hover{color:var(--accent-strong)}.landing ol,.landing ul{padding-left:1.3em}.landing li{margin:8px 0}.table-wrap{overflow-x:auto}.landing table{border-collapse:collapse;width:100%;font-size:15px}.landing th,.landing td{border:1px solid var(--line);text-align:left;color:var(--ink-dim);padding:10px 14px}.landing th{color:var(--ink);background:var(--bg-raise);font-weight:600}.landing kbd{border:1px solid var(--line);background:var(--bg-raise);color:var(--ink);font-family:var(--body);border-bottom-width:2px;border-radius:6px;padding:2px 7px;font-size:13px}.site-footer{max-width:780px;padding:28px 20px calc(36px + var(--sa-bottom));border-top:1px solid var(--line);color:var(--ink-dim);margin:0 auto;font-size:14px}.site-footer p{margin:6px 0}.site-footer a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.primary.featured{background:var(--amber);border-color:var(--amber);color:#2a1c00}.btn.primary.featured:hover{background:#ffd388;border-color:#ffd388}.btn.danger{color:var(--danger);background:#ff7a6b1f;border-color:#ff7a6b8c}.btn.danger:hover{border-color:var(--danger);background:#ff7a6b2e}.btn.ghost.danger{background:0 0;border-color:#0000;align-self:flex-start}.verified{color:var(--accent);flex-shrink:0;margin-left:5px;display:inline-flex}.verified svg{display:block}.name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.player-name,.standing-name{align-items:center;min-width:0;display:inline-flex}.tabs{border:1px solid var(--line);background:var(--bg-sunk);scrollbar-width:none;border-radius:14px;gap:4px;width:min(640px,100%);margin:0 0 18px;padding:4px;display:flex;overflow-x:auto}.tab{min-width:0;min-height:44px;color:var(--ink-dim);line-height:1.2;font-family:var(--display);letter-spacing:.02em;white-space:normal;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1 1 0;padding:6px 8px;font-size:13px;font-weight:500;transition:background .15s,color .15s}@media (max-width:480px){.s-boards .tabs{grid-template-columns:repeat(2,1fr);display:grid}}.tab:hover{color:var(--ink)}.tab.active{background:var(--bg-raise);color:var(--ink);box-shadow:inset 0 0 0 1px #b9a6ff73}.ranked-badge{color:var(--amber);letter-spacing:.1em;text-transform:uppercase;border:1px solid #ffc25e8c;border-radius:999px;padding:2px 10px;font-size:11px;display:inline-block}.s-online .tabs{width:min(480px,100%)}.online-id{flex-direction:column;align-items:center;width:min(340px,100%);display:flex}.playing-as{color:var(--ink-dim);text-align:center;margin:0;font-size:14px}.playing-name{color:var(--ink);align-items:center;font-weight:600;display:inline-flex}.online-panel{flex-direction:column;align-items:center;width:min(340px,100%);margin-top:18px;display:flex}.online-panel .join-row{width:100%}.online-panel .divider-label{margin:24px 0 10px}.panel-lead{color:var(--ink-dim);text-align:center;margin:0 0 16px;font-size:14px}.panel-note{color:var(--ink-dim);text-align:center;margin:8px 0 0;font-size:12.5px}.bots-note{color:var(--amber)}.bots-note:before{content:"";background:var(--amber);border-radius:50%;width:6px;height:6px;margin:0 8px 2px 0;display:inline-block}.online-panel .bots-note{margin:0 0 16px}.search-panel{text-align:center}.spinner{border:3px solid #b9a6ff33;border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;margin:4px auto 6px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.s-royale-lobby .lobby-stat{margin-top:auto}.s-royale-lobby:after{content:"";flex:0 0 0;margin-top:auto}.lobby-count{font-family:var(--display);color:var(--accent);text-align:center;text-shadow:0 0 34px #b9a6ff59;font-variant-numeric:tabular-nums;font-size:clamp(56px,16vw,96px);font-weight:800;line-height:1}.lobby-label{color:var(--ink-dim);letter-spacing:.1em;text-align:center;text-transform:uppercase;margin:8px 0 0;font-size:13px}.lobby-countdown{font-family:var(--display);text-align:center;font-variant-numeric:tabular-nums;margin:22px 0 8px;font-size:20px;font-weight:600}.over-title.win{color:var(--amber);text-shadow:0 0 40px #ffc25e4d}.over-place{font-family:var(--display);color:var(--accent);margin:0;font-size:clamp(40px,12vw,72px);font-weight:800;line-height:1.05}.duel-score{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin:0 0 12px;display:flex}.duel-tally{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(32px,9vw,52px);font-weight:800}.s-over .duel-side{max-width:40vw;color:var(--ink-dim);align-items:center;font-size:15px;display:inline-flex}.run-result,.run-guest{flex-direction:column;align-items:center;gap:8px;display:flex}.run-line{color:var(--ink-dim);text-align:center;margin:12px 0 0;font-size:14px}.run-rank{font-family:var(--display);color:var(--accent);margin:4px 0 0;font-size:16px;font-weight:600}.dialog{border:1px solid var(--line);background:var(--bg-raise);width:min(440px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--ink);border-radius:20px;margin:auto;padding:0;overflow:auto;box-shadow:0 24px 80px #0000008c}.dialog::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(6px)}.dialog-panel{flex-direction:column;gap:12px;padding:18px 22px 22px;display:flex}.dialog-panel.busy{cursor:progress}.dialog-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-title{font-family:var(--display);margin:0;font-size:20px;font-weight:600}.dialog-close{width:44px;height:44px;color:var(--ink-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-shrink:0;margin-right:-10px;font-size:26px;line-height:1}.dialog-close:hover{color:var(--ink);border-color:var(--line)}.dialog-lead{color:var(--ink-dim);overflow-wrap:anywhere;margin:0;font-size:14.5px}.dialog-note{color:var(--ink-dim);margin:0;font-size:13.5px}.dialog-fine{color:var(--ink-dim);margin:0;font-size:12.5px;line-height:1.5}.dialog-fine a,.legal-links a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}.dialog-status{min-height:1.4em;color:var(--danger);margin:0;font-size:13.5px}.dialog-status.info{color:var(--amber)}.dialog-form{flex-direction:column;gap:8px;display:flex}.dialog .field,.dialog .field-label,.dialog .btn.wide,.dialog .join-row{width:100%}.dialog .field-label{margin:0}.dialog-row{flex-wrap:wrap;gap:8px;display:flex}.dialog-section{color:var(--ink-dim);letter-spacing:.1em;text-transform:uppercase;margin:4px 0 0;font-size:12px;font-weight:600}.field.code.otp{letter-spacing:.5em;padding-left:calc(16px + .5em);font-size:22px}.check-row{min-height:44px;color:var(--ink);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.check{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:0}.signin-options{flex-direction:column;gap:10px;display:flex}.gsi-button{color:#1f1f1f;width:100%;min-height:44px;font-family:Roboto, var(--body);letter-spacing:.25px;cursor:pointer;background:#fff;border:1px solid #747775;border-radius:22px;justify-content:center;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;transition:background-color .218s,box-shadow .218s;display:inline-flex}.turnstile-box{justify-content:center;min-height:65px;display:flex}.gsi-button:hover{background:#f8f8f8;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-button:active{background:#eee}.gsi-button svg{flex-shrink:0}.gsi-label{white-space:nowrap}.profile-id{flex-direction:column;gap:2px;display:flex}.profile-name{min-width:0;font-family:var(--display);align-items:center;margin:0;font-size:22px;font-weight:700;display:flex}.profile-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stat-grid{gap:8px;display:grid}.stat-card{border:1px solid var(--line);background:var(--bg-sunk);border-radius:14px;padding:10px 14px}.stat-title{color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:600}.stat-row{flex-wrap:wrap;gap:6px 22px;display:flex}.stat{flex-direction:column;display:flex}.stat-value{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.stat-label{color:var(--ink-dim);font-size:12px}.danger-zone{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.danger-text{color:var(--danger);margin:0;font-size:13.5px}.toast{left:50%;bottom:calc(24px + var(--sa-bottom));background:var(--bg-raise);max-width:min(420px,100% - 32px);color:var(--ink);text-align:center;opacity:0;pointer-events:none;border:1px solid #b9a6ff73;border-radius:12px;padding:10px 18px;font-size:14px;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,12px);box-shadow:0 12px 40px #00000073}.toast.visible{opacity:1;transform:translate(-50%)}.toast.error{border-color:#ff7a6b99}.board-panel{width:min(640px,100%)}.board-state{color:var(--ink-dim);text-align:center;margin:28px 0}.board-table{border-collapse:separate;border-spacing:0 6px;width:100%;font-size:15px}.board-table th{color:var(--ink-dim);letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:0 14px 2px;font-size:12px;font-weight:600}.board-table td{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-raise);padding:10px 14px}.board-table td:first-child{border-left:1px solid var(--line);border-radius:12px 0 0 12px}.board-table td:last-child{border-right:1px solid var(--line);border-radius:0 12px 12px 0}.board-table .col-rank{width:4.5em;color:var(--ink-dim);font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:600}.board-table tbody tr:nth-child(-n+3) .col-rank{color:var(--amber)}.board-table .col-value{color:var(--accent);font-family:var(--display);text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.board-table th.col-value{color:var(--ink-dim);font-family:var(--body)}.board-table tr.you td{border-color:var(--accent);background:#1e2214}.board-name{overflow-wrap:anywhere}.you-tag{background:var(--accent);color:var(--accent-ink);letter-spacing:.04em;vertical-align:1px;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:600}.board-me{border:1px dashed #b9a6ff80;border-radius:12px;align-items:center;gap:14px;margin-top:10px;padding:10px 14px;display:flex}.board-me-label{color:var(--ink-dim);flex:1;font-size:14px}.board-me-rank,.board-me-value{font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:600}.board-me-value{color:var(--accent)}.board-guest{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:min(640px,100%);margin-top:18px;display:flex}.board-guest:empty{display:none}.board-guest-text{color:var(--ink-dim);margin:0;font-size:14px}.how-body{flex-direction:column;gap:6px;width:min(640px,100%);display:flex}.how-body .how-list{width:auto}.how-heading{color:var(--accent);font-family:var(--display);letter-spacing:.02em;margin:14px 0 2px;font-size:15px;font-weight:600}.kind-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:8px;display:grid}.kind-card{border:1px solid var(--line);background:var(--bg-raise);border-radius:12px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.kind-name{font-family:var(--display);font-size:14px;font-weight:600}.kind-tip{color:var(--ink-dim);font-size:13px;line-height:1.4}.legal-links{flex-wrap:wrap;justify-content:flex-end;gap:16px;font-size:14px;display:flex}.legal-header{max-width:780px;padding:calc(20px + var(--sa-top)) 20px 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.legal-brand{color:var(--ink);font-family:var(--display);letter-spacing:.05em;font-size:20px;font-weight:800;text-decoration:none}.legal-brand:hover{color:var(--accent-strong)}.lang-switch{flex-wrap:wrap;gap:8px;display:flex}.lang-switch a{border:1px solid var(--line);color:var(--ink-dim);border-radius:999px;padding:6px 14px;font-size:13px;text-decoration:none}.lang-switch a:hover{border-color:var(--accent);color:var(--ink)}.landing.legal{padding-top:28px}.legal-lang{scroll-margin-top:16px}.legal-lang h2{margin-top:32px}.legal-updated{font-size:14px}.legal code{color:var(--ink);font-size:.9em}.legal-controller{border:1px solid var(--line);border-radius:12px;grid-template-columns:max-content minmax(0,1fr);gap:6px 16px;margin:12px 0 0;padding:12px 16px;display:grid}.legal-controller dt{font-weight:600}.legal-controller dd{color:var(--ink);overflow-wrap:anywhere;margin:0}@media (max-width:480px){.legal-controller{grid-template-columns:minmax(0,1fr)}.legal-controller dd+dt{margin-top:6px}}main.legal:has(.legal-lang:target) .legal-lang:not(:target){display:none}main.legal:not(:has(.legal-lang:target)) .legal-lang:not(#en){display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}