*{box-sizing:border-box}html,body{color:#f3f4f7;-webkit-user-select:none;user-select:none;background:#1b1f27;height:100%;margin:0;font-family:ui-sans-serif,-apple-system,Segoe UI,Inter,Roboto,sans-serif;overflow:hidden}#app,canvas{width:100%;height:100%;display:block}#loading{letter-spacing:.3em;opacity:.7;place-items:center;font-weight:700;display:grid;position:fixed;inset:0}.hud{pointer-events:none;position:fixed;inset:0}:root{--team0:#ffcd00;--team0-bg:#111;--team0-ink:#ffcd00;--team1:#9fc3ff;--team1-bg:#041e42;--team1-ink:#fff;--gold:#f2c230}.blue{color:var(--team0)}.red{color:var(--team1)}.scoreboard{letter-spacing:.06em;background:#0c0e13c7;border-radius:10px;align-items:stretch;font-weight:800;display:flex;position:absolute;top:14px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 24px #00000059}.scoreboard .side{align-items:center;gap:12px;padding:8px 16px;font-size:15px;display:flex}.scoreboard .side.blue{background:var(--team0-bg);color:var(--team0-ink);border-bottom:3px solid var(--team0-ink)}.scoreboard .side.red{background:var(--team1-bg);color:var(--team1-ink);border-bottom:3px solid var(--team1-ink)}.scoreboard .score{text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-size:28px}.scoreboard .mid{font-variant-numeric:tabular-nums;align-items:center;gap:10px;padding:0 18px;font-size:15px;display:flex}.scoreboard .sep{opacity:.4}.callout{text-align:center;opacity:0;transition:opacity .15s,transform .2s cubic-bezier(.2,1.6,.4,1);position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)scale(.85)}.callout.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.callout .big{letter-spacing:.04em;color:#fff;text-shadow:0 2px 10px #0009;background:#0a0c12b8;border-radius:12px;padding:2px 22px;font-size:64px;font-weight:900;display:inline-block}.callout .sub{color:#fff;text-shadow:0 1px 6px #000c;letter-spacing:.3em;opacity:.85;margin-top:4px;font-size:18px;font-weight:700}.callout.blue .big{color:var(--team0)}.callout.red .big{color:var(--team1)}.help{background:#0c0e13b8;border-radius:10px;max-width:470px;padding:12px 14px;font-size:12.5px;line-height:1.65;position:absolute;bottom:16px;left:16px}.help-title{letter-spacing:.14em;margin-bottom:4px;font-weight:800}.help .cols{gap:22px;display:flex}.help b{letter-spacing:.1em;opacity:.7;text-transform:uppercase;font-size:11px;display:block}.help .tips{opacity:.75;margin-top:6px}kbd{background:#ffffff1f;border-radius:4px;padding:0 5px;font:600 11px ui-monospace,monospace;display:inline-block}.dim{opacity:.55;letter-spacing:.05em;font-size:12px;font-weight:500}.overlay{pointer-events:auto;background:#080a0e73;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.panel{text-align:center;background:#0e1016f0;border-radius:14px;min-width:320px;padding:28px 40px;box-shadow:0 10px 40px #00000080}.panel .big{letter-spacing:.06em;font-size:46px;font-weight:900}.panel .final{margin:10px 0 4px;font-size:26px;font-weight:800}.panel button{letter-spacing:.12em;color:#111;cursor:pointer;background:#f3f4f7;border:0;border-radius:8px;margin:18px 0 8px;padding:12px 34px;font:800 16px inherit}.panel button:hover{background:#fff;transform:translateY(-1px)}.fault pre{text-align:left;color:#ffb4b4;font-size:12px}.debug{white-space:pre;background:#0009;border-radius:6px;margin:0;padding:8px 10px;font:11px/1.5 ui-monospace,Menlo,monospace;position:absolute;bottom:12px;right:12px}.meters{align-items:center;gap:10px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.meter{background:#00000073;border-radius:4px;width:150px;height:8px;overflow:hidden}.meter .fill{width:100%;height:100%;transition:width 80ms linear}.meter.blue .fill{background:var(--team0)}.meter.red .fill{background:var(--team1);margin-left:auto}.meter.red{justify-content:flex-end;display:flex}.meter-label{letter-spacing:.25em;opacity:.55;font-size:10px;font-weight:700}.hud.sim .meters,.hud.sim .arcade-only,.hud.arcade .sim-only{display:none}.muted{letter-spacing:.25em;opacity:.6;background:#00000080;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:800;display:none;position:absolute;top:14px;right:16px}.wbar{will-change:transform;background:#0000008c;border-radius:4px;width:64px;height:7px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 1px #00000059}.wbar .wfill{width:100%;height:100%;transition:width 60ms linear}.wbar.blue .wfill{background:var(--team0)}.wbar.red .wfill{background:var(--team1)}.hud.sim .wbar{display:none}.scoreboard .side.you .name:after{content:"YOU";letter-spacing:.22em;background:var(--gold);color:#141414;vertical-align:2px;border-radius:3px;margin-left:8px;padding:2px 5px;font-size:9px}.you-tag{letter-spacing:.24em;background:var(--gold);color:#141414;will-change:transform;border-radius:3px;padding:2px 6px;font-size:9.5px;font-weight:900;display:none;position:absolute;top:0;left:0;box-shadow:0 1px 4px #00000080}.hud.sim .you-tag{display:none!important}.netbadge{letter-spacing:.14em;font-variant-numeric:tabular-nums;color:#e8eaee;background:#0c0e13b8;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;padding:4px 9px;font-size:11px;font-weight:800;display:none;position:absolute;top:44px;right:16px}.netbadge i{background:#ffffff4d;border-radius:50%;width:8px;height:8px}.netbadge.good i{background:#6ee7a8;box-shadow:0 0 7px #6ee7a8b3}.netbadge.ok i{background:#f2c230;box-shadow:0 0 7px #f2c230b3}.netbadge.bad i{background:#ff6b6b;box-shadow:0 0 7px #ff6b6bb3}.overlay.wait{background:#080a0e40}.overlay.wait .panel{min-width:380px}.result-card .status{color:#6ee7a8;opacity:.9;margin-top:4px}.result-card .status:empty{display:none}.panel button:disabled{opacity:.4;cursor:default;transform:none}.screen{z-index:20;pointer-events:auto;color:#f3f4f7;display:none;position:fixed;inset:0}.screen.show{display:flex}.screen button,.hud .btns button{font-family:inherit}.gbtn{text-align:left;color:#f3f4f7;letter-spacing:.14em;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;width:100%;margin:0 0 10px;padding:14px 18px;font-family:inherit;font-size:17px;font-weight:800;transition:background .12s,border-color .12s,transform .12s;display:block}.gbtn:hover,.gbtn:focus-visible{background:#f2c2301f;border-color:#f2c23099;outline:none;transform:translate(3px)}.gbtn.primary{background:var(--gold);color:#141414;border-color:var(--gold)}.gbtn.primary:hover,.gbtn.primary:focus-visible{background:#ffd54d}.gbtn .sub{letter-spacing:.06em;opacity:.7;text-transform:none;margin-top:3px;font-size:12px;font-weight:600;display:block}.gbtn.small{width:auto;margin:0 8px 0 0;padding:10px 18px;font-size:13px;display:inline-block}.menu{background:linear-gradient(90deg,#08090cf0 0%,#08090cdb 34%,#08090c26 62%,#08090c00 100%)}.menu-col{scrollbar-width:none;flex-direction:column;width:464px;max-width:92vw;padding:5vh 24px 3vh 6vw;display:flex;overflow:hidden auto}.menu-col::-webkit-scrollbar{display:none}.logo{letter-spacing:.12em;color:#fff;text-shadow:0 6px 30px #0009;font-size:92px;font-weight:900;line-height:.9}.logo span{color:var(--gold)}.tagline{letter-spacing:.32em;color:var(--gold);opacity:.9;margin:10px 0 24px;font-size:13px;font-weight:700}.menu-label{letter-spacing:.28em;opacity:.55;margin:6px 0 10px;font-size:11px;font-weight:800}.menu-group{margin-bottom:18px}.dim-bg{background:#06070a9e;justify-content:center;align-items:center}.gpanel{background:#0d0f14f5;border:1px solid #f2c23038;border-radius:16px;max-width:94vw;max-height:94vh;padding:28px 34px;overflow:auto;box-shadow:0 18px 60px #0009}.gpanel h2{letter-spacing:.1em;margin:0 0 4px;font-size:30px;font-weight:900}.kicker{letter-spacing:.3em;color:var(--gold);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800}.gpanel .actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.gpanel .actions .gbtn{text-align:center;width:auto;margin:0;padding:12px 26px}.settings{width:600px}.settings .tabs{margin:8px 0 20px}.settings .tabs button{letter-spacing:.14em;padding:11px 0}.settings .set-body{min-height:370px}.settings .who{letter-spacing:.26em;opacity:.6;margin:18px 0 8px;font-size:12px;font-weight:800}.settings .who:first-child{margin-top:0}.settings .who small{letter-spacing:.04em;opacity:.8;text-transform:none;margin-left:10px;font-size:11.5px;font-weight:600}.settings .levels button{letter-spacing:.1em;font-size:12.5px}.settings .levels button:focus-visible{outline-offset:1px;outline:2px solid #f2c230b3}.settings .levels.mute{width:200px}.settings .vol{grid-template-columns:1fr 36px;align-items:center;gap:14px;display:grid}.settings .vol span{text-align:right;font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.settings input[type=range]{width:100%;accent-color:var(--gold);cursor:pointer}.settings .keys{grid-template-columns:1.25fr 1fr;gap:26px;display:grid}.settings .grid{grid-template-columns:auto 1fr;gap:0 12px;font-size:13px;line-height:1.9;display:grid}.settings .tip{opacity:.8;margin-bottom:6px;font-size:13px;line-height:1.5}.setup{width:980px}.setup .cols{grid-template-columns:1fr 1fr;gap:26px;margin-top:16px;display:grid}.setup .who{letter-spacing:.26em;opacity:.6;margin-bottom:8px;font-size:12px;font-weight:800}.teams{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.chip{cursor:pointer;color:#eef0f4;letter-spacing:.04em;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;font-family:inherit;font-size:12px;font-weight:700;display:flex}.chip:hover{border-color:#ffffff4d}.chip.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;background:#f2c2301a}.swatch{border-radius:4px;width:100%;height:16px;display:flex;overflow:hidden}.swatch i{flex:1}.custom-row{align-items:center;gap:10px;margin-top:10px;font-size:12px;display:none}.custom-row.show{display:flex}.custom-row input[type=color]{cursor:pointer;background:0 0;border:0;width:40px;height:30px;padding:0}.custom-row input[type=text]{color:#fff;letter-spacing:.12em;text-transform:uppercase;background:#0006;border:1px solid #fff3;border-radius:6px;width:100px;padding:6px 8px;font-family:inherit;font-size:14px;font-weight:800}.custom-row .bad{color:#ff8a8a;display:none}.custom-row .bad.show{display:inline}.setup .row2{grid-template-columns:1fr 1fr;gap:26px;margin-top:22px;display:grid}.levels{gap:6px;display:flex}.levels button{color:#eee;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px;flex:1;padding:9px 0;font-family:inherit;font-size:14px;font-weight:800}.levels button.on{background:var(--gold);color:#141414;border-color:var(--gold)}.level-note{opacity:.65;min-height:16px;margin-top:7px;font-size:12px}.arenas{grid-template-columns:1fr 1fr;gap:6px;display:grid}.arenas .chip{padding:8px 10px}.arenas .chip small{opacity:.6;letter-spacing:0;font-weight:500}.story-card{width:620px}.story-card .opp{letter-spacing:.06em;color:#dfe3ea;margin:6px 0 2px;font-size:14px;font-weight:700}.story-card .fmt{letter-spacing:.14em;opacity:.55;font-size:12px;font-weight:700}.story-card p,.result-card .story{color:#e6e8ec;margin:16px 0 0;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:16.5px;line-height:1.6}.progress{gap:14px;margin-top:20px;display:flex}.progress .ch{align-items:center;gap:4px;display:flex}.progress .ch b{letter-spacing:.2em;opacity:.5;margin-right:4px;font-size:10px}.progress .dot{background:#ffffff1f;border-radius:50%;width:12px;height:12px}.progress .dot.boss{border-radius:4px;width:16px;height:16px}.progress .dot.done{background:var(--gold)}.progress .dot.cur{box-shadow:0 0 0 2px var(--gold);background:#f2c2304d}.stats{opacity:.6;letter-spacing:.06em;margin-top:10px;font-size:12px}.scoreboard .mid .sv{color:var(--gold);letter-spacing:.14em;font-size:13px}.target{letter-spacing:.3em;opacity:.8;background:#0c0e1399;border-radius:5px;padding:3px 10px;font-size:11px;font-weight:800;position:absolute;top:68px;left:50%;transform:translate(-50%)}.target.hot{color:#141414;background:var(--gold);opacity:1}.panel .btns{justify-content:center;gap:10px;margin-top:16px;display:flex}.panel .btns button{letter-spacing:.14em;text-transform:uppercase;color:#f3f4f7;background:#ffffff14;border:1px solid #ffffff24;margin:0;padding:12px 28px;font-size:14px;font-weight:800}.panel .btns button:hover{background:#ffffff29}.panel .btns button.primary{background:var(--gold);color:#141414;border-color:var(--gold)}.panel .btns button.primary:hover{background:#ffd54d}.result-card #rx{margin-top:12px}.result-card{max-width:600px}.result-card .kicker{margin-bottom:2px}.result-card .story{text-align:left}.hint{letter-spacing:.14em;opacity:.42;text-transform:uppercase;margin-top:12px;font-size:11px;font-weight:700}.result-card .hint{margin-top:12px}.chapter-card h2{letter-spacing:.12em;margin-bottom:6px;font-size:40px}.chapter-card p{font-size:17.5px}.story-card.boss h2{color:var(--gold)}.board-entry{width:560px}.tiles{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 6px;display:grid}.tile{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:14px 16px}.tile .lab{letter-spacing:.24em;opacity:.55;font-size:11px;font-weight:800}.tile .val{letter-spacing:.04em;font-variant-numeric:tabular-nums;margin:4px 0 2px;font-size:38px;font-weight:900}.tile .sub{color:var(--gold);letter-spacing:.06em;font-size:12px;font-weight:700}.name-row{letter-spacing:.26em;opacity:.9;align-items:center;gap:12px;margin-top:18px;font-size:12px;font-weight:800;display:flex}.name-row input{color:#fff;letter-spacing:.06em;background:#00000073;border:1px solid #f2c23080;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:18px;font-weight:800}.name-row input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #f2c23040}.board-entry .bad{color:#ff8a8a;visibility:hidden;margin-top:6px;font-size:12px}.board-entry .bad.show{visibility:visible}.boards{width:1000px}.board-cols{grid-template-columns:1fr 1fr;gap:26px;margin-top:16px;display:grid}.board .btitle{letter-spacing:.2em;color:var(--gold);font-size:14px;font-weight:900}.board .bnote{opacity:.55;min-height:34px;margin:4px 0 10px;font-size:12px;line-height:1.45}.board table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.board th{text-align:left;letter-spacing:.22em;opacity:.5;padding:0 8px 6px;font-size:10.5px;font-weight:800}.board td{border-top:1px solid #ffffff0f;padding:7px 8px}.board td.rk{opacity:.6;width:30px;font-weight:800}.board td.nm{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:700;overflow:hidden}.board td.num{text-align:right;opacity:.7;width:70px}.board th:nth-child(n+3){text-align:right}.board td.num.main{opacity:1;font-weight:800}.board tr.me td{color:#fff;background:#f2c23029}.board tr.me td:first-child{box-shadow:inset 3px 0 0 var(--gold);opacity:1}.board tr.gap td{text-align:center;opacity:.35;border-top:0;padding:2px}.gbtn.compact{white-space:nowrap;padding:10px 18px;font-size:14px}.gbtn.compact .inline{letter-spacing:.04em;opacity:.6;text-transform:none;margin-left:10px;font-size:11.5px;font-weight:600}.sbars{gap:5px;margin-top:16px;display:grid}.sbars-title{letter-spacing:.26em;color:var(--gold);margin-bottom:2px;font-size:11px;font-weight:800}.sbar{grid-template-columns:104px 1fr 26px;align-items:center;gap:10px;display:grid}.sbar .lab,.alloc-row .lab{letter-spacing:.2em;opacity:.8;font-size:11.5px;font-weight:800}.sbar .num,.alloc-row .num{text-align:right;font-variant-numeric:tabular-nums;font-size:15px;font-weight:900}.cells{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.cells i,.sbars-legend i{background:#ffffff17;border-radius:2px;height:12px;display:block;transform:skew(-14deg)}.cells i.on,.sbars-legend i.on{background:var(--gold)}.cells i.new{background:#6ee7a8;box-shadow:0 0 8px #6ee7a899}.cells i.you,.sbars-legend i.you{box-shadow:inset 0 0 0 2px #7fb4ff}.cells i.on.you{box-shadow:inset 0 0 0 2px #7fb4ff,0 0 0 1px #0006}.sbars-legend{letter-spacing:.22em;opacity:.6;gap:16px;margin-top:4px;font-size:10.5px;font-weight:800;display:flex}.sbars-legend span{align-items:center;gap:6px;display:flex}.sbars-legend i{width:14px}.intro-card{grid-template-columns:300px 1fr;align-items:start;gap:30px;width:1000px;display:grid}.intro-portrait{background:radial-gradient(at 50% 38%,#f2c23029,#ffffff08 55%,#00000040);border:1px solid #ffffff12;border-radius:12px;width:300px;height:450px;position:relative;overflow:hidden}.intro-portrait canvas{display:block}.intro-tag{letter-spacing:.28em;background:#0000008c;border-radius:4px;padding:4px 8px;font-size:10.5px;font-weight:900;position:absolute;top:12px;left:12px}.intro-card.boss .intro-tag{background:var(--gold);color:#141414}.intro-card .opp-name{letter-spacing:.08em;margin:2px 0;font-size:38px}.intro-card.boss .opp-name{color:var(--gold)}.intro-card .opp-from{letter-spacing:.04em;color:#dfe3ea;font-size:14px;font-weight:700}.intro-card .opp-record{letter-spacing:.14em;opacity:.6;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:800}.accolades{color:#e6e8ec;margin:10px 0 0;padding-left:18px;font-size:13.5px;line-height:1.55}.accolades li::marker{color:var(--gold)}.intro-card p{margin-top:14px;font-size:15.5px}.intro-card .progress{margin-top:14px}.alloc-card{width:640px}.alloc-left{align-items:baseline;gap:12px;margin:10px 0 14px;display:flex}.alloc-left .lab{letter-spacing:.28em;opacity:.6;font-size:11px;font-weight:800}.alloc-left .val{color:#6ee7a8;font-variant-numeric:tabular-nums;font-size:44px;font-weight:900;line-height:1}.alloc-left.zero .val{color:#ffffff59}.alloc-rows{gap:8px;display:grid}.alloc-row{border:1px solid #0000;border-radius:9px;grid-template-columns:110px 34px 1fr 34px 28px;align-items:center;gap:10px;padding:8px 10px;display:grid}.alloc-row.sel{background:#f2c23014;border-color:#f2c23073}.alloc-row .cells i{height:18px}.alloc-row .pm{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:7px;width:34px;height:30px;padding:0;font-size:20px;font-weight:900;line-height:1}.alloc-row .pm:hover:not(:disabled){border-color:var(--gold);background:#f2c23040}.alloc-row .pm:disabled{opacity:.25;cursor:default}.alloc-blurb{color:#dfe3ea;min-height:44px;margin-top:14px;font-size:14px;line-height:1.5}.chapter-card .sbars{max-width:460px}.login-panel{background:#f2c2300f;border:1px solid #f2c23047;border-radius:10px;margin:-8px 0 18px;padding:10px 12px 12px}.login-panel .menu-label{color:var(--gold);opacity:.9;margin:0 0 8px}.login-panel.in{background:#ffffff08;border-color:#ffffff14;padding:8px 12px}.login-panel.in .menu-label{color:inherit;opacity:.5;margin-bottom:4px}.lform{gap:8px;margin:0;display:flex}.lemail{color:#fff;letter-spacing:.02em;background:#00000073;border:1px solid #ffffff2e;border-radius:8px;outline:none;flex:1;min-width:0;padding:10px 12px;font:600 14px/1.2 inherit}.lemail:focus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.lemail::placeholder{color:#ffffff59}.gbtn.lsend{letter-spacing:.12em;white-space:nowrap;text-align:center;width:auto;margin:0;padding:10px 14px;font-size:12.5px}.gbtn.lsend:hover,.gbtn.lsend:focus-visible{transform:none}.gbtn.lsend:disabled{opacity:.6;cursor:default}.lmsg{color:#ff9a8a;min-height:0;margin-top:6px;font-size:12px}.lmsg:empty{display:none}.lsent-h{letter-spacing:.2em;color:#6ee7a8;font-size:13px;font-weight:900}.lsent-t{color:#e6e8ec;overflow-wrap:anywhere;margin-top:3px;font-size:13px;line-height:1.45}.lsent-a{align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.lcodeform{margin-top:8px}.lemail.lcode{letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.lsent-n{color:#e6e8ec99;margin-top:8px;font-size:11.5px;line-height:1.45}.llink{color:var(--gold);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.llink:disabled{color:#fff6;cursor:default;text-decoration:none}.lsep{opacity:.4}.lin{align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.lwho{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ldot{background:#6ee7a8;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 8px #6ee7a8b3}.lok{color:#e6e8ec;font-size:13.5px}.login-screen{z-index:40}.login-card{width:540px}.login-card h2{font-size:24px;line-height:1.2}.login-copy{color:#dfe3ea;margin:12px 0 16px;font-size:14.5px;line-height:1.55}.login-card .lemail{padding:12px 14px;font-size:15px}.login-card .gbtn.lsend{padding:12px 18px}.login-card .actions{margin-top:16px}.login-inline{background:#f2c2300f;border:1px solid #f2c23047;border-radius:10px;margin-top:16px;padding:12px 14px}.li-h{letter-spacing:.26em;color:var(--gold);font-size:11px;font-weight:800}.li-t{opacity:.8;margin:4px 0 10px;font-size:12.5px;line-height:1.45}.login-toast{z-index:60;color:#f3f4f7;letter-spacing:.02em;opacity:0;pointer-events:none;background:#0d0f14f5;border:1px solid #6ee7a880;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;top:18px;left:50%;transform:translate(-50%,-12px);box-shadow:0 10px 30px #00000080}.login-toast.show{opacity:1;transform:translate(-50%)}.board-src{letter-spacing:.22em;opacity:.55;margin:2px 0 0;font-size:11px;font-weight:800}.board-src.global{color:#6ee7a8;opacity:.9}.ulab{letter-spacing:.24em;opacity:.5;margin:10px 0 5px;font-size:10.5px;font-weight:800}.uform .uname{flex:1}.umsg.ok{color:#6ee7a8}.umsg.muted{color:#ffffff8c}.btabs{gap:8px;margin:14px 0 0;display:flex}.btab{color:#f3f4f7;font:inherit;letter-spacing:.18em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:800}.btab:hover,.btab:focus-visible{border-color:#f2c23099;outline:none}.btab.active{border-color:var(--gold);color:#fff;background:#f2c23029}.board-cols.one{grid-template-columns:minmax(0,620px);justify-content:center}.board-entry .name-status{color:#ff8a8a;min-height:16px;margin-top:6px;font-size:12px}.board-entry .name-status.ok{color:#6ee7a8}.board-entry .name-status.muted{color:#ffffff8c}.board-entry input:disabled,.board-entry input[readonly]{opacity:.75}.styles{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.styles.big{grid-template-columns:repeat(3,1fr);margin-top:10px}.style-pick{width:820px}.style-chip .sname{letter-spacing:.08em;font-weight:900}.style-chip small{opacity:.65;font-size:11px}.style-chip .sbars{align-items:flex-end;gap:5px;margin-top:4px;display:flex}.style-chip .sbar{flex-direction:column;justify-content:flex-end;align-items:center;width:14px;display:flex}.style-chip .sbar i{background:var(--gold);opacity:.85;border-radius:2px;width:100%;display:block}.style-chip .sbar b{opacity:.6;margin-top:2px;font-size:9px;line-height:1}.style-chip .sblurb{opacity:.85;letter-spacing:0;text-transform:none;font-size:13px;font-weight:500;line-height:1.4}.runline{color:#fff;letter-spacing:.12em;white-space:nowrap;opacity:.9;background:#0d0f148c;border-radius:6px;padding:4px 10px;font:800 11px/1 ui-monospace,Menlo,monospace;position:absolute;top:92px;left:50%;transform:translate(-50%)}.rrun{text-align:left;max-width:620px;margin:12px auto 2px}.rrun .run-now{justify-content:center;gap:10px;margin-bottom:8px;display:flex}.rrun .run-now span{letter-spacing:.1em;color:#f2c230;background:#f2c2301f;border:1px solid #f2c23059;border-radius:8px;padding:6px 12px;font:800 12px/1 ui-monospace,Menlo,monospace}.rrun .run-boards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rrun .run-board h4{letter-spacing:.2em;opacity:.7;margin:0 0 4px;font:800 10px/1.2 system-ui,sans-serif}.rrun .run-board h4 b{color:#f2c230;opacity:1}.rrun table{border-collapse:collapse;width:100%;font-size:12px}.rrun td{white-space:nowrap;border-top:1px solid #ffffff14;padding:3px 6px}.rrun td.n{text-overflow:ellipsis;max-width:130px;overflow:hidden}.rrun td.r{opacity:.6;width:26px}.rrun td.v{text-align:right;font-family:ui-monospace,Menlo,monospace}.rrun tr.you td{color:#f2c230;background:#f2c23029;font-weight:800}.rrun tr.past td{color:#9fd3ff}.rrun .past-line{color:#9fd3ff;margin-top:4px;font-size:11px}.rrun .run-note{opacity:.55;text-align:center;margin-top:6px;font-size:11px}.tut-panel{color:#fff;z-index:40;opacity:0;pointer-events:none;background:#0d0f14e6;border:1px solid #f2c23047;border-radius:12px;width:340px;max-width:calc(100vw - 32px);padding:10px 14px;transition:opacity .25s,transform .25s;position:fixed;top:74px;right:16px;transform:translateY(-8px);box-shadow:0 12px 40px #00000080}.tut-panel.show{opacity:1;transform:translate(0)}.tut-panel .tut-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tut-panel .kicker{margin:0;font-size:10px}.tut-panel .tut-steps{letter-spacing:.2em;opacity:.6;font-size:11px;font-weight:800}.tut-panel h3{letter-spacing:.1em;margin:3px 0 2px;font-size:17px;font-weight:900}.tut-panel p{opacity:.92;margin:0;font-size:12.5px;line-height:1.35}.tut-panel .tut-hint{color:#f2c230;opacity:0;margin-top:4px;font-size:12px;line-height:1.4;transition:opacity .3s}.tut-panel .tut-hint.show{opacity:.95}.tut-panel .tut-keys{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.tut-panel kbd{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:4px 7px;font:700 11px/1 ui-monospace,Menlo,monospace}.tut-panel .tut-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.tut-panel .tut-bar i{background:#f2c230;width:0;height:100%;transition:width .15s;display:block}.tut-panel.done{border-color:#78dc7899}.tut-panel.done .tut-bar i{background:#7ddc7d;width:100%!important}.tut-panel .tut-check{color:#7ddc7d;opacity:0;font-size:22px;transition:all .2s;position:absolute;top:8px;right:12px;transform:scale(.6)}.tut-panel.done .tut-check{opacity:1;transform:scale(1)}.tut-card{width:560px}.tut-card ul{grid-template-columns:1fr 1fr;gap:6px 18px;margin:12px 0 0;padding:0;list-style:none;display:grid}.tut-card li{align-items:baseline;gap:10px;font-size:14px;line-height:1.4;display:flex}.tut-card li kbd{white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:4px 7px;font:700 11px/1 ui-monospace,Menlo,monospace}.tut-card .fmt{opacity:.7}.tut-panel .tut-actions{pointer-events:auto;gap:6px;margin-top:8px;display:flex}.tut-panel .tut-skip{pointer-events:auto;cursor:pointer;color:#fff;letter-spacing:.14em;background:#ffffff12;border:1px solid #ffffff38;border-radius:7px;padding:5px 9px;font:800 10px/1 system-ui,sans-serif}.tut-panel .tut-skip:hover{color:#f2c230;border-color:#f2c230cc}.tut-panel .tut-skip.quiet{opacity:.6}.tut-panel .tut-skip kbd{margin-left:5px;padding:2px 5px;font-size:9px}.tut-panel .tut-skip.nudge{color:#f2c230;border-color:#f2c230;animation:1.1s ease-in-out infinite tutnudge}@keyframes tutnudge{0%,to{box-shadow:0 0 #f2c23000}50%{box-shadow:0 0 0 4px #f2c23047}}.fb-tab{z-index:45;color:#f2c230;letter-spacing:.22em;cursor:pointer;opacity:.75;background:#0d0f14d9;border:1px solid #f2c23073;border-radius:999px;padding:9px 14px;font:800 11px/1 system-ui,sans-serif;transition:opacity .15s,transform .15s;position:fixed;bottom:14px;right:14px}.fb-tab:hover,.fb-tab:focus-visible{opacity:1;outline:none;transform:translateY(-1px)}.fb-tab.hidden{display:none}.fb-card{width:520px}.fb-card textarea{box-sizing:border-box;resize:vertical;color:#fff;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;width:100%;min-height:150px;margin-top:10px;padding:12px 14px;font:500 15px/1.45 system-ui,sans-serif}.fb-card textarea:focus{border-color:#f2c230b3;outline:none}.fb-card .fb-ctx{opacity:.55;margin-top:8px;font-size:12px;line-height:1.4}.fb-card .fb-status{color:#f2c230;min-height:18px;margin-top:8px;font-size:13px}.fb-card .fb-status.bad{color:#ff8a8a}.fb-card .fb-status.ok{color:#7ddc7d}.lobby-screen{z-index:25}.lobby{width:820px}.lobby h2{font-size:30px}.lobby .sub-h{color:#dfe3ea;opacity:.85;margin:6px 0 0;font-size:13.5px;line-height:1.5}.lb-home{width:560px}.lb-join{align-items:stretch;gap:10px;margin-top:8px;display:flex}.lb-code-in{color:#fff;letter-spacing:.4em;text-transform:uppercase;text-align:center;background:#00000073;border:1px solid #ffffff2e;border-radius:10px;outline:none;flex:1;min-width:0;padding:12px 14px;font-family:inherit;font-size:26px;font-weight:900}.lb-code-in:focus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.lb-code-in::placeholder{color:#ffffff47;letter-spacing:.4em}.lb-join .gbtn{text-align:center;white-space:nowrap;width:auto;margin:0;padding:12px 22px}.lb-join .gbtn:hover,.lb-join .gbtn:focus-visible{transform:none}.lb-or{letter-spacing:.3em;opacity:.4;text-align:center;margin:14px 0 10px;font-size:11px;font-weight:800}.lb-msg{color:#ff9a8a;min-height:18px;margin-top:10px;font-size:13px;line-height:1.45}.lb-msg.ok{color:#6ee7a8}.lb-msg:empty{display:none}.lb-busy{border:2px solid #ffffff40;border-top-color:var(--gold);vertical-align:-2px;border-radius:50%;width:12px;height:12px;margin-right:8px;animation:.8s linear infinite lb-spin;display:inline-block}@keyframes lb-spin{to{transform:rotate(360deg)}}.lb-head{grid-template-columns:1fr auto;align-items:center;gap:20px;margin-top:10px;display:grid}.lb-codebox{align-items:center;gap:18px;display:flex}.lb-code{letter-spacing:.32em;color:var(--gold);text-shadow:0 4px 24px #f2c23040;font-variant-numeric:tabular-nums;padding-left:.1em;font-size:64px;font-weight:900;line-height:1}.lb-code-lab{letter-spacing:.28em;opacity:.55;font-size:11px;font-weight:800}.lb-copy{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.lb-copy .gbtn{width:auto;margin:0;padding:10px 16px;font-size:13px}.lb-copy .gbtn:hover,.lb-copy .gbtn:focus-visible{transform:none}.lb-copied{color:#6ee7a8;min-height:16px;font-size:12px;font-weight:700}.lb-wait{color:#dfe3ea;opacity:.85;align-items:center;margin-top:6px;font-size:13.5px;display:flex}.lb-players{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;display:grid}.lb-player{background:#ffffff09;border:1px solid #ffffff1a;border-radius:14px;min-height:150px;padding:16px 18px 18px;position:relative}.lb-player.me{background:#f2c2300f;border-color:#f2c23073}.lb-player.ready{border-color:#6ee7a88c;box-shadow:inset 0 0 0 1px #6ee7a88c}.lb-player.empty{color:#ffffff73;letter-spacing:.08em;text-align:center;border-style:dashed;justify-content:center;align-items:center;font-size:13px;line-height:1.5;display:flex}.lb-role{letter-spacing:.3em;opacity:.5;font-size:10.5px;font-weight:800}.lb-player.me .lb-role{color:var(--gold);opacity:.9}.lb-name{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:22px;font-weight:900;overflow:hidden}.lb-name small{letter-spacing:.14em;opacity:.5;margin-left:8px;font-size:12px;font-weight:700}.lb-team{letter-spacing:.06em;color:#dfe3ea;align-items:center;gap:10px;margin-top:8px;font-size:13px;font-weight:700;display:flex}.lb-team .swatch{border-radius:5px;flex:none;width:54px;height:18px;box-shadow:0 0 0 1px #ffffff26}.lb-team .alt{letter-spacing:.02em;opacity:.6;font-size:11px;font-weight:600}.lb-teams{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px;display:grid}.lb-teams .chip{padding:8px;font-size:11px}.lb-teams .chip .swatch{height:12px}.lb-state{letter-spacing:.26em;color:#fff9;background:#ffffff14;border-radius:5px;padding:4px 9px;font-size:10.5px;font-weight:900;position:absolute;top:14px;right:16px}.lb-state.on{color:#0f2a1c;background:#6ee7a8}.lb-state.want{color:var(--gold);background:#f2c23033}.lb-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.lb-ping{letter-spacing:.08em;font-variant-numeric:tabular-nums;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;font-weight:800;display:inline-flex}.lb-ping i{background:#ffffff4d;border-radius:50%;flex:none;width:9px;height:9px}.lb-ping.good i{background:#6ee7a8;box-shadow:0 0 8px #6ee7a8b3}.lb-ping.ok i{background:#f2c230;box-shadow:0 0 8px #f2c230b3}.lb-ping.bad i{background:#ff6b6b;box-shadow:0 0 8px #ff6b6bb3}.lb-ping .relay{letter-spacing:.06em;opacity:.65;font-size:10.5px;font-weight:700}.lb-h2h{letter-spacing:.04em;color:#dfe3ea;opacity:.85;min-height:18px;font-size:13px}.lb-h2h:empty{display:none}.lb-arena{margin-top:16px}.lb-arena .who{letter-spacing:.26em;opacity:.6;margin-bottom:8px;font-size:11px;font-weight:800}.lb-arena .arenas{grid-template-columns:repeat(4,1fr)}.lb-arena .arenas .chip{padding:7px 10px;font-size:11.5px}.lb-arena .arena-pick{letter-spacing:.04em;font-size:14px;font-weight:800}.lb-arena .arena-pick small{opacity:.6;letter-spacing:0;margin-top:2px;font-size:12px;font-weight:500;display:block}.lobby .actions{align-items:center}.lobby .actions .gbtn.ready{min-width:200px}.lobby .actions .gbtn.ready.on{color:#0f2a1c;background:#6ee7a8;border-color:#6ee7a8}.lobby .actions .gbtn.ready.on:hover,.lobby .actions .gbtn.ready.on:focus-visible{background:#8af0bb}.lobby .actions .gbtn:disabled{opacity:.45;cursor:default;transform:none}.lb-status{color:#dfe3ea;opacity:.8;align-items:center;margin-left:auto;font-size:12.5px;display:flex}.lb-error{color:#ffb4b4;background:#ff6b6b1a;border:1px solid #ff6b6b66;border-radius:10px;margin-top:16px;padding:12px 14px;font-size:13.5px;line-height:1.5}.lb-error b{color:#fff;letter-spacing:.06em;margin-bottom:2px;display:block}.lb-error .hint{opacity:.8;color:#ffd5d5;margin-top:4px;font-size:12.5px}.lb-countdown{text-align:center;padding:20px 0 8px}.lb-countdown .big{letter-spacing:.06em;color:var(--gold);font-size:56px;font-weight:900}.lb-countdown .sub{letter-spacing:.28em;opacity:.55;margin-top:4px;font-size:12px;font-weight:800}.lobby .hint{margin-top:14px}
