:root{--color-bg: #0f1330;--color-bg-deep: #0a0a1a;--color-surface: #1f1c42;--color-surface-raised: #2a2657;--color-text: #f6f3ff;--color-text-muted: #b9b3d9;--color-accent: #ff8a00;--color-accent-deep: #a85a00;--color-accent-text: #1a0e00;--color-cool: #2fb8ff;--color-danger: #ff4d5e;--color-danger-ink: #1a0e00;--color-success: #2ecc40;--color-gold: #ffd23f;--color-steel: #9aa4bf;--font-display: "Baloo 2", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-caption: 12px;--text-label: 13px;--text-body: 15px;--text-heading: 18px;--text-title: 24px;--text-score: 32px;--text-hero: 44px;--weight-regular: 400;--weight-bold: 700;--weight-black: 800;--lh-tight: 1.1;--lh-normal: 1.4;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-card: 0 2px 0 rgba(0,0,0,.35), 0 6px 16px rgba(0,0,0,.35);--shadow-raised: 0 4px 0 rgba(0,0,0,.4), 0 10px 24px rgba(0,0,0,.45);--shadow-floating: 0 12px 40px rgba(0,0,0,.6);--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--theme-accent: #ff8a00;--theme-accent-text: #1a0e00;--theme-panel: #151a33;--theme-panel-border: #2b3260;--theme-grid-empty: #1c2140;--theme-grid-bg: #151a33;--theme-grid-line: #2b3260;--theme-garbage: #666060;--theme-steel: #9aa4bf;--theme-block-count: 6;--theme-block-1: #ff3b5c;--theme-block-2: #ff9f1c;--theme-block-3: #ffe14d;--theme-block-4: #2ecc40;--theme-block-5: #2fb8ff;--theme-block-6: #b05cff}[data-theme=default]{--theme-accent: #ff8a00;--theme-accent-text: #1a0e00;--theme-panel: #151a33;--theme-panel-border: #2b3260;--theme-grid-empty: #1c2140;--theme-grid-bg: #151a33;--theme-grid-line: #2b3260;--theme-garbage: #666060;--theme-steel: #9aa4bf;--theme-block-count: 6;--theme-block-1: #ff3b5c;--theme-block-2: #ff9f1c;--theme-block-3: #ffe14d;--theme-block-4: #2ecc40;--theme-block-5: #2fb8ff;--theme-block-6: #b05cff}[data-theme=neon]{--theme-accent: #00d4ff;--theme-accent-text: #001018;--theme-panel: #0d0a1f;--theme-panel-border: #2a2255;--theme-grid-empty: #120d2a;--theme-grid-bg: #0d0a1f;--theme-grid-line: #2a2255;--theme-garbage: #666060;--theme-steel: #9aa4bf;--theme-block-count: 6;--theme-block-1: #ff2d75;--theme-block-2: #ff8c00;--theme-block-3: #f5ff3d;--theme-block-4: #39ff88;--theme-block-5: #00d4ff;--theme-block-6: #c65cff}[data-theme=pastel]{--theme-accent: #ffc38a;--theme-accent-text: #2a1a08;--theme-panel: #22223a;--theme-panel-border: #40406a;--theme-grid-empty: #2a2a44;--theme-grid-bg: #22223a;--theme-grid-line: #40406a;--theme-garbage: #666060;--theme-steel: #9aa4bf;--theme-block-count: 6;--theme-block-1: #ff9eb5;--theme-block-2: #ffc38a;--theme-block-3: #f7f79a;--theme-block-4: #a8f0b8;--theme-block-5: #9fd6ff;--theme-block-6: #d3b3ff}[data-theme=monochrome]{--theme-accent: #ffffff;--theme-accent-text: #000000;--theme-panel: #000000;--theme-panel-border: #2c2c2c;--theme-grid-empty: #000000;--theme-grid-bg: #000000;--theme-grid-line: #2c2c2c;--theme-garbage: #3a2e2e;--theme-steel: #9aa4bf;--theme-block-count: 6;--theme-block-1: #ffffff;--theme-block-2: #d6d6d6;--theme-block-3: #b0b0b0;--theme-block-4: #909090;--theme-block-5: #767676;--theme-block-6: #5c5c5c}[data-theme=sunset]{--theme-accent: #ffc93c;--theme-accent-text: #1f1400;--theme-panel: #190c1c;--theme-panel-border: #3d2242;--theme-grid-empty: #231226;--theme-grid-bg: #190c1c;--theme-grid-line: #3d2242;--theme-garbage: #666060;--theme-steel: #9aa4bf;--theme-block-count: 6;--theme-block-1: #ff4e50;--theme-block-2: #ff9333;--theme-block-3: #ffc93c;--theme-block-4: #ff6fb5;--theme-block-5: #8e5cff;--theme-block-6: #2fd3c8}[data-theme=ocean]{--theme-accent: #40e0d0;--theme-accent-text: #00201c;--theme-panel: #081526;--theme-panel-border: #1b3a5a;--theme-grid-empty: #0c1e33;--theme-grid-bg: #081526;--theme-grid-line: #1b3a5a;--theme-garbage: #666060;--theme-steel: #9aa4bf;--theme-block-count: 6;--theme-block-1: #1f6fe0;--theme-block-2: #40e0d0;--theme-block-3: #f0e6d3;--theme-block-4: #e0a83a;--theme-block-5: #7fffb0;--theme-block-6: #ff6b6b}[data-theme=highContrast]{--theme-accent: #ffe100;--theme-accent-text: #000000;--theme-panel: #000000;--theme-panel-border: #6a6a6a;--theme-grid-empty: #000000;--theme-grid-bg: #000000;--theme-grid-line: #6a6a6a;--theme-garbage: #666060;--theme-steel: #9aa4bf;--theme-block-count: 6;--theme-block-1: #4d7cff;--theme-block-2: #ffe100;--theme-block-3: #00e5ff;--theme-block-4: #ff3cff;--theme-block-5: #00ff66;--theme-block-6: #ff8000}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}#ui-root{position:fixed;inset:0;z-index:100;pointer-events:none;font-family:var(--font-body);color:var(--color-text);touch-action:auto;user-select:text;-webkit-user-select:text}#ui-root .ui-screen{position:absolute;inset:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);overflow:hidden}#ui-root .ui-screen[hidden]{display:none}#ui-root .ui-content{max-width:var(--ui-max-width, 480px);margin:0 auto;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}#ui-root button{font-family:var(--font-display);font-weight:var(--weight-black);min-height:48px;border:0;border-radius:var(--radius-md);cursor:pointer}#ui-root button,#ui-root .card,#ui-root .home-play{user-select:none;-webkit-user-select:none}#ui-root .lobby-code-text,#ui-root .friends-code-value,#ui-root .code-input{user-select:text;-webkit-user-select:text}.ui-screen{background:radial-gradient(120% 60% at 50% 0%,#17306a 0%,var(--color-bg) 45%,var(--color-bg-deep) 100%)}.ui-content{display:flex;flex-direction:column;gap:var(--space-md);padding:40px 20px 24px;box-sizing:border-box}.wordmark{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:var(--space-sm)}.wordmark h1{margin:0;font-family:var(--font-display);font-weight:var(--weight-black);font-size:34px;line-height:1;letter-spacing:.5px;text-shadow:0 4px 0 rgba(0,0,0,.45)}.wordmark-glyph{display:flex;flex:0 0 auto}.accent-cool{color:var(--color-cool)}.card{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;min-height:60px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-card);text-align:left;font-family:var(--font-body);cursor:pointer;transition:transform var(--motion-fast) var(--ease-out)}.card:active,.btn:active{transform:scale(.96)}.card-primary{min-height:76px;padding:14px 18px;border:0;border-radius:var(--radius-md);background:linear-gradient(180deg,#ffffff2e,#fff0 40%),var(--color-accent);color:var(--color-accent-text);box-shadow:0 5px 0 var(--color-accent-deep),0 12px 24px #00000073}.card-primary .card-title{font-size:22px}.card-primary .card-blurb{color:inherit;opacity:.85}.card-text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.card-title{font-family:var(--font-display);font-weight:var(--weight-black);font-size:17px;line-height:1.1}.card-blurb{font-size:var(--text-caption);color:var(--color-text-muted)}.pill{flex:0 0 auto;min-width:54px;padding:6px 8px;border-radius:var(--radius-pill);background:#ffffff14;font-size:var(--text-caption);font-weight:var(--weight-bold);color:var(--color-text-muted);text-align:center;white-space:nowrap}.pill-start{color:var(--color-accent);background:#ff8a0026}.pill-empty{visibility:hidden}.pill-flame{display:inline-flex;align-items:center;gap:4px;color:var(--color-accent);background:#ff8a0026}.pill-done{display:inline-flex;align-items:center;gap:4px;color:var(--color-success);background:#2ecc4026}.badge{padding:2px 6px;border-radius:6px;font-size:11px;font-weight:var(--weight-black)}.badge-try{position:absolute;top:6px;right:8px;background:var(--color-danger);color:var(--color-danger-ink)}.glyph{display:grid;grid-template-columns:repeat(2,13px);gap:3px;flex:0 0 auto}.glyph i{display:block;height:13px;border-radius:3px}.glyph-empty{background:#ffffff14}.bar{display:block;height:6px;margin-top:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--color-cool)}.spacer{flex:1 1 auto}.home{gap:var(--space-md)}.home.ui-content{padding-top:var(--space-xxl)}.home .spacer-top{flex:1 1 0}.home .spacer-bottom{flex:2 1 0}.home-play{display:flex;align-items:stretch;width:100%;min-height:92px;box-sizing:border-box;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(180deg,#ffffff2e,#fff0 40%),var(--color-accent);color:var(--color-accent-text);box-shadow:0 5px 0 var(--color-accent-deep),0 12px 24px #00000073}#ui-root .home-play-main{display:flex;align-items:center;gap:14px;flex:1 1 auto;min-width:0;min-height:92px;padding:14px 18px;border:0;border-radius:0;background:none;color:inherit;text-align:left;font-family:var(--font-body);cursor:pointer}.home-play-main .card-title{font-family:var(--font-display);font-weight:var(--weight-black);font-size:22px;line-height:var(--lh-tight)}.home-play-main .card-blurb{font-size:13px;color:inherit;opacity:.85}.home-play-main svg{flex:0 0 auto}#ui-root .home-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:0 0 64px;width:64px;min-height:92px;padding:0;border:0;border-left:1px solid rgba(0,0,0,.18);border-radius:0;background:#0000001a;color:inherit;font-family:var(--font-display);font-weight:var(--weight-black);font-size:11px;letter-spacing:.8px;cursor:pointer}#ui-root .home-more[disabled]{opacity:.4;cursor:default}.home-more-cap{margin-top:-6px;text-align:right}#ui-root .home-play-main[disabled]{cursor:default}.home-card{min-height:76px;padding:12px 14px;box-shadow:0 0 0 1px #2fb8ff40,var(--shadow-card)}.home-card .card-title{font-size:18px}.home-best{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex:0 0 auto;padding:6px 10px;border-radius:10px;background:#ffffff14}.home-best-cap{font-size:11px;font-weight:var(--weight-bold);letter-spacing:.6px;color:var(--color-text-muted)}.home-best-score{font-family:var(--font-display);font-weight:var(--weight-black);font-size:15px;line-height:var(--lh-tight);color:var(--color-gold)}.home-best-time{font-size:11px;color:var(--color-text-muted)}.home-chal-text{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-width:0}.home-chal-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.home-chal-sub{font-size:12px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-chal-text .bar{margin-top:0}.nav-row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#ui-root .nav-row-3 .btn{padding:0 8px;font-size:14px;font-weight:var(--weight-bold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:0;border-radius:var(--radius-md);font-family:var(--font-display);font-weight:var(--weight-black);font-size:16px;letter-spacing:.3px;cursor:pointer}.btn-primary{background:linear-gradient(180deg,#ffffff2e,#fff0 40%),var(--color-accent);color:var(--color-accent-text);box-shadow:0 4px 0 var(--color-accent-deep),0 10px 20px #00000073}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-card)}.btn-ghost{background:transparent;color:var(--color-text);border:1.5px solid rgba(255,255,255,.22)}.btn[disabled]{opacity:.45;box-shadow:none;cursor:default}@media(min-width:600px){.ui-content{max-width:480px;margin:0 auto}}.results{gap:var(--space-sm)}.headline{margin:0;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-hero);line-height:var(--lh-tight);text-align:center;text-shadow:0 4px 0 rgba(0,0,0,.45)}#ui-root .headline-win{color:var(--color-gold)}.subline{margin:0;text-align:center;font-size:var(--text-label);color:var(--color-text-muted)}.ribbon-row{display:flex;justify-content:center}.ribbon{padding:3px 12px;border-radius:var(--radius-pill);background:#ffd23f29;color:var(--color-gold);font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-label);letter-spacing:.4px}.score{text-align:center;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-score);line-height:var(--lh-tight);color:var(--color-gold);text-shadow:0 2px 0 rgba(0,0,0,.5)}.breakdown{list-style:none;margin:0;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card)}.breakdown li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:22px;font-size:var(--text-label);color:var(--color-text-muted)}.breakdown li b{color:var(--color-text);font-weight:var(--weight-bold)}.best{text-align:center;font-size:var(--text-label);color:var(--color-text-muted)}.breakdown .best-row{justify-content:center;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.breakdown .best-row.results-rank{margin-top:0;padding-top:0;border-top:0}.best-new{color:var(--color-gold);font-weight:var(--weight-bold)}.breakdown .best-row.best-new{color:var(--color-gold)}.results-ach{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border:1px solid rgba(255,210,63,.45);border-radius:var(--radius-md);background:var(--color-surface)}.results-ach-row{display:flex;align-items:center;gap:8px;min-height:28px;font-size:var(--text-label)}.results-ach-ico{flex:0 0 auto;font-size:18px;line-height:1}.results-ach-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-bold);color:var(--color-gold)}.elo{text-align:center;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-label)}.elo-up{color:var(--color-success)}.elo-down{color:var(--color-danger)}.ranking{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ranking li{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 12px;border-radius:var(--radius-sm);background:#ffffff0a;font-size:14px}.ranking .rank{width:18px;flex:0 0 auto;font-family:var(--font-display);font-weight:var(--weight-black);font-size:15px;color:var(--color-text-muted)}.ranking li:first-child .rank{color:var(--color-gold)}.ranking .name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking .pts{flex:0 0 auto;font-family:var(--font-display);font-weight:var(--weight-black);font-size:15px}.ranking .tag{flex:0 0 auto;padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-danger);font-size:11px;font-weight:var(--weight-bold);color:var(--color-danger-ink)}.ranking .top{flex:0 0 auto;font-size:14px;line-height:1;color:var(--color-gold)}.ranking li[data-human=true]{background:var(--color-surface-raised);border-left:3px solid var(--color-accent);padding-left:9px}.ranking li[data-human=true] .name{text-transform:uppercase;font-weight:var(--weight-bold)}.ranking li[data-human=true] .pts{color:var(--color-gold)}.actions{display:flex;flex-direction:column;gap:10px}.btn-hero{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;min-height:56px;font-size:18px;border-radius:var(--radius-lg);padding:0 12px}.btn-hero .hero-label{grid-column:2;white-space:nowrap}#ui-root .btn-ghost{border:1.5px solid rgba(255,255,255,.22)}.link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0;border:0;background:none;color:var(--color-cool);font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-label);cursor:pointer}@media(max-height:700px){.results.ui-content{padding:16px 20px 10px}.results{gap:4px}.results .headline{font-size:24px}.results .score{font-size:20px}.breakdown li{min-height:14px}.breakdown .best-row{min-height:0;margin-top:3px;padding-top:3px}.results .actions{gap:6px}.results .actions .btn{min-height:44px}.results .actions .link{margin-top:2px}}#ui-root .ui-screen[data-screen=pause]{background:none;padding:0}.sheet{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;background:#0a0a1ad9}.sheet-panel{width:100%;max-width:480px;box-sizing:border-box;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);box-shadow:var(--shadow-floating);padding:16px 16px calc(var(--safe-bottom) + 16px);display:flex;flex-direction:column;gap:12px;animation:sheet-in var(--motion-fast) var(--ease-out)}@keyframes sheet-in{0%{transform:translateY(16px) scale(.98);opacity:0}}.sheet header{display:flex;justify-content:space-between;align-items:center}.sheet h2{margin:0;font-family:var(--font-display);font-weight:var(--weight-black);font-size:18px;line-height:1;letter-spacing:.5px}#ui-root .sheet header .icon-btn{flex:0 0 auto;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:22px;background:#ffffff14;color:var(--color-text)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:var(--color-text-muted);min-width:44px;min-height:44px;cursor:pointer}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.stats div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:#ffffff0a;font-size:var(--text-label);color:var(--color-text-muted)}.stats dt{min-width:0}.stats dd{margin:0;color:var(--color-gold);font-family:var(--font-display);font-weight:var(--weight-black)}.sheet .btn.is-confirming{background:var(--color-danger);color:var(--color-danger-ink);font-size:14px}@media(min-width:600px){.sheet{align-items:center}.sheet-panel{border-radius:var(--radius-lg);padding-bottom:16px}}#ui-root .ui-screen[data-screen=tutorial]{background:none;padding:0}.tutorial-body{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.tutorial-body p{margin:0;max-width:34ch;font-size:var(--text-body);line-height:var(--lh-normal);color:var(--color-text-muted)}.fig{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:116px;padding:12px 8px;box-sizing:border-box;border:1px solid var(--theme-panel-border);border-radius:var(--radius-md);background:var(--theme-grid-bg)}.mini{display:grid;grid-template-columns:repeat(var(--cols, 4),16px);gap:2px}.fig i{display:block;width:16px;height:16px;border-radius:3px}.fig .sock{background:var(--theme-grid-empty);box-shadow:inset 0 0 0 1px var(--theme-grid-line)}.fig .blk{box-shadow:inset 0 5px #ffffff2e,inset -2px -2px #00000047}.fig .blk-atk{background:var(--theme-garbage);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.18) 0 3px,transparent 3px 8px)}.fig .sock-ghost{background:#ff4d5e4d;box-shadow:inset 0 0 0 1px #ff4d5e8c}.fig .sock-target{background:#2fb8ff1f;box-shadow:inset 0 0 0 1.5px var(--color-cool)}.fig .gap{background:none;box-shadow:none}.fig-arrow{display:flex;flex:0 0 auto;color:var(--color-text-muted)}.fig-stack{display:flex;flex-direction:column;gap:3px}.ghosts{opacity:.9}.fig-piece{position:relative;display:flex}.fig-tag{position:absolute;top:-9px;right:-6px;padding:1px 5px;border-radius:var(--radius-pill);background:var(--color-danger);color:var(--color-danger-ink);font-size:11px;font-weight:var(--weight-black);letter-spacing:.5px}.fig-no{position:absolute;inset:0;display:block}.fig-no i{position:absolute;top:50%;left:50%;width:40px!important;height:3px!important;margin:-1.5px 0 0 -20px;border-radius:2px!important;background:var(--color-danger);box-shadow:none}.fig-no i:first-child{transform:rotate(45deg)}.fig-no i:last-child{transform:rotate(-45deg)}.fig .blk-armour{background:var(--theme-steel);box-shadow:inset 0 0 0 2px #ffffff8c,inset 0 5px #ffffff2e}.fig-hud{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:var(--theme-panel);border:1px solid var(--theme-panel-border)}.fig-hud-label{font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--color-text-muted)}.fig-hud-num{font-family:var(--font-display);font-weight:var(--weight-black);font-size:18px;line-height:1;font-variant-numeric:tabular-nums}.fig-hud-num.is-danger{color:var(--color-danger)}.fig-out-plate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#0a0a1ac7;color:#fff;font-family:var(--font-display);font-weight:var(--weight-black);font-size:14px;letter-spacing:1px}.fig-leader{align-items:center;gap:2px}.fig-crown{display:flex;color:var(--color-gold)}.dots{display:flex;justify-content:center;align-items:center;gap:8px}#ui-root .dot{width:8px;height:8px;min-height:8px;padding:0;border-radius:50%;background:#ffffff38}#ui-root .dot[aria-current=true]{background:var(--color-accent);transform:scale(1.25)}.pager{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px}#ui-root .ui-content.profile{overflow:hidden}.profile-head{display:flex;align-items:center;gap:12px;height:44px;flex:0 0 auto}.profile-title{flex:1 1 auto;margin:0;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-title);line-height:28px;letter-spacing:.3px}#ui-root .profile .icon-btn{flex:0 0 auto;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:22px;background:#ffffff14;color:var(--color-text)}.cap{font-size:var(--text-caption);color:var(--color-text-muted);line-height:1.25}.identity{flex:0 0 auto;min-height:0;padding:12px 14px;cursor:default}.identity.is-editing{align-items:flex-start}.identity:active,.lb-note:active{transform:none}.id-glyph{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:40px;flex:0 0 auto}.id-glyph i{display:block;height:18px;border-radius:4px}.id-glyph-empty{background:#ffffff1a}.id-text{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0}.id-line{display:flex;align-items:center;gap:8px;min-width:0}.id-name{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-heading);line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ui-root .profile .id-pencil{flex:0 0 auto;width:44px;height:44px;min-width:44px;min-height:44px;margin:-12px 0;background:none;color:var(--color-text-muted)}.id-meta{display:flex;align-items:center;gap:6px;min-width:0}#ui-root .pill-rank{min-width:0;padding:2px 8px;font-size:var(--text-caption);background:#ffd23f29;color:var(--color-gold)}.name-input{flex:1 1 auto;width:100%;min-width:0;height:44px;padding:0 10px;box-sizing:border-box;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);background:#00000040;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body)}.id-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#ui-root .btn-sm{min-height:44px;padding:0 14px;font-size:13px}.name-error{color:var(--color-danger)}.name-note{color:var(--color-text-muted)}.seg{display:flex;gap:4px;padding:0;border-radius:var(--radius-md);background:#ffffff0f;flex:0 0 auto;box-sizing:border-box}#ui-root .seg button{flex:1 1 0;min-width:0;display:flex;align-items:center;height:44px;min-height:44px;padding:0;border-radius:8px;background:none}#ui-root .seg button:first-child{padding-left:4px}#ui-root .seg button:last-child{padding-right:4px}.seg button>span{display:flex;align-items:center;justify-content:center;width:100%;height:36px;padding:0 4px;box-sizing:border-box;border-radius:8px;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-label);letter-spacing:.3px;color:var(--color-text-muted);overflow:hidden}#ui-root .seg button.on>span{background:var(--color-surface-raised);color:var(--color-text);box-shadow:0 2px #00000059}#ui-root .seg button[disabled]{opacity:.45;cursor:default}.seg-sm{padding:0 3px}.seg-sm button>span{height:32px}#ui-root .seg-sm button:first-child{padding-left:0}#ui-root .seg-sm button:last-child{padding-right:0}.profile-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.tab-body{display:flex;flex-direction:column;gap:var(--space-md);min-height:100%;box-sizing:border-box}.sec{display:flex;flex-direction:column;gap:6px}.sec-cap{padding:0 2px}.rows{display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;border-radius:var(--radius-sm);box-sizing:border-box;background:#ffffff0a}.row-name{flex:1 1 auto;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-record{flex:0 0 auto}.row-val{flex:0 0 auto;width:64px;text-align:right;font-family:var(--font-display);font-weight:var(--weight-black);font-size:15px;color:var(--color-gold)}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tile{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--radius-sm);background:#ffffff0a;box-sizing:border-box}.tile .v{font-family:var(--font-display);font-weight:var(--weight-black);font-size:20px;line-height:22px}.tile .k{font-size:var(--text-caption);color:var(--color-text-muted);line-height:1.2}.foot{text-align:center}.empty{text-align:center;padding:16px 0}.ach-summary{display:flex;flex-direction:column;gap:6px}.ach-summary-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:var(--text-label)}.ach-summary-line .strong{font-weight:var(--weight-bold)}#ui-root .ach-summary .bar,#ui-root .ach .bar{margin-top:0}.bar-gold{background:var(--color-gold)}.chips{display:flex;gap:6px;flex:0 0 auto;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}#ui-root .chip{display:inline-flex;align-items:center;flex:0 0 auto;height:44px;min-height:44px;padding:0;background:none;border-radius:var(--radius-pill)}.chip>span{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:var(--radius-pill);background:#ffffff0f;font-family:var(--font-body);font-size:var(--text-caption);font-weight:var(--weight-bold);color:var(--color-text-muted);white-space:nowrap}.chip[aria-pressed=true]>span{background:var(--color-accent);color:var(--color-accent-text)}.ach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ach{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:var(--color-surface);box-sizing:border-box}.ach.done{border-color:#ffd23f73}.ach.lock{opacity:1}.ach.lock .ico{opacity:.5}.ach-head{display:flex;align-items:center;gap:8px;min-width:0}.ico{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;border-radius:8px;background:#ffffff14;color:var(--color-gold)}.ach-text{display:flex;flex-direction:column;gap:1px;min-width:0}.ach-name{font-size:var(--text-label);font-weight:var(--weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ach-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ach-foot{display:flex;align-items:center;justify-content:flex-end;min-height:16px;font-size:var(--text-caption);color:var(--color-text-muted)}.ach-done{display:flex;align-items:center;gap:4px;color:var(--color-gold)}.ach-locked{display:flex;align-items:center;gap:4px}.ach-locked svg{width:12px;height:12px}.tab-lb .ranking{flex:0 0 auto}#ui-root .tab-lb .ranking li{min-height:44px}.ranking .sub{flex:0 0 auto}.tab-lb .ranking .rank{width:22px}.ranking li[data-me=true]{background:var(--color-surface-raised);border-left:3px solid var(--color-accent);padding-left:9px}.ranking li[data-me=true] .name{font-weight:var(--weight-bold)}.ranking li[data-me=true] .pts{color:var(--color-gold)}.lb-note{flex:0 0 auto;min-height:0;padding:10px 14px;border-color:#2fb8ff40;cursor:default}.lb-note svg{flex:0 0 auto;width:20px;height:20px;color:var(--color-cool)}.lb-note .card-title{font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--weight-bold)}.lb-note .card-text{gap:2px}#ui-root .ui-screen[data-screen=settings]{background:none;padding:0}.settings-panel{max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet-handle{width:40px;height:4px;border-radius:2px;background:#ffffff38;align-self:center;flex:0 0 auto}.settings-card{flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:2px 0;cursor:default}.settings-card:active{transform:none}.settings-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;box-sizing:border-box}.settings-row[data-row-key]{cursor:pointer}.settings-row.is-disabled{opacity:1}.settings-row.is-disabled .toggle{opacity:.45}.settings-row.is-disabled .settings-row-label{color:var(--color-text-muted)}.settings-row-text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.settings-row-label{font-size:var(--text-body);font-weight:600}.settings-divider{height:1px;background:#ffffff0f;margin:0 14px;flex:0 0 auto}.toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer}.toggle[disabled]{cursor:default}.toggle-track{position:relative;width:48px;height:28px;border-radius:14px;background:#ffffff24;box-sizing:border-box;transition:background var(--motion-fast) var(--ease-out)}.toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:11px;background:#fff;box-shadow:0 2px 4px #0006;transition:left var(--motion-fast) var(--ease-out)}.toggle.on .toggle-track{background:var(--color-success)}.toggle.on .toggle-thumb{left:23px}.settings-volume{display:flex;align-items:center;gap:10px;flex:0 0 auto;width:150px}.volume-slider{flex:1 1 auto;min-width:0;height:32px;margin:0;accent-color:var(--color-accent);background:none}.settings-volume-value{flex:0 0 auto;width:32px;text-align:right}.settings-theme{display:flex;flex-direction:column;gap:8px}.settings-theme-head{display:flex;justify-content:space-between;padding:0 2px}.theme-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.theme-row::-webkit-scrollbar{display:none}#ui-root .swatch{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;flex:0 0 auto;width:72px;height:82px;padding:8px 6px;border:2px solid transparent;border-radius:var(--radius-sm);background:#ffffff0a;box-sizing:border-box;cursor:pointer}#ui-root .swatch.on{border-color:#fff;box-shadow:0 0 0 3px #ff8a0073;background:var(--color-surface-raised)}.swatch.lock{opacity:1}.swatch.lock .swatch-sw{opacity:.45}.swatch.lock .swatch-name{color:var(--color-text-muted)}.swatch-sw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:44px;padding:5px;border-radius:6px;box-sizing:border-box}.swatch-sw b{display:block;height:15px;border-radius:3px;box-shadow:inset 0 4px #ffffff2e,inset -1px -1px #00000047}.swatch-name{display:flex;align-items:center;gap:3px;max-width:100%;font-size:var(--text-caption);font-weight:var(--weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swatch-name svg{flex:0 0 auto;width:12px;height:12px}.settings-theme-hint{padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-section-cap{padding:0 2px}.settings-account{padding:12px 14px;gap:10px}.settings-account-row{display:flex;align-items:center;gap:10px}.settings-account-text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.settings-name{font-size:var(--text-body);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ui-root .settings-pill{flex:0 0 auto;background:#ffffff14;color:var(--color-text-muted)}.settings-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settings-links .btn{min-height:44px;font-size:14px}.settings-footer{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}.settings-footer-links{display:flex;align-items:center;gap:14px}.settings-footer .link{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-family:var(--font-body);font-weight:600;font-size:var(--text-caption)}.settings-privacy{color:var(--color-text-muted)}.online-head{display:flex;align-items:center;gap:12px;height:44px;flex:0 0 auto}.online-title{flex:1 1 auto;margin:0;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-title);line-height:28px;letter-spacing:.3px;white-space:nowrap}#ui-root .online .icon-btn{flex:0 0 auto;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:22px;background:#ffffff14;color:var(--color-text)}.online-conn{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.online-conn .dot{width:8px;height:8px;border-radius:4px}.online-conn.conn-ok{background:#2ecc4024;color:var(--color-success)}.online-conn.conn-ok .dot{background:var(--color-success)}.online-conn.conn-warn{background:#ffd23f24;color:var(--color-gold)}.online-conn.conn-warn .dot{background:var(--color-gold)}.online-conn.conn-bad{background:#ff4d5e24;color:var(--color-danger)}.online-conn.conn-bad .dot{background:var(--color-danger)}.online-identity{padding:10px 14px;border-color:#ffd23f59;cursor:default}.online-identity:active{transform:none}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;border-radius:16px;font-family:var(--font-display);font-weight:var(--weight-black);font-size:14px;color:var(--color-accent-text)}.online-identity-text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.online-identity-name{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-primary[disabled]{opacity:.55;cursor:default}.card.action[disabled]{opacity:.6;border-style:dashed;cursor:default}#ui-root .online-badge{flex:0 0 auto;min-width:0;padding:2px 8px;background:#ff4d5e29;color:var(--color-danger)}.online-join{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px;cursor:default}.online-join:active{transform:none}.online-join-head{display:flex;align-items:center;gap:12px}.online-join-row{display:flex;gap:10px}.code-input-wrap{position:relative;flex:1 1 auto;min-width:0;height:52px;box-sizing:border-box;border-radius:var(--radius-md);background:#00000040;border:1.5px solid rgba(255,255,255,.14)}.code-input-wrap:focus-within{border-color:var(--color-cool);box-shadow:0 0 0 3px #2fb8ff2e}.code-input,.code-ghost{position:absolute;inset:0;box-sizing:border-box;padding:0 14px;font-family:var(--font-display);font-weight:var(--weight-black);font-size:24px;letter-spacing:8px;line-height:52px}.code-input{width:100%;height:100%;border:0;background:none;color:var(--color-text);text-align:left}.code-input:focus{outline:none}.code-ghost{display:flex;align-items:center;white-space:pre;color:var(--color-text);opacity:.35;pointer-events:none}.code-ghost-typed{color:transparent}.online-join-row .btn{min-height:52px;padding:0 22px}.online-join-error{color:var(--color-danger)}.online-note{text-align:center}#ui-root .ui-screen[data-screen=createRoom]{background:none;padding:0}.createroom-field{display:flex;flex-direction:column;gap:8px}.createroom-label{letter-spacing:.6px;padding:0 2px}.btn-create{min-height:56px;font-size:18px;border-radius:var(--radius-lg)}#ui-root .mm .icon-btn{flex:0 0 auto;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:22px;background:#ffffff14;color:var(--color-text)}.mm-body{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.mm-ring{position:relative;flex:0 0 auto;width:140px;height:140px}.mm-ring-track{position:absolute;inset:0;border-radius:70px;border:3px solid rgba(47,184,255,.18)}.mm-ring-arc{position:absolute;inset:0;border-radius:70px;border:3px solid transparent;border-top-color:var(--color-cool);border-right-color:var(--color-cool);animation:mm-spin 1.1s linear infinite}.mm-ring.mm-done .mm-ring-arc{border-top-color:var(--color-success);border-right-color:var(--color-success);animation:none}@keyframes mm-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mm-ring-arc{animation:none}}.mm-ring-icon{position:absolute;inset:22px;border-radius:50px;background:#2fb8ff1a;display:flex;align-items:center;justify-content:center;color:var(--color-cool)}.mm-ring.mm-done .mm-ring-icon{background:#2ecc401a;color:var(--color-success)}.mm-status{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-title);text-align:center}.mm-time{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-score);letter-spacing:1px;text-align:center}.mm-caption{text-align:center}.mm-slots{display:flex;gap:8px}.mm-slot-empty{background:#ffffff14;border:1px dashed rgba(255,255,255,.25)}.mm-aifill{flex-direction:column;align-items:stretch;gap:8px;padding:12px 14px;cursor:default}.mm-aifill:active{transform:none}.mm-aifill-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;font-weight:700}.mm-note{text-align:center}#ui-root .lobby .icon-btn{flex:0 0 auto;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:22px;background:#ffffff14;color:var(--color-text)}.lobby-code{flex-direction:column;align-items:center;gap:12px;padding:14px 16px 16px;cursor:default}.lobby-code:active{transform:none}.lobby-code-text{font-family:var(--font-display);font-weight:var(--weight-black);font-size:44px;line-height:1;letter-spacing:6px;padding-left:6px}.lobby-code-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.lobby-code-actions .btn{min-height:44px;font-size:14px}.lobby-toast{color:var(--color-success)}.lobby-players{flex-direction:column;align-items:stretch;gap:6px;padding:8px;cursor:default}.lobby-players:active{transform:none}.lobby-row{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 12px;border-radius:var(--radius-sm);box-sizing:border-box;background:#ffffff0a}.lobby-row-empty{background:none;border:1px dashed rgba(255,255,255,.18)}.lobby-avatar-empty{background:#ffffff1a;border:1px dashed rgba(255,255,255,.25)}.lobby-row-name{flex:1 1 auto;min-width:0;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-row-empty .lobby-row-name{font-size:var(--text-caption);font-weight:400;color:var(--color-text-muted)}.lobby-tag{margin-left:8px}.lobby-kick{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer}.lobby-kick span{font-size:12px;font-weight:700;color:var(--color-danger)}.lobby-settings{flex-direction:column;align-items:stretch;padding:2px 14px;cursor:default}.lobby-settings:active{transform:none}.lobby-settings .settings-row+.settings-row{border-top:1px solid rgba(255,255,255,.06)}.lobby-start{min-height:56px;font-size:18px;border-radius:var(--radius-lg)}.lobby-hint{text-align:center;margin-top:-4px}#ui-root .ui-screen[data-screen=connectionLost],#ui-root .ui-screen[data-screen=challenge]{background:none;padding:0}.sheet-modal{align-items:center;padding:0 20px;background:#0a0a1ab8}.conn-panel{border-radius:var(--radius-lg);padding:24px 20px;align-items:center;text-align:center;gap:14px}.conn-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-title);line-height:var(--lh-tight);letter-spacing:.3px}.conn-text{font-size:var(--text-body);line-height:var(--lh-normal);color:var(--color-text-muted)}.conn-text b{color:var(--color-text)}.conn-caption{line-height:var(--lh-normal)}.conn-bar{width:100%;margin-top:0}.conn-bar-fill{background:var(--color-danger)}.conn-btn{width:100%}.conn-ring{position:relative;flex:0 0 auto;width:72px;height:72px}.conn-ring-track{position:absolute;inset:0;border-radius:36px;border:3px solid rgba(255,77,94,.18)}.conn-ring-arc{position:absolute;inset:0;border-radius:36px;border:3px solid transparent;border-top-color:var(--color-danger);animation:conn-spin 1.1s linear infinite}.conn-ring.is-closed .conn-ring-arc{animation:none;transform:rotate(-40deg)}@keyframes conn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.conn-ring-arc{animation:none;transform:rotate(-40deg)}}.conn-ring-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-danger)}.conn-ring-icon svg{width:30px;height:30px}.challenge-panel{gap:12px}.challenge-avatar{width:48px;height:48px;border-radius:24px;font-size:20px}.challenge-title{text-transform:uppercase}#ui-root .challenge-timer{min-width:0;padding:6px 14px;background:#ff8a0026;color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-label)}#ui-root .ui-screen[data-screen=spectate]{background:none;padding:0;pointer-events:none}.spectate-bar{position:absolute;left:var(--spectate-left, 0px);right:auto;width:var(--spectate-width, 100%);bottom:0;box-sizing:border-box;padding:12px 0 calc(var(--safe-bottom) + 24px);pointer-events:auto;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#0a0a1a00,#0a0a1af5 22%)}.spectate-head{display:flex;align-items:center;gap:8px;font-size:var(--text-label);color:var(--color-text-muted)}.spectate-watching{color:var(--color-text);font-weight:var(--weight-bold)}.spectate-rows{display:flex;gap:8px}.spectate-cell{flex:1 1 0;min-width:0;min-height:0;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 8px;cursor:default}.spectate-cell:active{transform:none}.spectate-cell-rank{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-caption);line-height:1.2;color:var(--color-text-muted)}.spectate-cell-name{max-width:100%;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectate-cell-score{font-family:var(--font-display);font-weight:var(--weight-black);font-size:16px;line-height:1.2}.spectate-cell.is-me .spectate-cell-name{color:var(--color-text)}.spectate-cell.is-leader{border-color:var(--color-success)}.spectate-cell.is-leader .spectate-cell-score{color:var(--color-gold)}.spectate-cell.is-out{opacity:1}.spectate-cell.is-out .spectate-cell-name,.spectate-cell.is-out .spectate-cell-score{color:var(--color-text-muted)}.spectate-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spectate-actions.is-single{grid-template-columns:minmax(0,1fr)}.spectate-note{text-align:center}.spectate-banner{position:absolute;left:var(--spectate-left, 0px);right:auto;width:var(--spectate-width, 100%);top:calc(var(--safe-top) + 10px);max-height:calc(var(--spectate-frame-top, 140px) - var(--safe-top) - 16px);overflow:hidden;box-sizing:border-box;padding:0;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;pointer-events:none;animation:sheet-in var(--motion-fast) var(--ease-out)}.spectate-banner-title{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-title);line-height:var(--lh-tight);letter-spacing:.5px;color:var(--color-danger)}.spectate-banner-sub{font-size:var(--text-body);font-weight:600;line-height:var(--lh-normal);color:var(--color-text)}.spectate-clock{font-family:var(--font-display);font-weight:var(--weight-black);font-size:34px;line-height:1.1;letter-spacing:.5px;font-variant-numeric:tabular-nums;color:var(--color-text)}.spectate-clock.is-urgent{color:var(--color-danger)}.spectate-clock.is-off{opacity:.15}.spectate-banner-score{color:var(--color-text-muted)}.spectate-banner[data-compact=true]{gap:0}.spectate-banner[data-compact=true] .spectate-banner-title{font-size:var(--text-heading)}.spectate-banner[data-compact=true] .spectate-clock{font-size:var(--text-title)}#ui-root .friends .icon-btn{flex:0 0 auto;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:22px;background:#ffffff14;color:var(--color-text)}#ui-root .friends .icon-btn[disabled]{opacity:.4;cursor:default}.friends-code{padding:12px 14px;cursor:default}.friends-code:active{transform:none}.friends-code-text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.friends-code-label{letter-spacing:.6px}.friends-code-value{font-family:var(--font-display);font-weight:var(--weight-black);font-size:26px;line-height:1.1;letter-spacing:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-code-value.is-empty{color:var(--color-text-muted);letter-spacing:0}.friends-add{display:flex;flex-direction:column;gap:4px}.friends-add-row{display:flex;gap:10px}.friends-add-wrap{flex:1 1 auto;min-width:0;box-sizing:border-box;height:52px;border-radius:var(--radius-md);background:#00000040;border:1.5px solid rgba(255,255,255,.14)}.friends-add-wrap:focus-within{border-color:var(--color-cool);box-shadow:0 0 0 3px #2fb8ff2e}.friends-add-input{width:100%;height:100%;box-sizing:border-box;padding:0 14px;border:0;background:none;color:var(--color-text);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:16px;letter-spacing:1px;text-transform:uppercase}.friends-add-input::placeholder{color:var(--color-text-muted);letter-spacing:.5px;text-transform:none}.friends-add-input:focus{outline:none}#ui-root .friends-add-btn{min-height:52px;padding:0 18px}.friends-add-error{color:var(--color-danger)}.friends-add-success{color:var(--color-success)}.friends-row-error{color:var(--color-danger);padding:0 2px}.friends-section{display:flex;flex-direction:column;gap:6px}.friends-section-cap{padding:0 2px;letter-spacing:.6px}.friends-row{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 12px;border-radius:var(--radius-sm);box-sizing:border-box;background:#ffffff0a}.friends-row-loading{justify-content:center}.friends-avatar{position:relative;flex:0 0 auto;display:inline-flex}.friends-dot{position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border-radius:50%;background:var(--color-success);border:2px solid var(--color-surface);box-sizing:content-box}.friends-dot.is-off{background:#ffffff40}.friends-row-text{display:flex;flex-direction:column;gap:1px;flex:1 1 auto;min-width:0}.friends-row-name{font-size:var(--text-body);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-row-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-row.is-offline .friends-row-name,.friends-row.is-offline .avatar{color:var(--color-text-muted)}.friends-row-actions{display:flex;gap:6px;flex:0 0 auto}#ui-root .friends-accept{background:#2ecc4029;color:var(--color-success)}#ui-root .friends-reject{background:#ff4d5e24;color:var(--color-danger)}#ui-root .friends-action{flex:0 0 auto;min-height:44px;padding:0 14px;font-size:var(--text-label)}#ui-root .friends-remove{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:44px;min-height:44px;padding:0 6px;background:none;border:0;font-family:var(--font-body);font-weight:600;font-size:var(--text-caption);color:var(--color-text-muted);cursor:pointer}.friends-note{text-align:center}.chal{gap:var(--space-md)}.chal-caps{display:flex;align-items:baseline;justify-content:space-between;padding:0 2px}.chal-card{flex-direction:column;align-items:stretch;gap:14px;padding:16px;cursor:default}.chal-card:active{transform:none}.chal-head{display:flex;align-items:center;gap:8px}.pill-daily{background:#2fb8ff29;color:var(--color-cool)}.chal-copy{display:flex;flex-direction:column;gap:4px}.chal-title{font-family:var(--font-display);font-weight:var(--weight-black);font-size:26px;line-height:var(--lh-tight)}.chal-desc{font-size:14px;line-height:var(--lh-normal);color:var(--color-text-muted)}.chal-prog{display:flex;flex-direction:column;gap:6px}.chal-prog-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:13px}.chal-bar{height:8px;border-radius:4px;margin-top:0}.chal-bar .bar-fill{border-radius:4px}.chal-reward{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);background:#2fb8ff14;font-size:12px;line-height:var(--lh-normal);color:var(--color-text)}.chal-reward svg{flex:0 0 auto;color:var(--color-cool)}.chal-pips{display:flex;gap:4px;margin-top:-6px}.chal-pips .pip{display:block;width:8px;height:8px;border-radius:50%;border:1px solid var(--color-text-muted);background:transparent}.chal-pips .pip.on{border-color:var(--color-accent);background:var(--color-accent)}