:root{--bg:#0b0f14;--panel:#151b23;--panel-2:#1d2530;--line:#2a323d;--text:#f2f5f8;--soft:#c8d0d9;--muted:#9aa5b1;--accent:#3ddc61;--accent-deep:#107c10;--soon:#f5c518;--danger:#ff5a5f;--safe-x:96px;--safe-y:54px;--focus-ring:0 0 0 5px var(--accent), 0 0 34px 8px #3ddc6199}*,:before,:after{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#000;margin:0;font-family:Segoe UI,Segoe UI Variable,Roboto,Helvetica Neue,Arial,system-ui,-apple-system,BlinkMacSystemFont,Noto Sans,Ubuntu,Cantarell,sans-serif;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}h1,h2,p{margin:0}.stage{transform-origin:50%;background:radial-gradient(1200px 700px at 0% 0%, #1e462859, transparent 60%), var(--bg);width:1920px;height:1080px;font-size:28px;position:absolute;top:50%;left:50%;overflow:hidden}.screen-layer{position:absolute;top:0;bottom:0;left:0;right:0}.glyph{letter-spacing:0;text-transform:none;vertical-align:middle;color:#e8edf2;background:#0b0f14;border:.12em solid;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.55em;height:1.55em;margin:0 .18em;font-size:.78em;font-style:normal;font-weight:900;line-height:1;display:inline-flex}.glyph-a{color:#3ddc61}.glyph-b{color:#ff5a5f}.glyph-x{color:#4c9bff}.glyph-y{color:#ffd23f}.glyph-wide{border-radius:.5em;width:auto;padding:0 .5em}.glyph-key{color:#0b0f14;background:#e8edf2;border:none;border-bottom:.18em solid #8b96a3;border-radius:.35em;width:auto;min-width:1.6em;padding:0 .55em;font-size:.72em}.btn{color:#fff;white-space:nowrap;cursor:pointer;background:#2a323d;border-radius:14px;justify-content:center;align-items:center;gap:12px;height:78px;padding:0 46px;font-size:32px;font-weight:800;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn-primary{background:var(--accent-deep)}.btn-disabled{color:var(--muted);cursor:default;background:#ffffff21}.btn-big{text-transform:uppercase;letter-spacing:1px;min-width:440px;height:92px;font-size:34px}.btn-icon svg{width:40px;height:40px;display:block}.focused{box-shadow:var(--focus-ring);z-index:2;transform:scale(1.04)}.pill{white-space:nowrap;background:#ffffff2b;border-radius:999px;align-items:center;height:46px;padding:0 22px;font-size:26px;font-weight:700;display:inline-flex}.pill-soon{background:var(--soon);color:#1b1500}.pb-tag{background:var(--pc);min-width:52px;height:40px;color:var(--pc-ink);border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0 10px;font-size:26px;font-weight:900;display:inline-flex}.avatar-svg,.icon-device{width:100%;height:100%;display:block}.page{padding:var(--safe-y) var(--safe-x) 0;position:absolute;top:0;bottom:0;left:0;right:0}.page-title{text-transform:uppercase;margin-bottom:26px;font-size:64px;font-style:italic;font-weight:900}body.perf .focused{box-shadow:0 0 0 6px var(--accent)}body.perf *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}@keyframes spin{to{transform:rotate(360deg)}}.bottom-bar{left:var(--safe-x);right:var(--safe-x);bottom:var(--safe-y);z-index:40;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute}.stage.starting .bottom-bar{display:none}.player-bar{gap:14px;display:flex}.player-bar[data-mode=hidden]{display:none}.pb-slot{border:4px solid var(--pc);transform-origin:50% 100%;border-radius:18px;align-items:center;gap:12px;width:264px;height:104px;padding:0 12px;display:flex;position:relative}.pb-slot[data-status=empty]{color:var(--soft);background:#ffffff0a;border-style:dashed}.pb-slot[data-status=empty] .pb-tag{opacity:.85}.pb-slot[data-status=active]{border-color:var(--pc-light);background:var(--pc);color:var(--pc-ink)}.pb-slot[data-status=lost]{border-color:var(--danger);color:#ffd9da;background:#3a1114;animation:1.1s ease-in-out infinite lostBlink}.pb-slot[data-status=waiting]{color:var(--soft);background:#1c222a;border-style:dashed}.pb-join{white-space:nowrap;font-size:21px;font-weight:700}.pb-avatar{flex:none;width:70px;height:70px}.pb-info{min-width:0}.pb-name{text-overflow:ellipsis;white-space:nowrap;font-size:25px;font-weight:900;overflow:hidden}.pb-status{white-space:nowrap;align-items:center;gap:5px;font-size:19px;font-weight:700;display:flex}.pb-warn svg{width:21px;height:21px;display:block}.pb-meters{align-items:center;gap:10px;height:34px;margin-top:4px;display:flex}.pb-device{opacity:.9;width:40px;height:30px}.pb-stick{border:3px solid;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.pb-dot{background:currentColor;border-radius:50%;width:10px;height:10px}.pb-triggers{gap:5px;display:flex}.pb-trigger{border:2px solid;border-radius:4px;align-items:flex-end;width:11px;height:30px;display:flex;overflow:hidden}.pb-trigger-fill{transform-origin:bottom;background:currentColor;width:100%;height:100%;transform:scaleY(0)}.pb-keys{white-space:nowrap;font-size:20px;font-weight:800}.pb-last{opacity:0;pointer-events:none;font-size:40px;position:absolute;top:-22px;right:-12px}.pb-last.show{animation:.5s ease-out forwards lastPop}.pb-slot.pulse{animation:.28s ease-out slotPulse}.pb-slot.nudge{background:color-mix(in srgb, var(--pc) 35%, transparent);color:#fff;border-style:solid;animation:.35s ease-in-out infinite nudge}.player-bar[data-mode=compact]{gap:10px}.player-bar[data-mode=compact] .pb-slot{border-width:3px;border-radius:12px;gap:8px;width:132px;height:46px;padding:0 8px}.player-bar[data-mode=compact] .pb-avatar{width:34px;height:34px}.player-bar[data-mode=compact] .pb-name,.player-bar[data-mode=compact] .pb-device,.player-bar[data-mode=compact] .pb-triggers,.player-bar[data-mode=compact] .pb-keys,.player-bar[data-mode=compact] .pb-join{display:none}.player-bar[data-mode=compact] .pb-meters{margin:0}.player-bar[data-mode=compact] .pb-status{font-size:0}.player-bar[data-mode=compact] .pb-slot[data-status=empty]{opacity:.45}.player-bar[data-mode=compact] .pb-tag{min-width:40px;height:30px;font-size:20px}.player-bar[data-mode=compact] .pb-last{font-size:30px;top:-30px}@keyframes slotPulse{0%{transform:scale(1)}35%{filter:brightness(1.35);transform:scale(1.14)translateY(-6px)}to{transform:scale(1)}}@keyframes lastPop{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.25)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)translateY(-10px)}}@keyframes nudge{50%{transform:scale(1.06)}}@keyframes lostBlink{50%{background:#5a161a}}.hint-bar{background:#0b0f14d1;border-radius:14px;flex-wrap:wrap;justify-content:flex-end;gap:8px 26px;max-width:600px;padding:12px 20px;font-size:27px;font-weight:700;display:flex}.hint-bar.empty{display:none}.hint{white-space:nowrap;text-transform:uppercase;align-items:center;gap:6px;display:flex}.hint .glyph{font-size:26px}.hint-hold{color:var(--muted);font-size:20px}.stage[data-bar=compact] .hint-bar{padding:6px 16px;font-size:24px}.overlay-layer{z-index:30;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.overlay{pointer-events:auto;background:#05080bd6;justify-content:center;align-items:center;padding-bottom:170px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.dialog{text-align:center;background:#1a212b;border:2px solid #2f3a47;border-radius:26px;min-width:600px;max-width:1100px;padding:44px 56px;box-shadow:0 30px 80px #0009}.dialog-wide{min-width:960px}.dialog-title{margin-bottom:16px;font-size:54px;font-weight:900}.dialog-body{color:#d5dbe2;margin-bottom:36px;font-size:32px;line-height:1.4}.dialog-body b{color:#fff}.dialog-buttons{justify-content:center;gap:24px;display:flex}.overlay-pause .dialog-buttons{flex-direction:column}.overlay-modal{z-index:3;padding-bottom:0}.help-panel{background:#1a212b;border:2px solid #2f3a47;border-radius:28px;width:1600px;padding:38px 48px}.help-title{text-align:center;margin-bottom:24px;font-size:52px;font-weight:900}.help-steps{gap:26px;display:flex}.help-step{text-align:center;background:#10151b;border-radius:20px;flex:1;padding:22px 24px 26px;position:relative}.help-art{place-items:center;height:190px;display:grid}.help-art>svg{height:180px}.help-four{grid-template-columns:1fr 1fr;gap:4px 14px;display:grid}.help-four svg{height:88px;display:block}.help-num{background:var(--accent);color:#06210c;border-radius:50%;place-items:center;width:58px;height:58px;font-size:36px;font-weight:900;display:grid;position:absolute;top:16px;left:16px}.help-step-title{margin:10px 0 6px;font-size:34px;font-weight:800}.help-step-text{color:var(--soft);font-size:28px;line-height:1.3}.help-step-text b{color:#fff}.help-note{color:var(--soft);text-align:center;margin-top:22px;font-size:26px}.help-footer{justify-content:space-between;align-items:center;margin-top:26px;display:flex}.live-check{color:#ffd166;align-items:center;gap:16px;font-size:30px;font-weight:700;display:flex}.live-check.ok,.live-icon.ok{color:var(--accent)}.live-check-big{margin-top:28px;font-size:40px}.live-spinner{border:5px solid #ffd1664d;border-top-color:#ffd166;border-radius:50%;flex:none;width:36px;height:36px;animation:1s linear infinite spin}.live-icon{vertical-align:middle;display:inline-block}.live-icon svg{width:44px;height:44px;display:block}.ill-pulse{animation:1s ease-in-out infinite illPulse}.ill-ring{transform-box:fill-box;transform-origin:50%;animation:1s ease-out infinite illRing}@keyframes illPulse{50%{opacity:.35}}@keyframes illRing{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.overlay-start{background:radial-gradient(1100px 700px at 50% 40%, #165a2680, transparent 70%), var(--bg);padding-bottom:0}.start-content{text-align:center;flex-direction:column;align-items:center;gap:26px;display:flex}.start-brand{letter-spacing:1px;align-items:center;gap:26px;font-size:66px;font-weight:900;display:flex}.start-logo svg{width:120px;color:var(--accent);display:block}.start-tagline{color:var(--soft);font-size:34px}.start-btn{background:var(--accent-deep);color:#fff;font:inherit;letter-spacing:8px;cursor:pointer;border:none;border-radius:28px;margin-top:30px;padding:34px 150px;font-size:100px;font-weight:900;animation:1.6s ease-in-out infinite startGlow}.start-btn:hover{outline:none;transform:scale(1.04)}.start-btn:focus-visible{outline:none;transform:scale(1.04)}@keyframes startGlow{0%,to{box-shadow:0 0 0 5px var(--accent), 0 0 30px 6px #3ddc6173}50%{box-shadow:0 0 0 5px var(--accent), 0 0 70px 22px #3ddc61b3}}.start-sub{color:var(--soft);font-size:32px}.start-notice{background:var(--panel);border:2px solid #2f3a47;border-radius:18px;padding:18px 36px;font-size:30px;line-height:1.6}.start-step2{text-align:left;align-items:center;gap:64px;display:flex}.start-art svg{width:440px;display:block}.start-heading{margin-bottom:14px;font-size:72px;font-weight:900}.start-lead{color:#d5dbe2;max-width:900px;font-size:36px;line-height:1.45}.start-lead b{color:#fff}.start-help .help-steps{width:1560px}.overlay-start.with-help .start-art svg{width:230px}.overlay-start.with-help .start-heading{font-size:52px}.overlay-start.with-help .start-lead{font-size:30px}.overlay-start.with-help .live-check-big{margin-top:14px;font-size:32px}.start-skip{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:2px solid #3a434e;border-radius:12px;padding:10px 26px;font-size:26px}.overlay-countdown{background:#05080b8c;flex-direction:column}.countdown-label{font-size:46px;font-weight:800}.countdown-number{text-shadow:0 10px #00000080;font-size:320px;font-weight:900;line-height:1.05}.countdown-number.go{color:var(--accent)}.countdown-number.tick{animation:.5s ease-out tick}@keyframes tick{0%{opacity:.2;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.disconnect-icon svg{width:220px}.disconnect-line{justify-content:center;align-items:center;gap:16px;margin:10px 0;font-size:42px;font-weight:800;display:flex}.disconnect-help{color:#d5dbe2;margin-top:18px;font-size:32px}.disconnect-quit{color:var(--muted);margin-top:22px;font-size:26px}.browsing-banner{z-index:50;border:6px solid var(--soon);color:#1b1500;pointer-events:none;white-space:nowrap;background:#fff6d6;border-radius:24px;align-items:center;gap:26px;padding:16px 44px 16px 22px;transition:transform .3s;display:flex;position:absolute;top:36px;left:50%;transform:translate(-50%,-150%);box-shadow:0 20px 60px #0009}.browsing-banner.show{transform:translate(-50%)}.browsing-art svg{width:170px;display:block}.browsing-title{font-size:42px;font-weight:900}.browsing-text{font-size:34px}.toasts{top:var(--safe-y);right:var(--safe-x);z-index:60;pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute}.toast{border-left:12px solid var(--toast-colour,var(--accent));background:#1f2732;border-radius:12px;max-width:900px;padding:16px 26px;font-size:28px;font-weight:700;transition:opacity .35s;animation:.25s ease-out toastIn;box-shadow:0 12px 40px #00000080}.toast.out{opacity:0}@keyframes toastIn{0%{opacity:0;transform:translate(60px)}}.hub{padding:var(--safe-y) var(--safe-x) 0;position:absolute;top:0;bottom:0;left:0;right:0}.hub-header{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{letter-spacing:.5px;white-space:nowrap;align-items:center;gap:14px;font-size:31px;font-weight:900;display:flex}.brand-logo svg{width:56px;color:var(--accent);display:block}.tabs{align-items:center;gap:4px;display:flex}.tabs .glyph{color:var(--soft);margin:0 12px;font-size:22px}.tab{border-bottom:4px solid var(--line);color:var(--muted);cursor:pointer;padding:13px 26px 11px;font-size:30px;font-weight:600}.tab.active{border-bottom-color:var(--accent);color:#fff;background:linear-gradient(#0000 20%,#3ddc6138);box-shadow:0 10px 18px -10px #3ddc61cc}.hub-icons{gap:14px;display:flex}.hub-icon{background:var(--panel-2);width:64px;height:64px;color:var(--soft);cursor:pointer;border-radius:50%;place-items:center;transition:transform .12s,box-shadow .12s;display:grid}.hub-icon svg{width:36px;height:36px}.hub-icon.focused{color:#fff}.hub-body{margin-top:20px}.hero-row{gap:22px;display:flex}.hero{background:var(--panel);border-radius:22px;flex:1;min-width:0;height:414px;position:relative}.hero-art,.hero-shade{border-radius:22px;position:absolute;top:0;bottom:0;left:0;right:0}.hero-art{background-position:50%;background-size:cover}.hero-shade{background:linear-gradient(90deg,#080b0ff7 0%,#080b0fdb 30%,#080b0f4d 56%,#0000 76%)}.hero-text{flex-direction:column;align-items:flex-start;display:flex;position:absolute;bottom:36px;left:48px}.hero-label{color:var(--soft);letter-spacing:2px;text-transform:uppercase;font-size:28px;font-weight:700}.hero-title{letter-spacing:-1px;text-transform:uppercase;text-shadow:0 4px #00000073;max-width:1150px;margin:2px 0 14px;font-size:86px;font-weight:900;line-height:1}.hero-meta{gap:12px;margin-bottom:22px;display:flex}.hero-buttons{gap:22px;display:flex}.hero-btn{min-width:250px}.hub-side{background:var(--panel);cursor:pointer;border-radius:22px;flex-direction:column;flex:none;width:400px;height:414px;padding:18px 22px;transition:transform .12s,box-shadow .12s;display:flex}.hub-side[hidden]{display:none}.hub-side.focused{transform:scale(1.02)}.side-title{color:var(--muted);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;font-size:22px;font-weight:800}.side-rows{flex-direction:column;gap:4px;margin-top:8px;display:flex}.side-row{background:#ffffff0a;border-radius:8px;align-items:center;gap:10px;height:46px;padding:0 10px 0 6px;display:flex}.side-avatar{flex:none;width:40px;height:40px}.side-tag{background:var(--pc);color:var(--pc-ink);border-radius:8px;flex:none;padding:0 8px;font-size:22px;font-weight:900;line-height:30px}.side-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:28px;font-weight:800;overflow:hidden}.side-wins{color:var(--pc);font-size:34px;font-weight:900}.side-leader{border-top:2px solid var(--line);margin-top:auto;padding-top:12px}.side-champ{align-items:center;gap:16px;margin-top:8px;display:flex}.side-champ-face{border-radius:50%;flex:none;width:92px;height:92px;box-shadow:0 0 0 4px #f5c518,0 0 22px #f5c51873}.side-champ-text{min-width:0}.side-champ-name{text-overflow:ellipsis;white-space:nowrap;font-size:32px;font-weight:900;overflow:hidden}.side-champ-wins{color:#f5c518;font-size:26px;font-weight:800}.side-hint{color:var(--soft);margin-top:8px;font-size:28px;line-height:1.2}.tile-groups{gap:44px;margin-top:22px;display:flex}.group-label{color:#d5dbe2;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;margin-bottom:12px;font-size:28px;font-weight:800}.tiles{gap:16px;display:flex}.tile{background:var(--panel-2);cursor:pointer;border-radius:18px;width:236px;height:236px;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden}.tile-art{background-position:50%;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.tile.soon .tile-art{filter:grayscale()brightness(.62)}.tile-title{text-transform:uppercase;background:linear-gradient(#0000,#000000e0 60%);padding:34px 14px 12px;font-size:24px;font-weight:800;line-height:1.08;position:absolute;bottom:0;left:0;right:0}.ribbon{background:var(--soon);color:#1b1500;letter-spacing:0;text-align:center;text-transform:uppercase;width:240px;padding:5px 0;font-size:19px;font-weight:900;position:absolute;top:46px;right:-56px;transform:rotate(45deg);box-shadow:0 3px 8px #0006}.detail{position:absolute;top:0;bottom:0;left:0;right:0}.detail-art{background-position:100%;background-size:cover;width:74%;position:absolute;top:0;bottom:0;right:0}.detail-shade{background:linear-gradient(0deg, var(--bg) 0, var(--bg) 150px, transparent 330px), linear-gradient(90deg, var(--bg) 0%, var(--bg) 27%, #0b0f14d6 43%, #0b0f1440 62%, transparent 78%);position:absolute;top:0;bottom:0;left:0;right:0}.detail-col{top:var(--safe-y);left:var(--safe-x);width:940px;position:absolute}.detail-brand{color:var(--muted);letter-spacing:1px;align-items:center;gap:12px;font-size:26px;display:flex}.detail-brand .brand-logo svg{width:42px;color:var(--muted)}.detail-title-row{align-items:flex-start;gap:26px;margin-top:22px;display:flex}.detail-title{white-space:nowrap;letter-spacing:-3px;text-transform:uppercase;font-size:150px;font-style:italic;font-weight:900;line-height:.92}.detail-title.long{white-space:normal;letter-spacing:-2px;font-size:108px}.badge-soon{border:4px solid var(--soon);color:var(--soon);text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;margin-top:30px;padding:6px 24px;font-size:28px;font-weight:900}.tags{gap:14px;margin-top:26px;display:flex}.detail-tagline{color:#e6d98a;margin:22px 0 6px;font-size:30px}.detail-desc{color:#e8edf2;max-width:780px;margin-bottom:28px;font-size:30px;line-height:1.35}.shots{gap:20px;margin-top:30px;display:flex}.shot{background-color:var(--panel-2);background-repeat:no-repeat;border:2px solid #ffffff24;border-radius:12px;width:250px;height:142px}.settings-cols{gap:48px;display:flex}.settings-list{flex-direction:column;gap:8px;width:1060px;display:flex}.setting-row{background:var(--panel);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;height:80px;padding:0 30px;font-size:32px;font-weight:700;transition:transform .12s,box-shadow .12s;display:flex}.setting-row.focused{background:var(--panel-2);transform:scale(1.015)}.setting-note{color:var(--muted);font-size:22px;font-weight:500;line-height:1.1}.setting-value{color:var(--soft)}.toggle{align-items:center;gap:14px;display:inline-flex}.toggle-knob{background:#3a434e;border-radius:20px;width:76px;height:40px;position:relative}.toggle-knob:after{content:"";background:#fff;border-radius:50%;width:30px;height:30px;transition:left .12s;position:absolute;top:5px;left:5px}.toggle.on .toggle-knob{background:var(--accent-deep)}.toggle.on .toggle-knob:after{left:41px}.toggle-text{width:56px}.volume-wrap{align-items:center;gap:18px;display:inline-flex}.volume{gap:6px;display:inline-flex}.volume-step{background:#3a434e;border-radius:5px;width:22px;height:36px}.volume-step.on{background:var(--accent)}.volume-num{text-align:right;width:40px}.console-card{background:var(--panel);border-radius:18px;flex:1;align-self:flex-start;padding:30px}.console-title{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:26px;font-weight:800}.console-count{color:var(--accent);margin:10px 0 18px;font-size:34px;font-weight:800}.console-note{color:var(--soft);margin-top:12px;font-size:25px;line-height:1.35}.placeholder-card{background:var(--panel);border-radius:22px;max-width:1100px;padding:44px;font-size:32px;line-height:1.4}.placeholder-card p+p{color:var(--soft);margin-top:14px}.placeholder-icon svg{width:110px;height:110px;color:var(--accent);margin-bottom:14px}.game-host{position:absolute;top:0;bottom:0;left:0;right:0}.lobby{padding:46px var(--safe-x) 0;position:absolute;top:0;bottom:0;left:0;right:0}.lobby-head{align-items:baseline;gap:36px;height:76px;display:flex}.lobby-title{text-transform:uppercase;white-space:nowrap;font-size:56px;font-style:italic;font-weight:900}.lobby-sub{color:var(--soft);white-space:nowrap;font-size:28px}.lobby-cards{gap:24px;margin-top:14px;display:flex}.lobby-col{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.lobby-card{border:6px solid var(--pc);background:var(--panel);transform-origin:50% 60%;border-radius:24px;flex-direction:column;align-items:center;height:418px;padding:16px 20px;display:flex;position:relative}.lobby-card.pulse{animation:.25s ease-out cardPulse}@keyframes cardPulse{35%{filter:brightness(1.3);transform:scale(1.035)}}.lobby-card[data-status=empty]{background:#ffffff08;border-style:dashed;justify-content:center;gap:16px}.lobby-card[data-status=active]{background:linear-gradient(180deg, color-mix(in srgb, var(--pc) 34%, #151b23), #151b23 62%)}.lobby-card[data-status=lost]{border-color:var(--danger);background:#2a1113}.lobby-card[data-status=waiting]{border-style:dashed}.lc-tag{color:var(--pc);font-size:60px;font-weight:900;line-height:1}.lc-empty-avatar{opacity:.5;width:130px;height:130px}.lc-empty-avatar.ready{opacity:1}.lc-ready-name{margin-top:-6px;font-size:34px;font-weight:900}.lobby-card.claimed{animation:.7s ease-out cardClaimed}@keyframes cardClaimed{0%{box-shadow:0 0 0 0 var(--pc);transform:scale(.9)}40%{box-shadow:0 0 60px 14px var(--pc);transform:scale(1.06)}to{transform:scale(1);box-shadow:0 0 #0000}}.lc-join{font-size:36px;font-weight:800}.lc-top{align-items:center;gap:18px;width:100%;display:flex}.lc-avatar{flex:none;width:104px;height:104px}.lc-id{min-width:0}.lc-name{text-overflow:ellipsis;white-space:nowrap;font-size:38px;font-weight:900;overflow:hidden}.lc-device{color:var(--soft);white-space:nowrap;align-items:center;gap:10px;font-size:24px;display:flex}.lc-device-icon{width:44px;height:33px}.lc-pad{flex:none;width:340px;height:152px;margin-top:14px;position:relative}.lc-btn{margin:0;font-size:24px;transition:transform 60ms;position:absolute}.lc-btn.on{background:#fff;transform:scale(1.25);box-shadow:0 0 0 4px,0 0 20px 5px}.lc-pad .glyph-lt,.lc-pad .glyph-rt{background:linear-gradient(to top, var(--accent) calc(var(--fill,0) * 100%), #0b0f14 0)}.lc-pad .glyph-lt.on,.lc-pad .glyph-rt.on{background:var(--accent);color:#06210c}.lc-stick{background:#0b0f14;border:3px solid #e8edf2;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute}.lc-stick.ls{top:46px;left:14px}.lc-stick.rs{top:96px;left:168px}.lc-stick.on{background:var(--accent)}.lc-stick-dot{background:#e8edf2;border-radius:50%;width:20px;height:20px}.lc-dpad{width:51px;height:51px;position:absolute;top:100px;left:84px}.lc-dpad-arm{background:#4a5563;border-radius:3px;width:17px;height:17px;position:absolute}.lc-dpad:before{content:"";background:#4a5563;width:17px;height:17px;position:absolute;top:17px;left:17px}.lc-dpad-arm.up{top:0;left:17px}.lc-dpad-arm.down{top:34px;left:17px}.lc-dpad-arm.left{top:17px;left:0}.lc-dpad-arm.right{top:17px;left:34px}.lc-dpad-arm.on{background:var(--accent);box-shadow:0 0 14px 3px var(--accent)}.lc-keys{color:var(--muted);text-align:center;margin-top:8px;font-size:20px;line-height:1.25}.lc-test{color:var(--soft);margin-top:auto;font-size:26px;font-weight:600}.lc-hold{background:linear-gradient(90deg, var(--danger) calc(var(--hold,0) * 100%), #3a1114 0);text-align:center;border-radius:0 0 18px 18px;padding:12px;font-size:26px;font-weight:800;display:none;position:absolute;bottom:0;left:0;right:0}.lc-hold.show{display:block}.lc-lost{color:#ffd9da;text-align:center;margin:auto 0;font-size:30px;line-height:1.5}.lc-lost.lc-waiting{color:var(--soft)}.lc-lost-title{justify-content:center;align-items:center;gap:10px;font-size:36px;font-weight:900;display:flex}.lc-warn svg{width:44px;height:44px;color:var(--danger);display:block}.lobby-start{background:var(--panel);height:64px;color:var(--muted);border-radius:14px;place-items:center;margin-top:16px;font-size:30px;font-weight:800;display:grid;position:relative;overflow:hidden}.lobby-start.ready{color:#fff;background:#12351a}.lobby-start-fill{background:var(--accent-deep);transform-origin:0;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.lobby-start-text{align-items:center;display:flex;position:relative}.results{flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;top:0;bottom:180px;left:0;right:0}.results-kicker{color:var(--soft);font-size:30px}.results-title{color:var(--pc);text-transform:uppercase;text-shadow:0 6px #00000080;font-size:110px;font-style:italic;font-weight:900;line-height:1}.scoreboard-title{color:var(--muted);letter-spacing:2px;text-align:center;text-transform:uppercase;margin-bottom:14px;font-size:28px;font-weight:800}.scoreboard-row{justify-content:center;gap:20px;display:flex}.score-card{border:5px solid var(--pc);background:var(--panel);text-align:center;border-radius:18px;width:230px;padding:16px}.score-card.winner{background:color-mix(in srgb, var(--pc) 28%, #151b23);box-shadow:0 0 40px 4px color-mix(in srgb, var(--pc) 60%, transparent)}.score-avatar{width:96px;height:96px;margin:0 auto 6px}.score-name{font-size:26px;font-weight:800}.score-wins{color:var(--pc);font-size:76px;font-weight:900;line-height:1.1}.results-buttons{gap:24px;margin-top:12px;display:flex}.ctest{-webkit-user-select:text;user-select:text;padding:40px 60px;font-size:21px;position:absolute;top:0;bottom:0;left:0;right:0}.ct-head{align-items:center;gap:24px;height:64px;display:flex}.ct-title{text-transform:uppercase;white-space:nowrap;font-size:44px;font-style:italic;font-weight:900}.ct-actions{gap:12px;display:flex}.ct-button{background:var(--panel-2);color:#fff;font:inherit;cursor:pointer;border:2px solid #3a434e;border-radius:10px;padding:10px 18px;font-size:22px;font-weight:700}.ct-button:hover{border-color:var(--accent)}.ct-exit{color:var(--soft);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto;font-size:22px;display:flex}.ct-exit-bar{background:var(--line);border-radius:4px;width:320px;height:8px;overflow:hidden}.ct-exit-fill{background:var(--danger);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.ct-body{gap:20px;height:920px;margin-top:16px;display:flex}.ct-left{flex-direction:column;flex:none;gap:16px;width:1000px;display:flex}.ct-pads{flex:none;grid-template-rows:312px 312px;grid-template-columns:1fr 1fr;gap:16px;display:grid}.ct-pad{border:3px solid var(--line);background:var(--panel);border-radius:14px;padding:12px 14px;overflow:hidden}.ct-pad[data-on=true]{border-color:var(--accent)}.ct-pad[data-on=false] .ct-buttons,.ct-pad[data-on=false] .ct-axes{opacity:.25}.ct-pad-head{white-space:nowrap;font-size:23px;font-weight:800}.ct-pad-id,.ct-pad-meta,.ct-btn,.ct-axis,.ct-line-value,.ct-log-line{font-family:Consolas,Courier New,monospace}.ct-pad-id{height:44px;color:var(--soft);word-break:break-all;font-size:17px;line-height:22px;overflow:hidden}.ct-pad-meta{height:22px;color:var(--muted);white-space:nowrap;font-size:16px}.ct-buttons{grid-template-columns:repeat(6,1fr);gap:5px;margin-top:8px;display:grid}.ct-btn{background:#0b0f14;border:2px solid #0000;border-radius:8px;justify-content:space-between;padding:4px 6px;font-size:17px;display:flex}.ct-btn.seen{border-color:#2f7a40}.ct-btn.on{background:var(--accent);color:#06210c;font-weight:800}.ct-axes{grid-template-columns:1fr 1fr;gap:6px 16px;margin-top:10px;display:grid}.ct-axis{align-items:center;gap:8px;font-size:17px;display:flex}.ct-axis-bar{background:#0b0f14;border-radius:7px;flex:1;height:14px;position:relative}.ct-axis-fill{background:var(--accent);border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:0;left:50%}.ct-axis-num{text-align:right;width:52px}.ct-side{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.ct-card{background:var(--panel);border-radius:14px;padding:14px 18px}.ct-card-title{color:var(--accent);text-transform:uppercase;margin-bottom:6px;font-size:22px;font-weight:800}.ct-line{border-top:1px solid #222a34;gap:12px;padding:5px 0;font-size:20px;line-height:1.3;display:flex}.ct-line-label{width:250px;color:var(--muted);flex:none}.ct-line-value{word-break:break-word;min-width:0;font-size:19px}.ct-log-card{flex:1;min-height:0;overflow:hidden}.ct-log-line{white-space:nowrap;text-overflow:ellipsis;font-size:18px;line-height:25px;overflow:hidden}.qr-card{border:5px solid var(--pc);background:var(--panel);border-radius:16px;align-items:center;gap:14px;display:flex}.qr-code{background:#fff;border-radius:8px;flex:none;overflow:hidden}.qr-code svg{width:100%;height:100%;display:block}.qr-info{min-width:0}.qr-head{font-weight:800;line-height:1.15}.qr-label{color:var(--pc);font-weight:900}.qr-url,.qr-note{color:var(--muted);word-break:break-all}.qr-large{height:202px;padding:12px}.qr-large .qr-code{width:168px;height:168px}.qr-large .qr-head{font-size:24px}.qr-large .qr-label{margin-top:8px;font-size:24px}.qr-large .qr-url{margin-top:6px;font-size:18px;line-height:1.2}.qr-large .qr-note{margin-top:6px;font-size:20px}.qr-small{border-width:4px;flex:1;gap:12px;height:132px;padding:8px 10px}.qr-small .qr-code{width:108px;height:108px}.qr-small .qr-head{font-size:20px}.qr-small .qr-label{margin-top:4px;font-size:20px}.qr-small .qr-url{margin-top:2px;font-size:15px;line-height:1.15}.qr-off{opacity:.6;border-style:dashed}.qr-row{gap:16px;width:1500px;display:flex}.overlay-chooser{padding-bottom:170px}.chooser{border:5px solid var(--pc);text-align:center;background:#1a212b;border-radius:28px;width:1500px;padding:34px 0 36px;overflow:hidden}.chooser-title{justify-content:center;align-items:center;gap:16px;margin-bottom:26px;font-size:48px;font-weight:900;display:flex}.chooser-window{text-align:left;height:380px;padding-left:calc(50% - 125px)}.chooser-track{gap:18px;transition:transform .16s ease-out;display:flex}.chooser-card{text-align:center;cursor:pointer;opacity:.55;background:#10151b;border-radius:20px;flex:none;width:250px;padding:16px 14px 14px;transition:transform .14s,opacity .14s,box-shadow .14s;transform:scale(.88)}.chooser-card.focused{opacity:1;transform:scale(1.06)}.chooser-face{width:190px;height:190px;margin:0 auto 10px}.chooser-name{white-space:nowrap;text-overflow:ellipsis;font-size:32px;font-weight:900;overflow:hidden}.chooser-taken{color:#ffb3b5;margin-top:4px;font-size:22px;font-weight:700}.chooser-empty{color:var(--soft);padding:0 60px;font-size:28px}.chooser-empty:empty{display:none}.page-lead{max-width:1300px;color:var(--soft);margin:-12px 0 22px;font-size:28px}.avatar-grid{flex-wrap:wrap;align-content:flex-start;gap:22px;height:700px;margin:0 -14px;padding:14px;display:flex;overflow:hidden}.avatar-card{background:var(--panel);text-align:center;cursor:pointer;border:4px solid #0000;border-radius:20px;width:266px;padding:18px 14px 14px;transition:transform .12s,box-shadow .12s}.avatar-card-face{width:180px;height:180px;margin:0 auto 10px}.avatar-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:32px;font-weight:900;overflow:hidden}.avatar-card-used{color:var(--pc);margin-top:2px;font-size:22px;font-weight:800}.hall-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.hall-grid .placeholder-card{grid-column:1/-1}.hall-card{border:4px solid var(--pc,#2f3a47);background:var(--panel);text-align:center;border-radius:22px;padding:16px 16px 18px;position:relative}.hall-card.top{border-color:#ffd23f;box-shadow:0 0 34px 2px #ffd23f59}.hall-rank{color:var(--muted);font-size:30px;font-weight:900;position:absolute;top:12px;left:16px}.hall-card.top .hall-rank{color:#ffd23f}.hall-crown{white-space:nowrap;color:#1a1400;background:#ffd23f;border-radius:999px;padding:3px 14px;font-size:22px;font-weight:900;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.hall-month{color:var(--muted)}.hall-face{width:150px;height:150px;margin:0 auto 6px}.hall-name{white-space:nowrap;text-overflow:ellipsis;font-size:34px;font-weight:900;overflow:hidden}.hall-wins{color:var(--soft);font-size:26px}.hall-wins b{color:#ffd23f;font-size:44px;font-weight:900}.hall-stats{border-top:2px solid var(--line);grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px;padding-top:10px;display:grid}.hall-stat{color:var(--muted);font-size:17px;line-height:1.15}.hall-stat b{color:var(--text);font-size:30px;font-weight:900;display:block}.st-row-avatar{flex:none;width:52px;height:52px}