:root{--bg-centre: #1b2547;--bg-edge: #070a14;--ink: #0c1120;--panel: rgba(15, 22, 40, .86);--line: #2a3556;--text: #e8ecf6;--muted: #8a93ad;--gold: #f3d27a;--lapis: #4e93e8;--font: "Chakra Petch", system-ui, sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--mint: #8ff5e4;--ember: #f06450;--grav-cascade: #8ff5e4;--grav-line: #9dbaff}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;color:var(--text);font-family:var(--font);background-color:var(--bg-edge);background-image:radial-gradient(ellipse 70% 80% at 50% 45%,var(--bg-centre) 0%,var(--bg-edge) 100%);transition:background-color .6s ease;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}#app canvas{display:block}#overlay{position:fixed;inset:0;pointer-events:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:16px;pointer-events:auto;opacity:0;transition:opacity .18s ease;overflow-y:auto}.overlay.in{opacity:1}.overlay.dim{background:#04060c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel{width:min(440px,100%);padding:28px 28px 22px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff0a;display:flex;flex-direction:column;gap:16px}.panel.small{width:min(340px,100%);text-align:center}.wordmark{margin:0;font-size:clamp(40px,9vw,56px);font-weight:700;line-height:.95;letter-spacing:-.02em;background:linear-gradient(172deg,#cdbbff 0%,#8ff5e4 47%,transparent 47.5%,transparent 49%,#ffd98a 49.5%,#f06450 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:-8px 0 4px;color:var(--muted);font-size:15px}h2{margin:0;font-size:26px;font-weight:600}.muted{margin:-8px 0 0;color:var(--muted);font-size:14px}fieldset{border:0;margin:0;padding:0;min-width:0}legend,.field>label{font-size:13px;color:var(--muted);margin-bottom:6px;padding:0}.seg-row{display:flex;gap:6px}.seg-row label{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 6px;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:border-color .12s,background .12s}.seg-main{font-size:15px;font-weight:600}.seg-hint{font-size:11px;color:var(--muted)}.seg-row input:checked+label{border-color:var(--lapis);background:#4e93e824}.seg-row input:focus-visible+label{outline:2px solid var(--gold);outline-offset:2px}.field{display:flex;flex-direction:column}.range-row{display:flex;align-items:center;gap:12px}.range-row input{flex:1;accent-color:var(--lapis)}.lvl-out{min-width:2ch;text-align:right;font-size:22px;font-weight:600}.field.toggle{flex-direction:row;align-items:center;gap:10px}.field.toggle label{margin:0;color:var(--text);font-size:15px;cursor:pointer}.field.toggle input{width:18px;height:18px;accent-color:var(--lapis)}button{font:inherit;font-size:16px;font-weight:600;padding:12px 16px;border-radius:12px;border:1px solid transparent;cursor:pointer;color:var(--text)}button.primary{background:linear-gradient(180deg,#5aa0f0,#3a74c8);box-shadow:0 6px 20px #3a74c859}button.primary:hover{filter:brightness(1.08)}button.ghost{background:transparent;border-color:var(--line)}button.ghost:hover{border-color:var(--muted)}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.keys{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:4px 10px;margin:4px 0 0;font-size:13px}.keys dt{color:var(--text);font-weight:600;text-align:right}.keys dd{margin:0;color:var(--muted)}.note{margin:0;font-size:12px;color:var(--muted)}.final-score{margin:4px 0 0;font-size:44px;font-weight:700;color:var(--gold);line-height:1}.result{display:grid;grid-template-columns:1fr auto;gap:4px 16px;margin:4px 0;text-align:left;font-size:15px}.result dt{color:var(--muted)}.result dd{margin:0;text-align:right;font-weight:600}@media(prefers-reduced-motion:reduce){html:not(.motion-full) .overlay,html:not(.motion-full),html:not(.motion-full) body{transition:none}}.panel.settings{width:min(420px,100%)}.vol-out{min-width:3ch;text-align:right;font-size:16px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.panel.settings .seg-main{font-size:14px}.devpanel{position:fixed;left:12px;bottom:12px;z-index:10;padding:10px 12px;font-size:12px;line-height:1.6;color:var(--muted);background:#080c18d1;border:1px dashed #3a4a78;border-radius:10px;pointer-events:none;font-variant-numeric:tabular-nums}.devpanel strong{display:block;color:var(--gold);font-weight:600;letter-spacing:.04em}.devpanel .on{color:var(--text)}.devpanel .foot{margin-top:4px;border-top:1px solid #26314f;padding-top:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.panel.settings-page{--pad: 32px;--ctl-w: 176px;position:relative;width:min(840px,100%);height:min(700px,100dvh - 32px);padding:0;gap:0;display:grid;grid-template-columns:208px minmax(0,1fr);overflow:hidden;font-family:var(--font-body);font-size:14px;line-height:1.5;background:radial-gradient(120% 90% at 0% 0%,rgba(78,147,232,.1),transparent 55%),linear-gradient(180deg,#10182ef0,#090d1af5);border-color:#6078b447;box-shadow:0 40px 100px #0000008c,inset 0 1px #ffffff0d,inset 0 0 60px #4e93e80d}.settings-page h2,.settings-page h3,.settings-page .val,.settings-page kbd,.settings-page .seg-main,.settings-page button,.settings-page [role=tab]{font-family:var(--font)}.sp-side{display:flex;flex-direction:column;padding:28px 16px 20px 20px;border-right:1px solid rgba(96,120,180,.18);background:#06091259}.sp-side h2{font-size:22px;font-weight:600;letter-spacing:.01em;padding:0 12px;margin-bottom:24px}.sp-nav{display:flex;flex-direction:column;gap:2px}.sp-nav [role=tab]{position:relative;display:flex;align-items:center;height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:15px;font-weight:600;text-align:left;transition:color .14s ease,background .14s ease}.sp-nav [role=tab]:before{content:"";position:absolute;left:-20px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--gold);transform:scaleY(0);transition:transform .16s ease}.sp-nav [role=tab]:hover{color:var(--text);background:#ffffff08}.sp-nav [role=tab][aria-selected=true]{color:var(--text);background:#4e93e81f}.sp-nav [role=tab][aria-selected=true]:before{transform:scaleY(1)}.sp-nav [role=tab]:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.sp-side .done{margin-top:auto;padding:11px 16px;font-size:15px}.sp-body{position:relative;min-height:0;overflow:hidden}.sp-body:after{content:"";position:absolute;left:0;right:0;bottom:0;height:28px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(9,13,26,.9));z-index:1}.tab-panel{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;padding:28px var(--pad) 32px;display:flex;flex-direction:column;gap:22px;scrollbar-width:thin;scrollbar-color:rgba(96,120,180,.35) transparent}.tab-panel>*{flex-shrink:0}.tab-panel[hidden]{display:none}.tab-panel:focus{outline:none}.sec-head{display:flex;flex-direction:column;gap:4px;padding-bottom:16px;border-bottom:1px solid rgba(96,120,180,.18)}.sec-head h3{margin:0;font-size:20px;font-weight:600}.sec-head p{margin:0;color:var(--muted);font-size:13.5px}.help{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted);max-width:62ch}.help[hidden]{display:none}.orig{font-size:11.5px;font-weight:500;color:var(--gold);opacity:.9;white-space:nowrap}.rule{height:1px;background:#6078b42e}.sp-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-page legend,.settings-page .field-head label,.settings-page .sw-label{font-family:var(--font-body);font-size:14.5px;font-weight:500;color:var(--text);margin:0;padding:0}.settings-page legend{margin-bottom:10px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 8px;border-radius:6px;color:var(--text);font:600 13px/1 var(--font);letter-spacing:.02em;white-space:nowrap;background:linear-gradient(180deg,#2a3659,#1b2440);box-shadow:0 2px #0d1222,inset 0 1px #ffffff1f,0 0 0 1px #0006;vertical-align:middle}.sec-head kbd,.help kbd,.fixed-key kbd{height:20px;min-width:22px;padding:0 6px;font-size:11px}.seg-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:12px;background:#0609128c;box-shadow:inset 0 1px 2px #00000080}.seg-row input{position:absolute;opacity:0;pointer-events:none}.seg-row label{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;padding:6px 8px;border:1px solid transparent;border-radius:9px;cursor:pointer;color:var(--muted);transition:background .14s ease,color .14s ease,border-color .14s ease}.seg-row label:hover{color:var(--text);background:#ffffff08}.settings-page .seg-main{font-size:14px;font-weight:600;color:inherit}.settings-page .seg-hint{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.seg-orig{font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--gold);opacity:.8;margin-top:2px}.seg-row label:not(.is-orig):after{content:"";height:12px;margin-top:2px}.seg-row input:checked+label{color:var(--text);background:linear-gradient(180deg,#5aa0f047,#3a74c838);border-color:#78b4ff59;box-shadow:0 1px #ffffff0f inset}.seg-row input:checked+label .seg-hint{color:#e8ecf6b3}.seg-row input:focus-visible+label{outline:2px solid var(--gold);outline-offset:1px}.field.range{display:flex;flex-direction:column;gap:8px}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.val{font-size:18px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;min-width:2.5ch;text-align:right}.settings-page input[type=range]{--fill: 50%;-webkit-appearance:none;appearance:none;width:100%;height:24px;margin:0;background:transparent;cursor:pointer}.settings-page input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--lapis) var(--fill),rgba(96,120,180,.22) var(--fill));box-shadow:inset 0 1px 2px #00000059}.settings-page input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#6078b438}.settings-page input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:var(--lapis)}.settings-page input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;border:2px solid #0b1020;background:linear-gradient(180deg,#fff,#cfe0ff);box-shadow:0 2px 6px #00000080,0 0 #f3d27a00;transition:box-shadow .14s ease,transform .14s ease}.settings-page input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid #0b1020;background:linear-gradient(180deg,#fff,#cfe0ff);box-shadow:0 2px 6px #00000080}.settings-page input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.08)}.settings-page input[type=range]:focus-visible{outline:none}.settings-page input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 2px 6px #00000080,0 0 0 3px var(--gold)}.settings-page input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--gold)}.field.switch{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px}.sw-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.sw-body{display:flex;flex-direction:column;gap:2px}.sw-label{cursor:pointer}.sw{position:relative;display:block;width:44px;height:24px;border-radius:12px;background:#060912b3;box-shadow:inset 0 1px 2px #0009,0 0 0 1px #6078b440;cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.sw-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#c8d2ea,#8a93ad);box-shadow:0 1px 3px #00000080;transition:transform .16s cubic-bezier(.2,.8,.3,1.2),background .16s ease}.sw-input:checked~.sw{background:linear-gradient(180deg,#5aa0f0,#3a74c8);box-shadow:inset 0 1px #fff3,0 0 12px #4e93e859}.sw-input:checked~.sw .sw-knob{transform:translate(20px);background:linear-gradient(180deg,#fff,#e2ecff)}.sw:hover{box-shadow:inset 0 1px 2px #0009,0 0 0 1px #8a93ad80}.sw-input:focus-visible~.sw{outline:2px solid var(--gold);outline-offset:2px}.bind-list{display:flex;flex-direction:column;border-radius:14px;background:#06091266;box-shadow:0 0 0 1px #6078b42e;overflow:hidden}.bind-row{display:grid;grid-template-columns:minmax(0,1fr) var(--ctl-w) var(--ctl-w);align-items:center;gap:8px;height:56px;padding:0 12px 0 16px}.bind-row+.bind-row{box-shadow:inset 0 1px #6078b41f}.bind-row.has-pending{background:#f064500f}.bind-name{display:flex;align-items:center;gap:10px;min-width:0;font-size:14.5px;font-weight:500}.fixed-key{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);white-space:nowrap}.slot-wrap{position:relative;display:flex;height:40px}.slot{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 28px 0 10px;border-radius:10px;border:1px solid rgba(96,120,180,.22);background:#0f162899;color:var(--text);font-size:13px;font-weight:500;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.slot:hover{border-color:#f3d27a80;background:#f3d27a0d}.slot:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px #f3d27a59}.slot.empty{border-style:dashed;background:transparent;color:var(--muted);font-family:var(--font-body)}.slot.empty:hover{color:var(--text)}.slot:not(.empty){padding-right:10px}.slot-wrap:has(.slot-clear) .slot{padding-right:30px}.badge{font-family:var(--font-body);font-size:10.5px;font-weight:600;letter-spacing:.02em;color:var(--mint);padding:2px 7px;border-radius:999px;background:#8ff5e41a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot.shadowed kbd{opacity:.5}.slot.shadowed .badge{color:var(--muted);background:#8a93ad1f}.slot.capturing{border-color:var(--gold);background:#f3d27a1a;color:var(--gold);font-family:var(--font-body);box-shadow:0 0 0 3px #f3d27a2e,0 0 18px #f3d27a33;animation:cq-pulse 1.2s ease-in-out infinite}.slot.pending{border-color:var(--ember);background:#f064501f}@keyframes cq-pulse{50%{box-shadow:0 0 0 6px #f3d27a0f,0 0 18px #f3d27a1a}}.slot-clear{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:22px;height:22px;padding:0;border:0;border-radius:6px;font-size:15px;line-height:1;color:var(--muted);background:transparent;opacity:0;transition:opacity .14s ease,color .14s ease,background .14s ease}.slot-wrap:hover .slot-clear,.slot-clear:focus-visible,.slot:focus-visible~.slot-clear{opacity:1}.slot-clear:hover{color:var(--text);background:#f064504d}.slot-clear:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.conflict{position:absolute;inset:0;display:flex;align-items:flex-end;padding:16px;background:linear-gradient(180deg,#06091226,#06091299 70%);z-index:2}.conflict[hidden]{display:none}.conflict-card{width:100%;display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:14px;border:1px solid rgba(240,100,80,.45);background:linear-gradient(180deg,#28161efa,#16101cfa);box-shadow:0 20px 50px #00000080;animation:cq-rise .16s ease-out}@keyframes cq-rise{0%{transform:translateY(8px);opacity:0}}.conflict-title{margin:0;font-family:var(--font);font-size:15px;font-weight:600;color:#ffb3a6}.conflict-msg{margin:0;font-size:13.5px}.conflict-actions{display:flex;flex-wrap:wrap;gap:8px}.settings-page button.small{padding:8px 14px;font-size:13px;border-radius:10px}.settings-page button.ghost{border-color:#6078b44d;color:var(--text);transition:border-color .14s ease,background .14s ease}.settings-page button.ghost:hover{border-color:#f3d27a99;background:#f3d27a0f}.settings-page button:disabled{opacity:.35;cursor:default}.settings-page button.ghost:disabled:hover{border-color:#6078b44d;background:transparent}.variants[disabled] .help{margin:0}.variant-list{display:flex;flex-direction:column;gap:6px}.variant-list input{position:absolute;opacity:0;pointer-events:none}.variant-list label{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;column-gap:12px;padding:10px 14px;border-radius:10px;border:1px solid transparent;background:#06091259;cursor:pointer;transition:background .14s ease,border-color .14s ease}.variant-list label:hover{background:#ffffff08}.v-mark{width:16px;height:16px;margin-top:2px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #8a93adb3;transition:box-shadow .14s ease,background .14s ease}.v-text{display:flex;flex-direction:column;gap:1px;min-width:0}.v-name{font-family:var(--font);font-size:14.5px;font-weight:600}.v-desc{font-size:12.5px;color:var(--muted);line-height:1.4}.variant-list input:checked+label{border-color:#78b4ff59;background:#4e93e81f}.variant-list input:checked+label .v-mark{background:radial-gradient(circle,#fff 0 4px,transparent 4.5px);box-shadow:inset 0 0 0 5px var(--lapis)}.variant-list input:focus-visible+label{outline:2px solid var(--gold);outline-offset:1px}.variant-list.pack-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pack-row{position:relative;min-width:0}.sp-settings .pack-list .pack-row label{padding:7px 32px 7px 10px;column-gap:8px;height:100%}.pack-list .v-desc{display:none}.sp-settings .pack-list .v-name{flex-shrink:1;min-width:0;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-page .pack-row .pack-preview{position:absolute;right:5px;top:0;bottom:0;margin:auto 0;width:24px;height:24px;padding:0;font-size:9px;line-height:1;transform:none}.all-off .packs{opacity:.45}.packs{transition:opacity .16s ease}.music-off .variants,.music-off .field.range:has(#sp-vol-music){opacity:.45}.all-off .field.range:has(#sp-vol-sfx),.all-off .field.range:has(#sp-vol-master),.all-off .field.switch:has(#sp-music),.all-off .field.switch:has(#sp-sfx){opacity:.45}.sfx-off .field.range:has(#sp-vol-sfx),.sfx-off .packs{opacity:.45}.music-off .variants,.music-off .field.range,.all-off .field{transition:opacity .16s ease}.panel.sp-settings{width:min(976px,100%);height:min(704px,100dvh - 32px)}.sp-settings .tab-panel{padding:24px 32px;gap:16px}.sp-settings .sec-head{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:12px}.sp-settings .sec-text{display:flex;flex-direction:column;gap:2px;min-width:0}.sp-settings .sec-head h3{font-size:19px}.sp-settings .sec-head p{font-size:13px}.sec-side{display:flex;align-items:center;gap:16px;flex-shrink:0}.orig-key{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap}.orig-key .seg-dot{position:static}.sp-settings .sp-foot{margin-top:auto}.sp-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;align-items:start}.sp-col,.sp-settings .sp-group{display:flex;flex-direction:column;gap:14px;min-width:0}.sp-settings .sp-group[hidden]{display:none}.col-head{margin:0;font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sp-settings .rule{margin:2px 0}.your-handling{margin:-4px 0 0;padding:8px 12px;border-radius:8px;font-size:13px;line-height:1.45;color:var(--text, #e8ecf6);background:#f3d27a14;box-shadow:inset 0 0 0 1px #f3d27a47}.sp-settings .applies{margin:-8px 0 0;font-size:12.5px;line-height:1.4;color:var(--mint)}.sp-settings .sp-group.not-yours .applies{color:var(--muted)}.sp-settings .sp-group.not-yours .applies:after{content:" · not what your current rules use"}.linkish{align-self:flex-start;border:0;background:none;padding:2px 0;font:inherit;font-size:13px;color:var(--gold);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.linkish:hover,.linkish:focus-visible{color:var(--text, #fff)}.rc-wrap{min-width:0}.rc-wrap>summary{cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.rc-wrap>.help{margin:8px 0 0;font-size:12px;color:var(--muted)}.rules-compare{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;line-height:1.35;table-layout:fixed}.rules-compare caption{text-align:left;font-weight:600;margin-bottom:6px}.rules-compare th,.rules-compare td{padding:5px 6px;vertical-align:top;text-align:left;border-top:1px solid rgba(150,172,230,.12)}.rules-compare thead th{border-top:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.rules-compare thead th:first-child,.rules-compare tbody th{width:22%}.rules-compare tbody th{font-weight:600;color:var(--muted)}.rules-compare .rc-classic{color:var(--muted)}.rules-compare thead .rc-classic{color:#c9b48a}.rules-compare thead .rc-modern{color:var(--mint)}.rules-compare tbody td:before{content:"• ";opacity:.55}@media(max-width:560px){.rules-compare,.rules-compare tbody,.rules-compare tr,.rules-compare th,.rules-compare td{display:block;width:auto!important}.rules-compare thead{display:none}.rules-compare tbody th{border-top:1px solid rgba(150,172,230,.16);padding-top:8px}.rules-compare td{border-top:0;padding:2px 6px}.rules-compare td.rc-classic:before{content:"Classic: ";opacity:.8}.rules-compare td.rc-modern:before{content:"Modern: ";opacity:.8}}.sp-ruleset{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);column-gap:24px;align-items:end}.ruleset-help{margin:0 0 9px;font-size:12.5px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-settings legend,.sp-settings .field-head label,.sp-settings .sw-label{font-size:14px}.sp-settings legend{display:flex;align-items:center;gap:6px;margin-bottom:6px}.sp-settings .field-head{align-items:center;justify-content:flex-start;gap:6px}.sp-settings .field-head .val{margin-left:auto;font-size:15px}.sp-settings .field.range{gap:2px}.sp-settings input[type=range]{height:20px}.sp-settings .sw-body{flex-direction:row;align-items:center;gap:6px}.sp-settings .orig{font-size:11px}.tip-src{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.rs-badge{font-family:var(--font);font-size:12px;font-weight:600;color:var(--mint);opacity:.85}.sp-settings button.info{flex-shrink:0;display:inline-grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;font:italic 600 11px/1 Georgia,Times New Roman,serif;color:var(--muted);background:#8a93ad29;cursor:help;transition:color .12s ease,background .12s ease}.sp-settings button.info:hover,.sp-settings button.info:focus-visible{color:var(--ink);background:var(--gold)}.sp-settings button.info:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sp-tip{position:absolute;z-index:6;max-width:300px;padding:8px 12px;border-radius:10px;font-size:12.5px;line-height:1.45;color:var(--text);background:linear-gradient(180deg,#222e50fa,#161e36fa);border:1px solid rgba(120,160,230,.35);box-shadow:0 12px 32px #00000080;pointer-events:none}.sp-tip[hidden]{display:none}.seg.compact .seg-row{padding:3px;gap:3px;border-radius:10px}.seg.compact .seg-row label{flex-direction:row;min-height:32px;padding:0 8px;border-radius:8px;white-space:nowrap}.seg.compact .seg-row label:after{display:none}.seg.compact .seg-main{font-size:13px}.sp-rules .seg.compact:not(.stack)>legend{float:left;width:120px;height:38px;margin:0;padding:0}.sp-rules .seg.compact:not(.stack)>.seg-row{min-width:0}.seg-dot{position:absolute;top:5px;right:6px;width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:.85}.sp-settings .bind-row{height:46px}.sp-settings .slot-wrap{height:34px}.sp-settings .variant-list{gap:4px}.sp-settings .variant-list label{padding:7px 12px;align-items:center}.sp-settings .v-mark{margin-top:0}.sp-settings .v-name{font-size:14px}.sp-settings .v-text{flex-direction:row;align-items:baseline;gap:10px}.sp-settings .v-name{flex-shrink:0}.sp-settings .v-desc{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.sp-settings .sp-group.handling{padding:0;border:0;background:none;box-shadow:none;border-radius:0}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:10px}.theme-grid input{position:absolute;opacity:0;pointer-events:none}.theme-grid label{display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;border-radius:12px;border:1px solid rgba(96,120,180,.2);background:#06091266;cursor:pointer;transition:border-color .14s ease,background .14s ease}.theme-grid label:hover{border-color:#8a93ad80}.theme-grid input:checked+label{border-color:#78b4ff99;background:#4e93e824;box-shadow:0 0 0 1px #78b4ff59 inset}.theme-grid input:focus-visible+label{outline:2px solid var(--gold);outline-offset:2px}.th-sw{display:flex;height:24px;margin-bottom:4px;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px #0006}.th-sw span{flex:1}.th-name{font-family:var(--font);font-size:14px;font-weight:600}.th-desc{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.restart-confirm{z-index:7;align-items:center;justify-content:center;padding:32px;background:#04060c99}.restart-confirm .conflict-card{width:min(440px,100%);border-color:#78b4ff73;background:linear-gradient(180deg,#18223efc,#0e1426fc)}.restart-confirm .conflict-title{color:var(--text);font-size:17px}.restart-confirm .conflict-msg{color:var(--muted)}.sp-settings button.primary.small{padding:8px 16px;font-size:13px;border-radius:10px}@media(max-width:900px){.sp-cols{grid-template-columns:minmax(0,1fr);row-gap:16px}.sp-ruleset{grid-template-columns:minmax(0,1fr)}.ruleset-help{margin:6px 0 0}}@media(max-width:640px){.panel.settings-page{--pad: 16px;--ctl-w: minmax(0, 1fr);grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:min(720px,100dvh - 16px)}.sp-side{padding:16px 16px 12px;border-right:0;border-bottom:1px solid rgba(96,120,180,.18);gap:12px}.sp-side h2{display:none}.sp-nav{flex-direction:row;gap:2px;padding:3px;border-radius:11px;background:#0609128c}.sp-nav [role=tab]{flex:1;justify-content:center;height:36px;padding:0 6px;font-size:13.5px;border-radius:8px}.sp-nav [role=tab]:before{display:none}.sp-side .done{display:none}.sp-side{flex-direction:row;align-items:center}.sp-side .done{display:block;margin:0;padding:8px 14px;font-size:14px}.sp-nav{flex:1}.tab-panel{padding-top:20px;gap:20px}.bind-row{grid-template-columns:1fr 1fr;height:auto;padding:10px 12px;row-gap:8px}.bind-name{grid-column:1 / -1}.seg-row label{min-height:48px;padding:6px 4px}.seg-orig{display:none}.sp-settings .tab-panel{padding:16px}.sp-settings .sec-head{flex-direction:column;align-items:flex-start}}@media(max-width:420px){.sp-nav [role=tab]{font-size:12.5px;padding:0 4px}}@media(prefers-reduced-motion:reduce){html:not(.motion-full) .slot.capturing,html:not(.motion-full) .conflict-card{animation:none}html:not(.motion-full) .sw-knob{transition:none}}.panel.lobby-page{width:min(920px,100%);height:min(680px,100dvh - 32px);grid-template-columns:232px minmax(0,1fr)}.lobby-page .sp-side{gap:14px}.lobby-page .sp-side h2{margin-bottom:4px}.lobby-page .field>label{font-family:var(--font-body);font-size:12.5px;color:var(--muted);margin-bottom:6px}.lobby-page .sp-side .field{padding:0 4px}.lobby-page input[type=text]{font:500 14px/1.2 var(--font-body);color:var(--text);padding:9px 11px;border-radius:10px;border:1px solid rgba(96,120,180,.28);background:#0609128c;box-shadow:inset 0 1px 2px #00000080;outline:none;min-width:0;width:100%;transition:border-color .14s ease,box-shadow .14s ease}.lobby-page input[type=text]:focus-visible{border-color:var(--gold);box-shadow:inset 0 1px 2px #00000080,0 0 0 2px #f3d27a4d}.lobby-page input[type=text]::placeholder{color:#8a93adb3}.lp-actions{display:flex;flex-direction:column;gap:14px;padding:0 4px}.lp-actions .primary.small{width:100%}.code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.code-row input{text-transform:uppercase;letter-spacing:.12em;font-family:var(--font);font-weight:600}.lobby-page .done{margin-top:auto}.conn-pill{display:inline-flex;align-items:center;gap:8px;margin:0 4px;padding:5px 11px 5px 9px;border-radius:999px;font:600 12px/1 var(--font);letter-spacing:.03em;color:var(--muted);background:#0609128c;box-shadow:0 0 0 1px #6078b438;align-self:flex-start;font-variant-numeric:tabular-nums}.conn-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 0 transparent;transition:background .2s ease,box-shadow .2s ease}.conn-pill[data-status=online]{color:var(--text)}.conn-pill[data-status=online] .dot{background:var(--mint);box-shadow:0 0 10px #8ff5e499}.conn-pill[data-status=connecting] .dot,.conn-pill[data-status=reconnecting] .dot{background:var(--gold);animation:cq-blink 1s ease-in-out infinite}.conn-pill[data-status=reconnecting]{color:var(--gold)}.conn-pill[data-status=offline] .dot{background:var(--ember)}@keyframes cq-blink{50%{opacity:.35}}.lp-head{flex-direction:row;align-items:flex-start;gap:12px}.lp-head h3{font-size:20px}.lp-head-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.lp-head-text h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-head>button{margin-left:auto;flex-shrink:0}.lp-head .code-badge{margin-left:0}.lp-error{margin:0;padding:10px 12px;border-radius:10px;font-size:13px;color:#ffb3a6;background:#f064501f;border:1px solid rgba(240,100,80,.35)}.lp-empty{padding:24px 0;text-align:center}.room-list{display:flex;flex-direction:column;gap:6px}.room-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.3fr) 56px 72px;align-items:center;gap:10px;padding:12px 14px;text-align:left;font:500 14px/1.3 var(--font-body);color:var(--text);border-radius:12px;border:1px solid rgba(96,120,180,.2);background:#06091266;transition:border-color .14s ease,background .14s ease}.room-row:hover:not(:disabled){border-color:#f3d27a8c;background:#f3d27a0d}.room-row:disabled{opacity:.5;cursor:default}.room-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rr-name{font-family:var(--font);font-weight:600;font-size:15px}.rr-host,.rr-preset{color:var(--muted);font-size:13px}.rr-players{font-family:var(--font);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.rr-state{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mint);text-align:right}.room-row.in-progress .rr-state{color:var(--gold)}.code-badge{padding:6px 12px;border-radius:8px;font:600 14px/1 var(--font);letter-spacing:.18em;color:var(--gold);background:#f3d27a1a;border:1px dashed rgba(243,210,122,.5)}.code-badge:hover{background:#f3d27a2e}.room-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;flex:1;min-height:0}.room-grid h4{margin:0 0 8px;font:600 12px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.players,.chat{display:flex;flex-direction:column;min-height:0}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.player-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#06091266;box-shadow:0 0 0 1px #6078b424;font-size:14px}.player-row.me{box-shadow:0 0 0 1px #f3d27a73}.pr-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.pr-state{font:600 11px/1 var(--font);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.pr-state.ready{color:var(--mint)}.team-badge{--team: #b3bccd;display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 6px;border-radius:999px;font:600 11px/1 var(--font);letter-spacing:.03em;color:var(--team);background:color-mix(in srgb,var(--team) 14%,transparent);border:1px solid color-mix(in srgb,var(--team) 45%,transparent);white-space:nowrap}.team-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--team);box-shadow:0 0 8px var(--team)}.team-badge.pick{cursor:pointer}.team-badge.pick:hover{background:color-mix(in srgb,var(--team) 28%,transparent)}.chat-log{flex:1;min-height:160px;overflow-y:auto;padding:10px 12px;border-radius:12px;background:#06091273;box-shadow:inset 0 0 0 1px #6078b424;font-size:13.5px;line-height:1.45;scrollbar-width:thin}.chat-line{display:flex;gap:8px}.chat-line+.chat-line{margin-top:3px}.chat-from{font-family:var(--font);font-weight:600;color:var(--lapis);flex-shrink:0}.chat-from:after{content:":"}.chat-line.system{color:var(--muted);font-style:italic}.chat-text{overflow-wrap:anywhere}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:8px}.room-foot{padding-top:14px;border-top:1px solid rgba(96,120,180,.18)}.room-foot-left,.room-foot-right{display:flex;gap:8px}.lobby-page .room-foot button{padding:10px 16px;font-size:14px}.lobby-page .room-foot .start{background:linear-gradient(180deg,#8fe6c9,#3aa07e);box-shadow:0 6px 20px #3aa07e59;color:#06130e}.lobby-page button[hidden]{display:none}.lobby-page .primary:disabled{opacity:.4;cursor:default;filter:none}.lp-sheet{align-items:center;overflow-y:auto}.lp-card{border-color:#6078b459;background:linear-gradient(180deg,#121a30fa,#0a0e1cfa);gap:16px;max-height:100%;overflow-y:auto;scrollbar-width:thin}.room-form{display:flex;flex-direction:column;gap:16px}.room-form .seg-row label{min-height:52px}.room-form .seg-hint{font-size:10.5px}.form-actions{display:flex;justify-content:flex-end;gap:8px}.field[hidden]{display:none}.panel.results{width:min(760px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;font-family:var(--font-body);font-size:14px}.results-head{flex-direction:column}.results-head h2{font-size:30px;color:var(--gold)}.results-head p{color:var(--muted);font-size:13.5px}.results-table{display:flex;flex-direction:column;gap:2px}.rt-row{display:grid;grid-template-columns:36px minmax(0,1.6fr) repeat(7,minmax(0,1fr));gap:8px;padding:8px 10px;border-radius:8px;align-items:center;font-variant-numeric:tabular-nums}.rt-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.rt-row>span:nth-child(2){text-align:left;font-weight:500}.rt-head{font:600 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.rt-row.me{background:#f3d27a14;box-shadow:inset 0 0 0 1px #f3d27a59}.rt-team{display:flex;align-items:center;gap:10px;padding:10px 10px 4px;margin-top:8px;border-top:1px solid rgba(96,120,180,.18)}.rt-rank{font:700 16px/1 var(--font);color:var(--text);min-width:32px}.rt-team-goal{margin-left:auto;font:600 13px/1 var(--font);color:var(--muted)}.results .form-actions{justify-content:center}.results .form-actions button{min-width:160px}@media(max-width:720px){.panel.lobby-page{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:min(760px,100dvh - 16px)}.lobby-page .sp-side{flex-direction:column;align-items:stretch}.lobby-page .sp-side h2{display:none}.lobby-page .done{display:block;margin:0}.lp-actions{flex-direction:row}.room-grid{grid-template-columns:minmax(0,1fr)}.room-row{grid-template-columns:minmax(0,1fr) 56px 72px}.rr-host,.rr-preset{display:none}.rt-row{grid-template-columns:24px minmax(0,1.4fr) repeat(3,minmax(0,1fr))}.rt-row>span:nth-child(n+6){display:none}}.sp-group{display:flex;flex-direction:column;gap:22px}.sp-group[hidden]{display:none}.sp-group.handling{padding:16px 18px 18px;border-radius:14px;background:#06091259;box-shadow:inset 0 0 0 1px #6078b42e}.sp-group.handling>legend{float:left;width:100%;margin-bottom:0;font-size:15px;font-weight:600;letter-spacing:.02em}.sp-group.handling>legend+.help{clear:both;margin-top:-10px}.motion-notice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:2px 0 4px;padding:10px 12px;border-radius:10px;background:#f3d27a14;box-shadow:inset 0 0 0 1px #f3d27a59;font-size:13px;line-height:1.4;color:var(--text)}.motion-notice[hidden]{display:none}.motion-notice span{flex:1 1 260px}.motion-notice button{flex:none;padding:6px 12px;font-size:13px}.devmeter{position:fixed;right:12px;bottom:12px;z-index:10;width:250px;padding:8px 10px;font:11px/1.5 IBM Plex Mono,ui-monospace,monospace;color:var(--muted);background:#080c18d1;border:1px dashed #3a4a78;border-radius:10px;cursor:pointer}.devmeter .dm-row{display:grid;grid-template-columns:38px 1fr;column-gap:6px;align-items:center}.devmeter .dm-row i{display:block;height:6px;border-radius:3px;background:#1a2238;overflow:hidden}.devmeter .dm-row b{display:block;height:100%;width:0;background:#5fd38a}.devmeter .dm-row b.warm{background:#f3d27a}.devmeter .dm-row b.hot{background:#ff5a46}.devmeter .dm-v{grid-column:2;font-size:10px}.devmeter .dm-voices{margin-top:2px;border-top:1px solid #26314f;padding-top:2px}.cq-ov{position:fixed;display:flex;flex-direction:column;align-items:center;gap:calc(var(--cell, 28px) * .35);pointer-events:none;font-family:var(--font);color:var(--text);text-align:center;z-index:2}.cq-ov[hidden]{display:none}.cq-ov-count{min-height:calc(var(--cell, 28px) * 4.2);font-size:calc(var(--cell, 28px) * 4.2);font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 calc(var(--cell, 28px) * .6) rgba(150,190,255,.55),0 4px 18px rgba(0,0,0,.6);opacity:0}.cq-ov-count.digit,.cq-ov-count.go{opacity:1}.cq-ov-count.go{color:var(--gold);font-size:calc(var(--cell, 28px) * 3.4);letter-spacing:.08em;text-shadow:0 0 calc(var(--cell, 28px) * .9) rgba(243,210,122,.7),0 4px 18px rgba(0,0,0,.6)}.cq-ov-count{position:relative;display:grid;place-items:center}.cq-ov-n{display:inline-block;position:relative;z-index:1}.cq-ov-count:before,.cq-ov-count:after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--cell, 28px) * 4.6);height:calc(var(--cell, 28px) * 4.6);margin:calc(var(--cell, 28px) * -2.3) 0 0 calc(var(--cell, 28px) * -2.3);border-radius:50%;pointer-events:none;opacity:0}.cq-ov-count:before{border:max(2px,calc(var(--cell, 28px) * .12)) solid rgba(190,215,255,.95);box-shadow:0 0 calc(var(--cell, 28px) * .5) #96beff99,inset 0 0 calc(var(--cell, 28px) * .4) #96beff66}.cq-ov-count:after{background:radial-gradient(circle,#ffffffd9,#aac8ff59 32%,#aac8ff00 68%);mix-blend-mode:screen}.cq-ov-count[data-d="1"]:before{border-color:#ffe6aaf2;box-shadow:0 0 calc(var(--cell, 28px) * .6) #f3d27aa6}.cq-ov-count.digit.pop .cq-ov-n{animation:cq-slam 1s cubic-bezier(.2,.7,.2,1) both}.cq-ov-count.digit.pop:before{animation:cq-ring .7s cubic-bezier(.15,.6,.3,1) both}.cq-ov-count.digit.pop:after{animation:cq-burst .45s ease-out both}.cq-ov-count.go.pop .cq-ov-n{animation:cq-go .65s cubic-bezier(.2,.7,.2,1) both}.cq-ov-count.go.pop:before{border-color:#ffe296;animation:cq-ring-go .6s cubic-bezier(.1,.6,.3,1) both}.cq-ov-count.go.pop:after{background:radial-gradient(circle,#fff5d2f2,#f3d27a73 30%,#f3d27a00 70%);animation:cq-burst-go .6s ease-out both}@keyframes cq-slam{0%{transform:scale(2.2);opacity:0;filter:blur(5px) brightness(2.4)}12%{transform:scale(.94) translateY(calc(var(--cell, 28px) * .22));opacity:1;filter:blur(0) brightness(2.2)}20%{transform:scale(1.03) translateY(calc(var(--cell, 28px) * -.08));filter:brightness(1.2)}28%{transform:scale(1) translateY(0);filter:none}80%{transform:scale(.95);opacity:1}to{transform:scale(.82);opacity:.15}}@keyframes cq-ring{0%{transform:scale(.6);opacity:0}12%{opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes cq-burst{0%{transform:scale(.4);opacity:0}14%{transform:scale(.9);opacity:.9}to{transform:scale(1.5);opacity:0}}@keyframes cq-go{0%{transform:scale(.6);opacity:0;filter:brightness(2.5)}25%{transform:scale(1.12);opacity:1;filter:brightness(1.4)}70%{transform:scale(1.18);opacity:1;filter:none}to{transform:scale(1.5);opacity:0}}@keyframes cq-ring-go{0%{transform:scale(.5);opacity:0}10%{opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes cq-burst-go{0%{transform:scale(.3);opacity:0}12%{transform:scale(1.3);opacity:1}to{transform:scale(3.2);opacity:0}}.cq-ov-score{display:flex;flex-direction:column;align-items:center;gap:calc(var(--cell, 28px) * .15);padding:calc(var(--cell, 28px) * .3) calc(var(--cell, 28px) * .6);border-radius:14px;background:#080c18a8;box-shadow:inset 0 0 0 1px #96ace629}.cq-ov-score:empty{display:none}.cq-ov-round{font-size:max(11px,calc(var(--cell, 28px) * .48));color:var(--muted);letter-spacing:.04em}.cq-ov-duel{font-size:max(15px,calc(var(--cell, 28px) * .85));font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.cq-ov-dots{display:flex;gap:calc(var(--cell, 28px) * 1.2);font-size:max(12px,calc(var(--cell, 28px) * .55));color:var(--muted);letter-spacing:.1em}.cq-ov-dots .me,.cq-ov-row.me{color:var(--gold)}.cq-ov-rows{display:grid;gap:2px;min-width:calc(var(--cell, 28px) * 7)}.cq-ov-row{display:flex;justify-content:space-between;gap:12px;font-size:max(11px,calc(var(--cell, 28px) * .45));color:var(--text)}.cq-ov-row .d{letter-spacing:.1em}.cq-ov-banner{max-width:min(92vw,calc(var(--cell, 28px) * 16));padding:calc(var(--cell, 28px) * .4) calc(var(--cell, 28px) * .8);border-radius:16px;background:linear-gradient(180deg,#18203ceb,#0a0e1cf0);box-shadow:0 10px 30px #00000073,inset 0 0 0 1px #96ace638;font-size:max(16px,calc(var(--cell, 28px) * .9));font-weight:700;line-height:1.15;display:none}.cq-ov-banner.on{display:block}.cq-ov-banner.win{color:var(--gold);box-shadow:0 10px 30px #00000073,inset 0 0 0 1px #f3d27a8c,0 0 32px #f3d27a40}.cq-ov-banner.big{font-size:max(20px,calc(var(--cell, 28px) * 1.25))}.cq-ov-banner.enter{animation:cq-banner .42s cubic-bezier(.2,.7,.2,1) both}@keyframes cq-banner{0%{transform:translateY(-12px) scale(.92);opacity:0}to{transform:none;opacity:1}}.reduce-motion .cq-ov-count.pop .cq-ov-n,.reduce-motion .cq-ov-banner.enter{animation:none}.reduce-motion .cq-ov-count.pop:before{animation:none;opacity:0}.reduce-motion .cq-ov-count.pop:after{animation:cq-fade .5s ease-out both}@keyframes cq-fade{0%{opacity:.7}to{opacity:0}}.ko-layer{position:fixed;inset:0;pointer-events:none;z-index:3;font-family:var(--font)}.ko-layer[hidden]{display:none}.ko-banner{position:absolute;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:calc(var(--cell, 26px) * .12);padding:calc(var(--cell, 26px) * .32) calc(var(--cell, 26px) * .75);border-radius:14px;background:linear-gradient(180deg,#3c0e12eb,#12060af0);box-shadow:0 12px 34px #00000080,inset 0 0 0 1px #ff6e5a8c,0 0 40px #ff46324d;white-space:nowrap}.ko-banner.on{display:flex}.ko-banner.enter{animation:ko-slam .5s cubic-bezier(.2,.75,.25,1) both}.ko-main{display:flex;align-items:center;gap:calc(var(--cell, 26px) * .28);font-size:max(20px,calc(var(--cell, 26px) * 1.15));font-weight:800;color:#fff;letter-spacing:.02em}.ko-k{color:#ff5a46;letter-spacing:.08em;text-shadow:0 0 calc(var(--cell, 26px) * .5) rgba(255,80,60,.8)}.ko-dot{color:#ffffff80}.ko-main .fi,.ko-main .flag{width:1.25em;height:.94em;border-radius:3px;box-shadow:0 0 0 1px #ffffff40}.ko-name{max-width:calc(var(--cell, 26px) * 9);overflow:hidden;text-overflow:ellipsis}.ko-badges{font-size:max(12px,calc(var(--cell, 26px) * .5));font-weight:700;color:var(--gold);letter-spacing:.06em;text-transform:uppercase}.ko-star{margin-right:.35em;text-shadow:0 0 10px rgba(243,210,122,.8)}@keyframes ko-slam{0%{transform:translate(-50%) scale(1.9) rotate(-4deg);opacity:0;filter:brightness(2.2)}45%{transform:translate(-50%) scale(.95) rotate(0);opacity:1;filter:brightness(1.3)}70%{transform:translate(-50%) scale(1.03);filter:none}to{transform:translate(-50%) scale(1);opacity:1}}.ko-feed{position:absolute;top:16px;right:16px;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:min(46vw,360px)}.ko-line{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:8px;background:#080c18b8;box-shadow:inset 0 0 0 1px #96ace629;font-size:13px;font-weight:600;color:var(--text);animation:ko-in .22s ease-out both;transition:opacity .2s linear}.ko-line.mine{color:var(--gold);background:#281e08cc;box-shadow:inset 0 0 0 1px #f3d27a99,0 0 18px #f3d27a33}.ko-line.me-out{box-shadow:inset 0 0 0 1px #ff6a5c8c}.ko-who{display:inline-flex;align-items:center;gap:5px;min-width:0}.ko-who .ko-n{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ko-who.me .ko-n{font-weight:800}.ko-x{color:#ff6a5c;font-weight:800}.ko-line.mine .ko-x{color:var(--gold)}@keyframes ko-in{0%{transform:translate(16px);opacity:0}to{transform:none;opacity:1}}.reduce-motion .ko-banner.enter,.reduce-motion .ko-line{animation:none}@media(max-width:640px){.ko-feed{top:8px;right:8px}.ko-line{font-size:11px;padding:3px 8px}}.mode-hud[data-mode=battle].multi .mh-big{font-size:calc(var(--cell) * .95)}.bh{display:flex;flex-direction:column;gap:calc(var(--cell) * .12);width:100%;margin-top:calc(var(--cell) * .3);font-size:max(10px,calc(var(--cell) * .4));color:var(--muted)}.bh[hidden]{display:none}.bh-strats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.bh-strat{padding:1px 0;border-radius:6px;text-align:center;font-weight:700;background:#ffffff0d;box-shadow:inset 0 0 0 1px #96ace624}.bh-strat.on{background:#f3d27a33;color:var(--gold);box-shadow:inset 0 0 0 1px #f3d27a99}.bh-row{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.bh-sname{color:var(--gold);font-weight:600;white-space:nowrap}.bh-tname{color:#ff9b8a;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:1px}.bh-cell{display:flex;justify-content:space-between;gap:6px;min-width:0;white-space:nowrap}.bh-cell.wide{grid-column:1 / -1}.bh-cell>span{flex:none}.bh-cell b{min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:right}.bh-cell b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.bh-badges b{color:var(--gold)}.bh-attackers.hot b{color:#ff6a5c}.bh-pending.wait b{color:#f3d27a}.bh-pending.soon b{color:#ff9f43}.bh-pending.ready b{color:#ff4b4b;animation:bh-blink .5s steps(2,jump-none) infinite alternate}@keyframes bh-blink{to{opacity:.55}}.reduce-motion .bh-pending.ready b{animation:none}@media(min-width:721px){.results-table.with-rates .rt-row{grid-template-columns:36px minmax(0,1.6fr) repeat(9,minmax(0,1fr))}}.cq-grav{position:fixed;pointer-events:none;z-index:2;opacity:.85}.cq-grav[hidden]{display:none}.vs-layer{position:fixed;inset:0;z-index:4;pointer-events:none;font-family:var(--font);color:var(--text);overflow:hidden}.vs-layer[hidden]{display:none}.vs-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#0a0e1e8c,#04060edb 70%)}.vs-layer[data-layout=duel] .vs-backdrop{background:linear-gradient(100deg,#04060ee6,#0a0e1e99 49.6%,#ffecbe2e,#0a0e1e99 50.4%,#04060ee6)}.vs-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.vs-layer[data-layout=duel] .vs-stage{justify-content:space-between;padding:0 max(4vw,24px)}.vs-layer[data-layout=grid] .vs-stage{display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,220px));gap:18px;place-content:center;padding-top:6vh}.vs-card{--team: #8fb4ff;position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:18px 22px 16px;border-radius:16px;background:linear-gradient(180deg,#18203cf2,#0a0e1cf5);box-shadow:0 18px 50px #0000008c,inset 0 0 0 1.5px color-mix(in srgb,var(--team) 75%,transparent),0 0 34px color-mix(in srgb,var(--team) 30%,transparent);will-change:transform,opacity}.vs-card:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--team);box-shadow:0 0 14px var(--team)}.vs-layer[data-layout=duel] .vs-card{width:min(36vw,420px);padding:26px 32px 22px}.vs-layer[data-layout=duel] .vs-card.r{text-align:right;align-items:flex-end}.vs-layer[data-layout=duel] .vs-card.r:before{left:auto;right:0;border-radius:4px 0 0 4px}.vs-top{display:flex;align-items:center;gap:10px;min-height:22px}.vs-card.r .vs-top{flex-direction:row-reverse}.vs-flag{width:30px;height:22px;border-radius:3px;box-shadow:0 0 0 1px #ffffff40}.vs-you{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.vs-name{font-size:clamp(18px,2.4vw,34px);font-weight:800;letter-spacing:.01em;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.vs-layer[data-layout=grid] .vs-name{font-size:clamp(15px,1.4vw,21px)}.vs-badges{display:flex;align-items:center;gap:8px;min-height:22px}.vs-card.r .vs-badges{flex-direction:row-reverse}.vs-rating{font-size:14px;color:var(--muted)}.vs-stamp{position:absolute;left:50%;top:46%;font-size:clamp(64px,11vw,150px);font-weight:900;font-style:italic;letter-spacing:.02em;line-height:1;color:#fff;-webkit-text-stroke:2px rgba(243,210,122,.9);text-shadow:0 0 30px rgba(243,210,122,.65),0 8px 30px rgba(0,0,0,.6);will-change:transform,opacity}.vs-layer[data-layout=grid] .vs-stamp{top:14%;font-size:clamp(42px,6vw,84px)}.vs-stamp.hit{color:#fff8e6;text-shadow:0 0 60px rgba(255,240,200,.95),0 0 20px rgba(243,210,122,.9)}.vs-meta{position:absolute;left:50%;top:calc(46% + clamp(48px,7vw,96px));transform:translate(-50%);display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.vs-layer[data-layout=grid] .vs-meta{top:calc(14% + clamp(36px,4.4vw,64px))}.vs-layer.rm .vs-card,.vs-layer.rm .vs-stamp{transition:none}@media(max-width:720px){.vs-layer[data-layout=duel] .vs-stage{flex-direction:column;justify-content:center;gap:30vh}.vs-layer[data-layout=duel] .vs-card{width:min(84vw,360px)}.vs-layer[data-layout=grid] .vs-stage{grid-template-columns:repeat(2,minmax(0,1fr));padding:22vh 16px 0;gap:10px}}.cq-ov-banner{position:relative;overflow:hidden}.cq-ov-banner.win.ceremony:after{content:"";position:absolute;inset:-20% auto -20% -60%;width:45%;background:linear-gradient(100deg,#fff5d200,#fff5d2bf,#fff5d200);transform:skew(-18deg);animation:cq-sweep 1.1s .25s cubic-bezier(.3,.6,.3,1) both;mix-blend-mode:screen}@keyframes cq-sweep{0%{left:-60%}to{left:130%}}.cq-ov-banner.win.ceremony.enter{animation:cq-banner-pop .55s cubic-bezier(.2,.8,.25,1.25) both}@keyframes cq-banner-pop{0%{transform:translateY(-14px) scale(.7);opacity:0;filter:brightness(2)}55%{transform:scale(1.06);opacity:1;filter:brightness(1.3)}to{transform:none;filter:none}}.cq-ov-banner.lose{color:#d7deef;box-shadow:0 10px 30px #00000073,inset 0 0 0 1px #a0accd52;background:linear-gradient(180deg,#1e2230f0,#0c0e16f5)}.cq-ov-banner.lose.enter{animation:cq-banner-sink .6s cubic-bezier(.3,.7,.3,1) both}@keyframes cq-banner-sink{0%{transform:translateY(-6px);opacity:0}to{transform:none;opacity:1}}.cq-win-card{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:calc(var(--cell, 28px) * .25);font-size:max(12px,calc(var(--cell, 28px) * .5));font-weight:600;color:var(--text)}.cq-win-card .flag{width:1.6em;height:1.2em;border-radius:3px}.cq-win-card .cap{font-size:.82em;font-weight:800;letter-spacing:.16em;color:var(--gold);text-transform:uppercase}.reduce-motion .cq-ov-banner.win.ceremony:after{animation:none;display:none}.reduce-motion .cq-ov-banner.enter{animation:none}.season-bar{display:flex;align-items:center;gap:8px;margin:-6px 0 14px;color:var(--text-2, var(--muted));font-size:13px}.season-bar .season-ico,.home-season .season-ico{color:var(--accent);flex:none}.season-line b{color:var(--text);font-weight:600}.season-pick{font:500 13px/1 var(--body, inherit);color:var(--text);background:#06091299;border:1px solid rgba(96,120,180,.24);border-radius:10px;padding:7px 10px;max-width:220px}.season-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.season-pick[hidden]{display:none}.lb-guest-note{margin:10px 0 0;font-size:12.5px;line-height:1.4}.home-season{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}.home-season b{color:var(--text);font-weight:600}.pf-badges{display:flex;flex-wrap:wrap;gap:10px}.pf-badge{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;row-gap:2px;min-width:190px;padding:10px 14px 10px 10px;border-radius:12px;background:#0a0e1c8c;border:1px solid rgba(150,172,230,.14)}.pf-badge .pb-s{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:10px;font:700 15px/1 var(--display, inherit);color:#11131b;background:var(--accent)}.pf-badge.no-tier .pb-s{color:var(--text);background:#96ace629}.pf-badge .pb-l1{font:600 14px/1.2 var(--display, inherit);color:var(--text);white-space:nowrap}.pf-badge .pb-l2{font-size:12px;color:var(--muted);white-space:nowrap}.pf-season-now{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:12px;font-size:13px;color:var(--muted)}.pf-season-now b{color:var(--text);font-weight:600}.side-season{padding:2px 18px 6px}.side-season[hidden]{display:none}.pf-seasons-body{padding:10px 18px 16px}.pf-seasons-body .empty-note{margin:0}.bot-badge{display:inline-block;margin-left:6px;padding:2px 5px;border-radius:4px;font:700 10px/1 var(--font, system-ui);letter-spacing:.06em;color:var(--bg, #111);background:var(--muted, #8a8f98);vertical-align:middle}.bot-badge[data-level=hard]{background:var(--danger, #d9534f);color:#fff}.bot-badge[data-level=easy]{background:var(--ok, #5cb85c);color:#fff}.vs-bot{font-weight:600;color:var(--accent, inherit)}.add-bot{display:inline-flex;gap:6px;align-items:center;margin-top:8px}.add-bot select{font:inherit}:root{--s1: 8px;--s2: 16px;--s3: 24px;--s4: 32px;--s5: 48px;--t12: 12px;--t14: 14px;--t16: 16px;--t20: 20px;--t28: 28px;--t40: 40px;--r-ctl: 10px;--r-card: 16px;--r-panel: 20px;--accent: var(--gold);--glass-bg: linear-gradient(180deg, rgba(20, 28, 52, .72), rgba(10, 14, 28, .78));--glass-line: rgba(150, 172, 230, .16);--glass-hi: rgba(255, 255, 255, .05);--ease: cubic-bezier(.2, .7, .2, 1);--dur: .18s}.shell{position:fixed;inset:0;display:none;grid-template-rows:auto minmax(0,1fr);font-family:var(--font-body);color:var(--text);z-index:1}.shell.on{display:grid}.shell .ambient{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.shell-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 30%,transparent 40%,rgba(0,0,0,.45) 100%)}#hud{position:fixed;inset:0;pointer-events:none;z-index:2;transform:translate(var(--shake, 0px 0px));will-change:transform}#overlay{z-index:3}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--s2);height:64px;padding:0 var(--s4);border-bottom:1px solid rgba(150,172,230,.08);background:linear-gradient(180deg,#0508108c,#05081000)}.bar-left{display:flex;align-items:center;gap:var(--s2);min-width:0}.logo-btn{display:inline-flex;align-items:center;padding:4px;margin-left:-4px;border-radius:var(--r-ctl);background:none;border:0}.logo-btn:hover .wm-slip{fill:var(--text)}.wordmark-svg{display:block;overflow:visible}.wm-text{font:700 23px/1 var(--font);letter-spacing:.01em;fill:var(--text)}.wm-slip{fill:var(--accent);transition:fill var(--dur) ease}.logo-mark .lm-a{fill:var(--accent)}.logo-mark .lm-b{fill:var(--lapis)}.logo-mark .lm-c{fill:var(--lapis);opacity:.55}.logo-mark .lm-seam{stroke:#00000059;stroke-width:1.4;stroke-linecap:round}.logo-mark .lm-fault{fill:none;stroke:var(--text);stroke-width:1.2;stroke-linejoin:round;opacity:.55}.crumbs{min-width:0;padding-left:var(--s2);border-left:1px solid rgba(150,172,230,.18)}.crumbs ol{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:6px;font:500 var(--t14)/1 var(--font);white-space:nowrap;overflow:hidden}.crumbs li{display:flex;align-items:center;gap:6px;color:var(--muted);min-width:0}.crumbs li+li:before{content:"/";color:#8a93ad80}.crumbs [aria-current]{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis}.crumb{padding:4px 6px;margin:-4px -6px;border:0;border-radius:6px;background:none;font:inherit;color:var(--muted)}.crumb:hover{color:var(--text);background:#ffffff0a}.profile-chip{display:flex;align-items:center;gap:12px;padding:6px 14px 6px 6px;border-radius:999px;border:1px solid var(--glass-line);background:#0a0e1c99;text-align:left;transition:border-color var(--dur) ease,background var(--dur) ease}.profile-chip:hover{border-color:#f3d27a73}.avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;font:700 14px/1 var(--font);letter-spacing:.02em;color:#11131b;background:linear-gradient(160deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#8a5a20));box-shadow:0 0 0 2px #0a0e1ce6,0 0 0 3px color-mix(in srgb,var(--accent) 50%,transparent);flex-shrink:0}.avatar.guest{background:#8a93ad2e;box-shadow:inset 0 0 0 1.5px #8a93ad99}.avatar.guest:after{content:"";width:12px;height:12px;border-radius:50%;border:1.5px solid var(--muted);transform:translateY(-3px)}.avatar.big{width:72px;height:72px;font-size:26px}.pc-text{display:flex;flex-direction:column;gap:2px;min-width:0}.pc-name{font:600 var(--t14)/1.1 var(--font);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.pc-detail{font-size:var(--t12);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.page-host{position:relative;z-index:1;overflow-y:auto;overflow-x:hidden;padding:var(--s3) var(--s4) var(--s4);scrollbar-width:thin;scrollbar-color:rgba(96,120,180,.35) transparent}.page{max-width:1040px;margin:0 auto;opacity:0;transform:translateY(6px);transition:opacity .2s var(--ease),transform .2s var(--ease)}.page-host.wide .page{max-width:1200px}.page.in{opacity:1;transform:none}.shell button{font-family:var(--font)}.shell button:focus-visible,.shell [data-nav]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell .primary:disabled,.shell .ghost:disabled{opacity:.4;cursor:default;filter:none;box-shadow:none}.shell button.small{padding:8px 14px;font-size:var(--t14);border-radius:var(--r-ctl)}.shell button.big{padding:14px 32px;font-size:var(--t16)}.shell button.ghost{color:var(--text);background:#0a0e1c73;border-color:var(--glass-line)}.shell button.ghost:hover:not(:disabled){border-color:#f3d27a80}.shell button.danger{color:#ffb3a6;border-color:#f0645066}.shell [hidden]{display:none!important}.num{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.glass{background:var(--glass-bg);border:1px solid var(--glass-line);border-radius:var(--r-panel);box-shadow:0 24px 60px #00000059,inset 0 1px 0 var(--glass-hi);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s3);flex-wrap:wrap}.ph-text{min-width:0}.ph-text h1{margin:0;font:600 var(--t28)/1.15 var(--font);letter-spacing:.005em}.ph-text p{margin:6px 0 0;color:var(--muted);font-size:var(--t14);max-width:64ch}.ph-right{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.empty-note{margin:0;padding:var(--s4) var(--s2);text-align:center;color:var(--muted);font-size:var(--t14)}.form-error{margin:0 0 var(--s2);padding:10px 14px;border-radius:var(--r-ctl);font-size:13px;color:#ffb3a6;background:#f064501f;border:1px solid rgba(240,100,80,.35)}.form-error.ok{color:var(--mint);background:#8ff5e414;border-color:#8ff5e44d}.shell kbd{height:22px;min-width:22px;padding:0 6px;font-size:11px}.shell input[type=text],.shell input[type=password]{width:100%;height:40px;padding:0 12px;border-radius:var(--r-ctl);border:1px solid rgba(96,120,180,.28);background:#06091299;color:var(--text);font:500 var(--t14)/1 var(--font-body);box-shadow:inset 0 1px 2px #00000080}.shell input[type=text]:focus-visible,.shell input[type=password]:focus-visible{outline:none;border-color:var(--accent);box-shadow:inset 0 1px 2px #00000080,0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.shell input::placeholder{color:#8a93adb3}.shell .field>label,.shell .field-head label,.shell legend{font:500 13px/1.3 var(--font-body);color:var(--muted)}.shell .field{gap:6px}.shell input[type=range]{--fill: 50%;-webkit-appearance:none;appearance:none;width:100%;height:24px;margin:0;background:transparent;cursor:pointer}.shell input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--lapis) var(--fill),rgba(96,120,180,.22) var(--fill));box-shadow:inset 0 1px 2px #00000059}.shell input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#6078b438}.shell input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:var(--lapis)}.shell input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;border:2px solid #0b1020;background:linear-gradient(180deg,#fff,#cfe0ff);box-shadow:0 2px 6px #00000080}.shell input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid #0b1020;background:linear-gradient(180deg,#fff,#cfe0ff)}.shell input[type=range]:focus-visible{outline:none}.shell input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent)}.shell input[type=range]:disabled{cursor:not-allowed;opacity:.4}.shell .field.range.disabled .val{color:var(--muted)}.shell .val{font:600 var(--t16)/1 var(--font)}.shell .help{font-size:12.5px}.shell .help:empty{display:none}.shell .field.switch .sw-label{font:500 var(--t14)/1.3 var(--font-body);color:var(--text)}.shell .seg.compact .seg-row label{color:var(--muted)}.shell .seg-dot{width:5px;height:5px;margin-left:6px;border-radius:50%;background:var(--accent);opacity:.8}.grav{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.grav-row,.seg-pills{display:inline-flex;gap:3px;padding:3px;border-radius:12px;background:#06091299;box-shadow:inset 0 1px 2px #00000080,0 0 0 1px #6078b429}.grav-row input,.seg-pills input{position:absolute;opacity:0;pointer-events:none}.grav-row label,.seg-pills label,.seg-pills .pill{min-width:88px;padding:8px 14px;border:0;border-radius:9px;font:600 var(--t14)/1 var(--font);text-align:center;color:var(--muted);background:none;cursor:pointer;transition:background var(--dur) ease,color var(--dur) ease}.grav-row label:hover,.seg-pills label:hover,.seg-pills .pill:hover{color:var(--text)}.grav-row input:checked+label,.seg-pills input:checked+label,.seg-pills .pill[aria-selected=true]{color:#11131b;background:var(--accent)}.grav-row input:focus-visible+label,.seg-pills input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}.grav-help{margin:0;font-size:var(--t12);color:var(--muted)}.seg-pills.small label{min-width:72px;padding:6px 10px;font-size:13px}.chip{padding:6px 12px;border-radius:999px;border:1px solid var(--glass-line);background:#0a0e1c80;color:var(--muted);font:600 13px/1 var(--font);white-space:nowrap}.chip:hover{color:var(--text)}.chip[aria-selected=true]{color:var(--text);border-color:color-mix(in srgb,var(--accent) 70%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.chip.static{cursor:default}.chip.strong{color:var(--text);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.home{display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 120px);gap:var(--s3)}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.home-card{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:1fr auto;column-gap:var(--s3);row-gap:var(--s2);min-height:208px;padding:var(--s3);text-align:left;color:var(--text);border-radius:var(--r-card);border:1px solid var(--glass-line);background:var(--glass-bg);box-shadow:0 24px 60px #0000004d,inset 0 1px 0 var(--glass-hi);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .2s var(--ease),border-color .2s ease,box-shadow .2s ease;overflow:hidden}.home-card:before{content:"";position:absolute;left:var(--s3);right:var(--s3);top:0;height:2px;border-radius:0 0 2px 2px;background:var(--accent);transform:scaleX(.12);transform-origin:left;opacity:.7;transition:transform .22s var(--ease),opacity .22s ease}.home-card:hover,.home-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 30px 70px #0006,inset 0 1px 0 var(--glass-hi)}.home-card:hover:before,.home-card:focus-visible:before{transform:scaleX(1);opacity:1}.home-card:focus-visible{outline:none}.hc-icon{grid-row:1 / span 2;display:grid;place-items:center;width:104px;height:104px;border-radius:14px;background:#0609128c;box-shadow:inset 0 0 0 1px #96ace61f,inset 0 10px 30px #00000059}.hc-body{display:flex;flex-direction:column;gap:var(--s1);align-self:start;padding-top:4px}.hc-title{font:600 var(--t28)/1.1 var(--font);letter-spacing:.005em}.hc-desc{font-size:var(--t16);line-height:1.45;color:var(--muted);max-width:34ch}.hc-live{display:flex;align-items:center;gap:8px;font:600 var(--t14)/1.2 var(--font);color:var(--text);font-variant-numeric:tabular-nums;align-self:end}.hc-live:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--muted);flex-shrink:0}.hc-live[data-state=live]:before{background:var(--mint);box-shadow:0 0 10px #8ff5e48c}.hc-live[data-state=off]:before{background:var(--ember)}.hc-live[data-state=idle]:before{background:var(--accent);opacity:.7}.kbd-hint{margin:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px}.kbd-hint kbd{margin-left:8px}.kbd-hint kbd:first-child{margin-left:0}.icon{display:block;overflow:visible}.icon .ic-line{fill:none;stroke:#cdd6f0d9;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.icon .ic-fill{fill:var(--lapis);opacity:.85}.icon .ic-dim{opacity:.4}.icon .ic-accent{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.icon .ic-accent-fill{fill:var(--accent)}.icon .ic-guide{stroke:var(--accent);stroke-width:2;stroke-dasharray:2 3;opacity:.7}.home-card:hover .ic-accent-fill,.home-card:focus-visible .ic-accent-fill{transform:translateY(2px)}.icon .ic-accent-fill{transition:transform .22s var(--ease)}.mode-grid{display:grid;gap:var(--s2)}.sp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mp-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--s3)}.mode-card{position:relative;display:flex;flex-direction:column;gap:var(--s1);padding:var(--s3) 20px 20px;text-align:left;color:var(--text);border-radius:var(--r-card);border:1px solid var(--glass-line);background:var(--glass-bg);box-shadow:0 20px 50px #00000047,inset 0 1px 0 var(--glass-hi);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .2s var(--ease),border-color .2s ease}button.mode-card{min-height:280px}button.mode-card:hover,button.mode-card:focus-visible,.mp-card:focus-within,.mp-card.selected{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}button.mode-card:hover,button.mode-card:focus-visible{transform:translateY(-2px)}button.mode-card:focus-visible{outline:none}.mc-name{font:600 var(--t20)/1.15 var(--font)}.mc-rules{font-size:var(--t14);line-height:1.45;color:var(--muted)}.mc-stats{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:var(--s2);font:600 var(--t14)/1.2 var(--font);font-variant-numeric:tabular-nums}.mc-stat:nth-child(2){color:var(--muted);font-weight:500}.mc-stat.good{color:var(--accent)}.mc-cta{margin-top:var(--s1);align-self:flex-start;padding:8px 16px;border-radius:var(--r-ctl);font:600 var(--t14)/1 var(--font);color:#11131b;background:var(--accent);opacity:.92}.mode-card.mc-custom .mc-cta{color:var(--text);background:#0a0e1c99;box-shadow:inset 0 0 0 1px var(--glass-line)}.mode-glyph{position:relative;display:grid;place-items:end center;width:64px;height:72px;margin-bottom:var(--s1);border:2px solid rgba(205,214,240,.5);border-top:0;border-radius:0 0 10px 10px;background:linear-gradient(0deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%)}.mg-num{padding-bottom:8px;font:700 var(--t20)/1 var(--font);color:var(--accent);font-variant-numeric:tabular-nums}.mg-custom{background:repeating-linear-gradient(90deg,transparent 0 11px,rgba(150,172,230,.16) 11px 12px)}.mg-custom:after{content:"";position:absolute;bottom:6px;left:8px;width:22px;height:22px;border-radius:4px;background:var(--lapis);box-shadow:24px 0 0 var(--lapis),24px -24px #4e93e880;opacity:.75}.mp-card{min-height:196px}.mc-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s1)}.mc-players{font:500 var(--t12)/1 var(--font);color:var(--muted);white-space:nowrap}.mp-card .mc-stats{padding-top:var(--s1)}.mc-actions{display:flex;gap:var(--s1);flex-wrap:wrap;margin-top:var(--s1)}.queue-bar{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2);padding:12px var(--s2);border-radius:var(--r-card);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.qb-text{font:600 var(--t16)/1.3 var(--font);flex:1;min-width:0}.qb-time{font:600 var(--t16)/1 var(--font);color:var(--accent);font-variant-numeric:tabular-nums}.qb-spinner{width:14px;height:14px;border-radius:3px;background:var(--accent);animation:cq-drop 1.1s var(--ease) infinite}@keyframes cq-drop{0%{transform:translateY(-6px);opacity:.2}60%{transform:translateY(2px);opacity:1}to{transform:translateY(2px);opacity:.2}}.room-browser{padding:20px var(--s3) var(--s3)}.rb-head{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2);flex-wrap:wrap}.rb-head h2{margin:0;font:600 var(--t20)/1 var(--font)}.rb-filters{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0}.rb-head .code-row{width:240px}.room-browser .room-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1.4fr) minmax(0,1fr) 56px 72px}.rr-mode{color:var(--muted);font-size:13px}.rr-state.open{color:var(--mint)}.rr-state.full{color:var(--muted)}.room-row.playing .rr-state{color:var(--accent)}.room-row:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.room-head .ph-text h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46ch}.rules-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.room-rules{margin:calc(-1 * var(--s1)) 0 var(--s2);color:var(--muted);font-size:var(--t14)}.code-badge{display:inline-flex;align-items:center;gap:8px}.cb-label{font:500 var(--t12)/1 var(--font-body);letter-spacing:0;color:var(--muted)}.cb-code{letter-spacing:.18em}.code-badge .icon .ic-line{stroke:var(--accent);stroke-width:4}.room-page .room-grid{min-height:300px}.room-page .players,.room-page .chat{padding:20px}.room-page h2{margin:0 0 12px;font:600 var(--t16)/1 var(--font)}.room-page .player-row{grid-template-columns:auto minmax(0,1fr) auto auto auto}.pr-actions{display:flex;gap:4px;justify-content:flex-end}.pr-actions:empty{display:none}.pr-actions button.small{padding:4px 8px;font-size:12px}@media(max-width:560px){.room-page .player-row{grid-template-columns:auto minmax(0,1fr) auto auto}.pr-actions{grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap}}.confirm-card{width:min(440px,100%)}.confirm-text{margin:0 0 var(--s2);color:var(--muted);font-size:var(--t14);line-height:1.45}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--s1)}.pr-name.link{padding:0;border:0;background:none;color:var(--text);text-align:left;font:500 var(--t14)/1.2 var(--font-body)}.pr-name.link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.pr-host{font:600 11px/1 var(--font);color:var(--accent)}.room-page .room-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);margin-top:var(--s2);border-top:0;padding-top:0;flex-wrap:wrap}.room-page .rf-left,.room-page .rf-right{display:flex;align-items:center;gap:var(--s1)}.room-status{margin:0 0 0 var(--s1);color:var(--muted);font-size:13px}#room-start{background:linear-gradient(180deg,#8fe6c9,#3aa07e);box-shadow:0 6px 20px #3aa07e59;color:#06130e}.sheet{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:var(--s2);background:#04060c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet-card{width:min(760px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:var(--s3)}.sheet-card h2{margin:0 0 var(--s2);font:600 var(--t20)/1 var(--font)}.rf-wrap{padding:var(--s3)}.room-form.custom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}.room-form.custom .form-actions{grid-column:1 / -1}.rf-group{display:flex;flex-direction:column;gap:var(--s2);min-width:0}.rf-fixed{margin:0;color:var(--muted);font-size:var(--t14)}.cg-group-title{margin:0 0 4px;padding:0;font:600 var(--t16)/1 var(--font)!important;color:var(--text)!important}.cg-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--s3);align-items:start}.cg-side{padding:var(--s3) var(--s2);display:flex;flex-direction:column;align-items:center;gap:var(--s2);position:sticky;top:0}.cg-preview{width:100%;display:grid;place-items:center}.well-preview{width:176px;height:auto}.wp-well{fill:#060912b3;stroke:#96ace666;stroke-width:1.2;transition:all .2s var(--ease)}.wp-grid{stroke:#96ace614;stroke-width:.8}.wp-cell{fill:var(--lapis);opacity:.75}.wp-c1{opacity:.55}.wp-c2{opacity:.9}.wp-c3{opacity:.45}.wp-piece{fill:var(--accent);opacity:1}.wp-line{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:4 3}.cg-cap{margin:0;font:600 var(--t14)/1 var(--font);color:var(--muted);font-variant-numeric:tabular-nums}.cg-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}.cg-group{margin:0;padding:20px;display:flex;flex-direction:column;gap:var(--s2);min-width:0;border-radius:var(--r-card)}.cg-group>legend{float:left;width:100%}.cg-note{margin:-8px 0 0;font-size:12.5px;color:var(--muted)}.cg-note.warn{color:var(--accent)}.custom-page .seg.compact .seg-row,.room-form .seg.compact .seg-row{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.tabs{display:flex;gap:4px;margin-bottom:var(--s2);overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.tab{flex-shrink:0;padding:10px 16px;border:0;border-radius:var(--r-ctl);background:none;color:var(--muted);font:600 var(--t14)/1 var(--font);white-space:nowrap}.tab:hover{color:var(--text);background:#ffffff0a}.tab[aria-selected=true]{color:var(--text);background:#0a0e1c99;box-shadow:inset 0 -2px 0 var(--accent),inset 0 0 0 1px var(--glass-line)}.lb-panel{padding:20px var(--s3) var(--s3)}.lb-desc{margin:0 0 var(--s2);color:var(--muted);font-size:var(--t14)}.lb-table{display:flex;flex-direction:column}.lb-body{display:flex;flex-direction:column;gap:2px}.lb-row{display:grid;grid-template-columns:48px minmax(0,1fr) 120px 88px 104px;gap:var(--s2);align-items:center;padding:10px 12px;border-radius:var(--r-ctl);border:0;background:none;color:var(--text);text-align:left;font:500 var(--t14)/1.2 var(--font-body)}button.lb-row:hover{background:#ffffff0a}.lb-headrow{font:600 var(--t12)/1 var(--font);color:var(--muted);padding-bottom:12px;border-bottom:1px solid rgba(150,172,230,.12);margin-bottom:6px}.lb-row .num{text-align:right}.lb-rank{font:700 var(--t16)/1 var(--font);color:var(--muted);font-variant-numeric:tabular-nums}.lb-row.top1 .lb-rank{color:var(--accent)}.lb-row.top2 .lb-rank,.lb-row.top3 .lb-rank{color:var(--text)}.lb-name{display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}.lb-value{font:600 var(--t16)/1 var(--font)}.lb-extra,.lb-when{color:var(--muted);font-size:13px}.lb-row.me{background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.lb-row.pinned{margin-top:var(--s1);position:relative}.lb-row.pinned:before{content:"";position:absolute;left:12px;right:12px;top:-6px;border-top:1px dashed rgba(150,172,230,.3)}.you{padding:3px 7px;border-radius:6px;font:600 11px/1 var(--font);color:#11131b;background:var(--accent)}.pf-head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3)}.pf-id{flex:1;min-width:0}.pf-id h1{margin:0;font:600 var(--t40)/1.05 var(--font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-id p{margin:8px 0 0;color:var(--muted);font-size:var(--t14)}.pf-rating{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.pf-rating-val{font:700 var(--t40)/1 var(--font);color:var(--accent)}.pf-rating-lbl{font-size:13px;color:var(--muted)}.pf-guest{padding:var(--s3);margin-bottom:var(--s3)}.pf-guest h2{margin:0 0 8px;font:600 var(--t20)/1.2 var(--font)}.pf-guest p{margin:0 0 var(--s2);color:var(--muted);max-width:60ch}.pf-guest .form-actions{justify-content:flex-start}.pf-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s2)}.pf-section-head h2,.pf-h2{margin:0;font:600 var(--t20)/1 var(--font)}.pf-h2{margin:var(--s4) 0 var(--s2)}.pf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2)}.pf-stat{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:var(--r-card)}.pfs-name{font:600 13px/1.2 var(--font);color:var(--muted)}.pfs-val{font:700 var(--t28)/1 var(--font)}.pfs-sub{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.pf-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2) var(--s3);margin:0;padding:20px var(--s3)}.pf-totals dt{font-size:13px;color:var(--muted)}.pf-totals dd{margin:4px 0 0;font:600 var(--t20)/1 var(--font)}.pf-total{min-width:0}.pf-games{padding:var(--s1) var(--s2)}.pg-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.4fr) 64px 96px;gap:var(--s2);align-items:center;padding:12px 8px;font-size:var(--t14)}.pg-row+.pg-row{border-top:1px solid rgba(150,172,230,.08)}.pg-mode{font:600 var(--t14)/1.2 var(--font)}.pg-result{font-weight:600}.pg-row.won .pg-result{color:var(--accent)}.pg-vs,.pg-when{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-delta{text-align:right;color:var(--muted)}.pf-account{margin-top:var(--s4);padding:var(--s3)}.pf-account h2{margin:0 0 var(--s2);font:600 var(--t20)/1 var(--font)}.pf-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);margin-bottom:var(--s2)}.pf-form{display:flex;flex-direction:column;gap:6px}.pf-form label{font-size:13px;color:var(--muted)}.pf-account .form-actions{justify-content:flex-start}.modal-host{position:fixed;inset:0;z-index:6;display:grid;place-items:center;padding:var(--s2);background:#04060c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(420px,100%);padding:var(--s3);opacity:0;transform:translateY(8px) scale(.99);transition:opacity .18s var(--ease),transform .18s var(--ease)}.modal.in{opacity:1;transform:none}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s2)}.modal-head h2{margin:0;font:600 var(--t28)/1.1 var(--font)}.icon-btn{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--glass-line);background:#0a0e1c80}.icon-btn .ic-line{stroke:var(--muted);stroke-width:5}.auth-tabs{display:flex;width:100%;margin-bottom:var(--s3)}.auth-tabs .pill{flex:1}.auth-form{display:flex;flex-direction:column;gap:var(--s2)}.auth-form .primary{margin-top:var(--s1)}.auth-keep{margin:0;padding:10px 14px;border-radius:var(--r-ctl);font-size:13px;color:var(--text);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.auth .form-error{margin:0}.config-page{display:grid;place-items:center}.config-page .panel.settings-page{height:min(700px,100dvh - 64px - 56px)}.mode-hud{position:absolute;--cell: 28px;display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-family:var(--font);color:var(--text);text-shadow:0 2px 12px rgba(0,0,0,.55)}.mode-hud[hidden]{display:none}.mh-big{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:calc(var(--cell) * 2.1);font-weight:700;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.mh-big.hurry{color:#ff8a7a}.mh-big.bump{animation:mh-bump .18s cubic-bezier(.2,.8,.3,1) both;transform-origin:right center}@keyframes mh-bump{0%{transform:scale(1.12);color:var(--gold, #f3d27a)}to{transform:scale(1)}}.mh-sub.rolling{color:var(--gold, #f3d27a)}.mode-hud[data-mode=battle] .mh-big{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:calc(var(--cell) * 1.15);letter-spacing:.12em;color:var(--accent)}.mode-hud[data-mode=duel] .mh-big{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:max(14px,calc(var(--cell) * .66));letter-spacing:.06em;color:var(--accent);white-space:nowrap}.mh-label{margin-top:calc(var(--cell) * .12);font-size:max(11px,calc(var(--cell) * .5));font-weight:500;color:var(--muted)}.mh-sub{margin-top:calc(var(--cell) * .3);font-size:max(14px,calc(var(--cell) * 1));font-weight:600;font-variant-numeric:tabular-nums}.mode-hud[data-mode=duel] .mh-sub{order:-1;font-size:max(11px,calc(var(--cell) * .5));font-weight:500;color:var(--muted);margin:0 0 calc(var(--cell) * .2)}.mh-sub:empty{display:none}.mh-sub.mh-extra{margin-top:calc(var(--cell) * .12);font-size:max(11px,calc(var(--cell) * .5));font-weight:600;color:var(--muted)}.mh-list{display:flex;flex-direction:column;gap:calc(var(--cell) * .16);width:100%;margin-top:calc(var(--cell) * .5)}.mh-list:empty{display:none}.mh-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:baseline;font-size:max(11px,calc(var(--cell) * .46));color:var(--muted)}.mh-row.me{color:var(--text)}.mh-row.out{opacity:.45}.mhr-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.mhr-name:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:2px;background:var(--team);vertical-align:middle}.mhr-val{font-weight:600;font-variant-numeric:tabular-nums}.mhr-bar{grid-column:1 / -1;height:4px;margin-top:3px;border-radius:2px;background:#96ace62e;overflow:hidden}.mhr-fill{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(var(--p, 0));background:var(--team);transition:transform .22s var(--ease)}.mode-hud.spectating{align-items:center;text-align:center;padding:10px 16px;border-radius:14px;background:#080c18b3}.mode-hud.spectating .mh-big{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:36px}.mode-hud.spectating .mh-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.end-panel{width:min(420px,100%);padding:var(--s4) var(--s4) var(--s3);text-align:center;gap:var(--s1);font-family:var(--font-body)}.end-mode{margin:0;font:600 13px/1 var(--font);color:var(--muted)}.end-panel h2{font:600 var(--t28)/1.1 var(--font);margin:4px 0 0}.end-value{margin:var(--s2) 0 0;font-size:56px;font-weight:700;line-height:1;letter-spacing:-.01em;color:var(--text)}.end-panel.good .end-value{color:var(--accent)}.end-pb{margin:6px 0 0;font:600 var(--t14)/1.3 var(--font);color:var(--muted)}.end-pb.good{color:var(--accent)}.end-rank{margin:2px 0 0;font-size:13px;color:var(--text)}.end-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:var(--s3) 0 var(--s2);padding:var(--s2) 0;border-top:1px solid rgba(150,172,230,.12);border-bottom:1px solid rgba(150,172,230,.12)}.end-stats dt{grid-row:1;font-size:12px;color:var(--muted)}.end-stats dd{grid-row:2;margin:0;font:600 var(--t16)/1.2 var(--font)}.end-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--s1)}.end-actions button{display:inline-flex;align-items:center;justify-content:center;gap:10px}.end-actions button[hidden]{display:none}.end-actions kbd{height:20px;font-size:11px;background:#00000040;box-shadow:none}.reduce-motion .page,.reduce-motion .modal,.reduce-motion .home-card,.reduce-motion .mode-card,.reduce-motion .qb-spinner{transition:none;animation:none}.reduce-motion #hud{transform:none}.reduce-motion .mh-big.bump{animation:mh-bump-flash .18s both}@keyframes mh-bump-flash{0%{color:var(--gold, #f3d27a)}}@media(prefers-reduced-motion:reduce){html:not(.motion-full) .page,html:not(.motion-full) .modal,html:not(.motion-full) .home-card,html:not(.motion-full) .mode-card,html:not(.motion-full) .mhr-fill{transition:none}html:not(.motion-full) .qb-spinner{animation:none}html:not(.motion-full) #hud{transform:none}html:not(.motion-full) .mh-big.bump{animation:mh-bump-flash .18s both}}@media(max-height:760px){.page-host{padding-top:var(--s2)}.home-card{min-height:184px}button.mode-card{min-height:248px}.mp-card{min-height:176px}}@media(max-width:1100px){.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}button.mode-card{min-height:0}.mp-grid,.pf-grid,.cg-form,.room-form.custom{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.topbar{padding:0 var(--s2);gap:var(--s1)}.crumbs{display:none}.page-host{padding:var(--s2)}.home{min-height:0}.home-grid{grid-template-columns:minmax(0,1fr);gap:var(--s2)}.home-card{grid-template-columns:64px minmax(0,1fr);min-height:0;padding:20px;column-gap:var(--s2);row-gap:12px}.hc-icon{width:64px;height:64px;grid-row:1}.hc-icon .icon{width:48px;height:48px}.hc-title{font-size:var(--t20)}.hc-desc{font-size:var(--t14)}.hc-live{grid-column:1 / -1}.kbd-hint{display:none}.page-head,.grav{align-items:flex-start}.sp-grid,.mp-grid,.pf-grid,.cg-form,.room-form.custom,.pf-forms,.cg-layout{grid-template-columns:minmax(0,1fr)}.cg-side{position:static}.rb-head .code-row{width:100%}.room-browser .room-row{grid-template-columns:minmax(0,1fr) 48px 64px}.rr-host,.rr-mode{display:none}.lb-row{grid-template-columns:32px minmax(0,1fr) 96px}.lb-extra,.lb-when{display:none}.pf-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-row{grid-template-columns:minmax(0,1fr) auto}.pg-vs,.pg-delta,.pg-when{display:none}.pf-id h1,.pf-rating-val{font-size:var(--t28)}.pc-text{display:none}.profile-chip{padding:4px}}@media(max-width:420px){.wordmark-svg{height:26px;width:auto}.ph-text h1{font-size:var(--t20)}.grav-row label{min-width:72px}}.shell button.primary{color:#11131b;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 100%,#fff 12%),color-mix(in srgb,var(--accent) 82%,#7a5410));box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 25%,transparent)}.shell button.primary:hover:not(:disabled){filter:brightness(1.06)}.shell .settings-page button.primary{color:var(--text);background:linear-gradient(180deg,#5aa0f0,#3a74c8);box-shadow:0 6px 20px #3a74c859}.mp-card{min-height:0;padding:18px 20px}.mp-grid{gap:12px}#overlay .end-panel .primary{color:#11131b;background:var(--accent);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 25%,transparent)}.mode-hud.multi .mh-big{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:calc(var(--cell) * 1.5)}.mode-hud.multi .mh-sub{font-size:max(13px,calc(var(--cell) * .75));margin-top:calc(var(--cell) * .15)}.mode-hud.multi .mh-list{margin-top:calc(var(--cell) * .3);gap:calc(var(--cell) * .1)}.mode-hud.multi .mh-row{font-size:max(11px,calc(var(--cell) * .42))}.mode-hud.dense .mhr-bar{display:none}#overlay .panel:not(.settings-page) button.primary{color:#11131b;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 100%,#fff 12%),color-mix(in srgb,var(--gold) 82%,#7a5410));box-shadow:0 6px 20px color-mix(in srgb,var(--gold) 25%,transparent)}.update-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:10px 14px;border-radius:10px;background:var(--panel, rgba(15, 22, 40, .92));color:var(--text, #e8ecf6);border:1px solid var(--accent, #e0b04a);box-shadow:0 8px 24px #00000073;font:600 14px/1.2 Chakra Petch,system-ui,sans-serif}.update-reload{padding:6px 12px;border:0;border-radius:6px;background:var(--accent, #e0b04a);color:#10131c;font:inherit;cursor:pointer}.update-banner.in-game{top:auto;bottom:14px;padding:6px 12px;gap:8px;font-size:12px;border-radius:999px;opacity:.88;pointer-events:none}.toast-host{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:1001;display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);pointer-events:none}.toast{pointer-events:auto;max-width:100%;padding:8px 14px;border-radius:10px;background:var(--panel, rgba(15, 22, 40, .94));color:var(--text, #e8ecf6);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 24px #00000073;font:500 13px/1.35 IBM Plex Sans,system-ui,sans-serif;transition:opacity .25s ease,transform .25s ease}.toast b{font-weight:600}.toast.warn{border-color:color-mix(in srgb,#ff8a5c 70%,transparent)}.toast.out{opacity:0;transform:translateY(6px)}.reduce-motion .toast{transition:none}.flag{display:inline-block;width:20px;height:15px;flex-shrink:0;border-radius:2px;object-fit:cover;vertical-align:-2px;box-shadow:0 0 0 1px #00000059}.flag.none{box-shadow:none;background:none;width:0}.flag.big{width:32px;height:24px;margin-right:12px;vertical-align:-2px;border-radius:3px}.flag-name{display:inline-flex;align-items:center;gap:8px;min-width:0}.flag-name .fn-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tier-badge{display:inline-grid;place-items:center;min-width:26px;height:20px;padding:0 6px;margin-left:6px;border-radius:6px;font:700 12px/1 var(--font);letter-spacing:.04em;color:#0c0f18;background:var(--tier, #8a93ad);box-shadow:inset 0 -2px #00000038,0 0 0 1px #ffffff1f;vertical-align:1px;white-space:nowrap}.tier-badge.small{min-width:22px;height:18px;font-size:11px}.tier-badge.t-x{--tier: linear-gradient(135deg, #ffe08a, #ff8fd0 50%, #8fd8ff)}.tier-badge.t-u{--tier: linear-gradient(135deg, #ff9f6e, #ff5f7a)}.tier-badge.t-ss{--tier: linear-gradient(135deg, #f3d27a, #d9a53b)}.tier-badge.t-s{--tier: #e9c46a}.tier-badge.t-a{--tier: #8ff5e4}.tier-badge.t-b{--tier: #7fb2ff}.tier-badge.t-c{--tier: #b39cff}.tier-badge.t-d{--tier: #9aa3b8}.tier-badge.unranked{color:var(--muted);background:#8a93ad1f;box-shadow:inset 0 0 0 1px #8a93ad59;font-weight:600;letter-spacing:0}.country-picker{position:relative}.shell .cp-current,.cp-current{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--r-ctl);border:1px solid var(--glass-line);background:#06091299;color:var(--text);font:500 var(--t14)/1.2 var(--font-body);text-align:left}.cp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-caret{color:var(--muted)}.cp-pop{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);padding:8px;border-radius:var(--r-card);border:1px solid var(--glass-line);background:#0e1324;box-shadow:0 18px 40px #00000080}.cp-list{list-style:none;margin:8px 0 0;padding:0;max-height:232px;overflow-y:auto}.cp-opt{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;font-size:var(--t14);cursor:pointer}.cp-opt:hover,.cp-opt.active{background:color-mix(in srgb,var(--accent) 16%,transparent)}.cp-opt[aria-selected=true]{color:var(--accent)}.cp-empty{padding:10px;color:var(--muted);font-size:13px}.conn-pill .conn-use{margin-left:8px;padding:4px 10px;font-size:12px}.conn-pill[data-status=elsewhere] .dot{background:var(--accent)}.friends-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s2);padding:var(--s2) var(--s3);flex-wrap:wrap}.fb-text h2{margin:0;font:600 var(--t16)/1.2 var(--font)}.fb-text p{margin:4px 0 0;color:var(--muted);font-size:13px}.friends-bar .code-row{width:260px}.mpcustom-page .room-browser .room-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr) minmax(0,1.1fr) 56px 72px}.rr-mode{display:flex;flex-direction:column;gap:3px;min-width:0}.rr-game{align-self:flex-start;padding:3px 8px;border-radius:999px;font:600 12px/1.2 var(--font);color:var(--text);background:color-mix(in srgb,var(--lapis) 26%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lapis) 50%,transparent);white-space:nowrap}.rr-game.g-customRoom{background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.rr-extra{color:var(--muted);font-size:12px}.rr-host{font-size:13px}.sheet-card.wide{width:min(1040px,100%)}.room-form.custom{display:flex;flex-direction:column;gap:var(--s3)}.rf-games{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:10px}.rf-game-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.rf-game-group{width:100%;font:600 var(--t12)/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.rf-game-row input{position:absolute;opacity:0;pointer-events:none}.rf-game{display:flex;flex-direction:column;gap:4px;width:182px;padding:10px 12px;border-radius:var(--r-ctl);border:1px solid var(--glass-line);background:#0a0e1c80;cursor:pointer;transition:border-color var(--dur) ease,background var(--dur) ease}.rf-game:hover{border-color:#f3d27a73}.rg-name{font:600 var(--t14)/1.2 var(--font);color:var(--text)}.rg-hint{font-size:12px;line-height:1.35;color:var(--muted)}.rf-game-row input:checked+.rf-game{border-color:color-mix(in srgb,var(--accent) 75%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.rf-game-row input:focus-visible+.rf-game{outline:2px solid var(--accent);outline-offset:2px}.rf-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);align-items:start}.rf-settings .rf-fixed{grid-column:span 2;align-self:center}.auth-links{display:flex;justify-content:center}.shell .link-btn,.link-btn{padding:4px;border:0;background:none;color:var(--muted);font:500 13px/1.2 var(--font-body);text-decoration:underline;text-underline-offset:3px}.shell .link-btn:hover{color:var(--accent)}.recovery-codes,.recovery-offer{display:flex;flex-direction:column;gap:var(--s2)}.rc-lead{margin:0;color:var(--muted);font-size:var(--t14);line-height:1.45}.rc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0;padding:14px 18px 14px 40px;border-radius:var(--r-card);background:#060912a6;border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent)}.rc-list li{color:var(--muted);font:500 12px/1.6 var(--font)}.rc-list code{font:600 15px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;color:var(--text)}.rc-actions{display:flex;gap:var(--s1)}.rc-actions .icon{width:14px;height:14px;vertical-align:-2px}.rc-confirm{display:flex;align-items:center;gap:10px;font-size:var(--t14)}.rc-confirm input{width:18px;height:18px;accent-color:var(--accent)}.pf-form .help.warn{color:var(--accent)}.auto-return{display:flex;align-items:center;gap:12px;margin:12px 0 4px;padding:10px 14px;border-radius:10px;background:#0609128c;border:1px solid rgba(150,172,230,.18);font:600 14px/1.2 var(--font, "Chakra Petch")}.auto-return .ar-text{flex:1;font-variant-numeric:tabular-nums}.ar-ring{width:16px;height:16px;border-radius:50%;border:2px solid var(--accent, #e0b04a);border-right-color:transparent;animation:cq-spin 1s linear infinite}.auto-return.stayed .ar-ring{animation:none;border-color:#96ace666}.auto-return .ar-stay{padding:6px 14px}@media(max-width:1100px){.rf-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.rf-settings{grid-template-columns:minmax(0,1fr)}.rf-settings .rf-fixed{grid-column:auto}.rf-game{width:calc(50% - 4px)}.friends-bar .code-row{width:100%}.mpcustom-page .room-browser .room-row{grid-template-columns:minmax(0,1fr) auto}.rc-list{grid-template-columns:minmax(0,1fr)}}.rc-actions button{display:inline-flex;align-items:center;gap:6px}.reveal .reveal-row{animation:rv-in .36s var(--rv-delay, 0ms) cubic-bezier(.2,.75,.25,1) both}@keyframes rv-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.end-value-wrap{position:relative;display:grid;place-items:center}.pb-stamp{position:absolute;right:-6px;top:-18px;display:flex;flex-direction:column;align-items:center;padding:6px 10px 5px;border-radius:10px;border:2px solid var(--gold, #f3d27a);color:var(--gold, #f3d27a);background:#281e08d1;box-shadow:0 0 24px #f3d27a73,inset 0 0 12px #f3d27a33;font-family:var(--font);transform:rotate(-9deg) scale(0);opacity:0;pointer-events:none}.pb-stamp b{font-size:15px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;line-height:1}.pb-stamp span{font-size:12px;font-weight:700;margin-top:2px}.pb-stamp.on{animation:pb-slam .42s cubic-bezier(.2,.8,.25,1.3) both}@keyframes pb-slam{0%{transform:rotate(-16deg) scale(2.6);opacity:0;filter:brightness(2)}55%{transform:rotate(-8deg) scale(.92);opacity:1;filter:brightness(1.4)}to{transform:rotate(-9deg) scale(1);opacity:1;filter:none}}.end-panel.good.reveal .end-value-wrap:before{content:"";position:absolute;inset:-30% -10%;background:radial-gradient(ellipse at center,#f3d27a59,#f3d27a00 62%);animation:pb-glow 1.4s .65s ease-out both;pointer-events:none}@keyframes pb-glow{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.05)}to{opacity:.35;transform:scale(1)}}.end-splits{display:flex;flex-direction:column;align-items:center;gap:2px;margin:var(--s2) 0 0}.end-spark{overflow:visible}.end-spark polyline{fill:none;stroke:var(--accent, #f3d27a);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.reveal .end-spark polyline{animation:spark-draw .7s .5s ease-out both}@keyframes spark-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.end-splits-cap{font-size:11px;color:var(--muted);letter-spacing:.02em}.rank-move{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:6px;font-weight:700;font-size:12px;color:#7fe3a0;background:#3cc8781f;animation:rank-pop .42s cubic-bezier(.2,.8,.25,1.3) both}.rank-move.down{color:#ff9b8a;background:#f064501f}@keyframes rank-pop{0%{transform:translateY(6px) scale(.6);opacity:0}to{transform:none;opacity:1}}#end-replay.ready{color:var(--text);border-color:color-mix(in srgb,var(--gold, #f3d27a) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--gold, #f3d27a) 40%,transparent),0 0 22px color-mix(in srgb,var(--gold, #f3d27a) 25%,transparent);animation:replay-ready 1.6s ease-out 2 both}@keyframes replay-ready{0%{box-shadow:0 0 #f3d27a99}70%{box-shadow:0 0 0 10px #f3d27a00}to{box-shadow:0 0 0 1px #f3d27a66,0 0 22px #f3d27a40}}.results-table .rt-row.me.win-row{background:linear-gradient(90deg,#f3d27a24,#f3d27a05)}.results .rating-line{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 0;font:600 var(--t14, 14px)/1.2 var(--font);color:var(--text)}.results .rating-line[hidden]{display:none}.results .rating-line .delta{padding:2px 8px;border-radius:8px;font-weight:800;color:#7fe3a0;background:#3cc87824;animation:rank-pop .48s .2s cubic-bezier(.2,.8,.25,1.3) both}.results .rating-line .delta.down{color:#ff9b8a;background:#f0645024}.results .form-actions button.emph{border-color:color-mix(in srgb,var(--gold, #f3d27a) 65%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--gold, #f3d27a) 22%,transparent)}.rt-rank.badge-in{display:inline-block;animation:rank-pop .42s cubic-bezier(.2,.8,.25,1.4) both;animation-delay:var(--rv-delay, 0ms)}.reduce-motion .reveal .reveal-row,.reduce-motion .pb-stamp.on,.reduce-motion .rank-move,.reduce-motion .results .rating-line .delta,.reduce-motion .rt-rank.badge-in,.reduce-motion #end-replay.ready,.reduce-motion .reveal .end-spark polyline,.reduce-motion .end-panel.good.reveal .end-value-wrap:before{animation:none}.reduce-motion .pb-stamp.on{transform:rotate(-9deg);opacity:1}.shell :is(button.primary,button.ghost,.btn-gold,.btn-ghost),#overlay .panel :is(button.primary,button.ghost){transition:transform .14s var(--ease, ease),filter .14s ease,box-shadow .16s ease,border-color .16s ease}.shell :is(button.primary,button.ghost,.btn-gold,.btn-ghost):hover:not(:disabled),#overlay .panel :is(button.primary,button.ghost):hover:not(:disabled){transform:translateY(-1px)}.shell :is(button.primary,button.ghost,.btn-gold,.btn-ghost):active:not(:disabled),#overlay .panel :is(button.primary,button.ghost):active:not(:disabled){transform:translateY(1px) scale(.985);transition-duration:60ms;filter:brightness(.96)}.shell .peek:active .arrow{transform:scale(.92);transition:transform 60ms}.page.from-right:not(.in){transform:translate(28px)}.page.from-left:not(.in){transform:translate(-28px)}.page.leave{position:absolute;margin:0;pointer-events:none;opacity:1;transition:none}.page.leave.to-left{animation:page-out-l .2s var(--ease, ease) forwards}.page.leave.to-right{animation:page-out-r .2s var(--ease, ease) forwards}@keyframes page-out-l{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-28px)}}@keyframes page-out-r{0%{opacity:1;transform:none}to{opacity:0;transform:translate(28px)}}.focus.car-slide{animation:car-slide var(--car-ms, .24s) cubic-bezier(.2,.85,.3,1.12) both}@keyframes car-slide{0%{transform:translate(var(--car-px, 48px));opacity:.25}to{transform:none;opacity:1}}.reduce-motion .shell :is(button.primary,button.ghost,.btn-gold,.btn-ghost),.reduce-motion #overlay .panel :is(button.primary,button.ghost){transition:none;transform:none!important}.reduce-motion .page.leave{display:none}.reduce-motion .focus.car-slide{animation:none}@media(prefers-reduced-motion:reduce){html:not(.motion-full) .page.leave{display:none}html:not(.motion-full) .focus.car-slide{animation:none}}.aq{position:relative;display:flex;align-items:center;gap:2px}.aq-btn{width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:7px;background:none;color:var(--text-2);cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.aq-btn:hover,.aq-btn:focus-visible{color:var(--text);border-color:var(--line-2, rgba(150, 172, 230, .28));background:#96ace60f}.aq-btn:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.aq-btn.off{color:var(--muted)}.aq-btn.off:hover{color:var(--text-2)}.aq-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:232px;padding:10px 12px;display:grid;gap:6px;border:1px solid var(--glass-line);border-radius:var(--r-ctl);background:var(--glass-bg);box-shadow:0 12px 32px #00000073,inset 0 1px 0 var(--glass-hi);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .14s var(--ease),transform .14s var(--ease),visibility 0s linear .14s}.aq.open .aq-pop{opacity:1;visibility:visible;transform:none;transition:opacity .14s var(--ease),transform .14s var(--ease),visibility 0s}.aq-row{display:grid;grid-template-columns:50px 1fr 26px;align-items:center;gap:8px;color:var(--text-2);font:500 12.5px/1 var(--body);transition:opacity var(--dur) var(--ease)}.aq-row.dim{opacity:.5}.aq-val{text-align:right;color:var(--text);font:600 12px/1 var(--mono)}.aq-range{--fill: 50%;-webkit-appearance:none;appearance:none;width:100%;height:22px;margin:0;background:transparent;cursor:pointer}.aq-range::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:linear-gradient(90deg,var(--lapis) var(--fill),rgba(96,120,180,.22) var(--fill))}.aq-range::-moz-range-track{height:5px;border-radius:3px;background:linear-gradient(90deg,var(--lapis) var(--fill),rgba(96,120,180,.22) var(--fill))}.aq-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-4.5px;border-radius:50%;background:var(--text);border:0;box-shadow:0 1px 4px #00000080}.aq-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--text);border:0}.aq-range:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.aq-game{position:absolute;pointer-events:auto;padding:2px;border-radius:9px;background:#080c1a59;opacity:.6;transition:opacity var(--dur) var(--ease),background var(--dur) var(--ease)}.aq-game:hover,.aq-game:focus-within,.aq-game.open{opacity:1;background:#080c1a99}.aq-game .aq-btn{width:26px;height:26px}.aq-game .aq-pop{top:auto;bottom:calc(100% + 6px)}.aq-game[hidden]{display:none}@media(max-width:640px){.tb-right .aq-bar .aq-btn{width:28px;height:28px}}:root{--line-1: rgba(150, 172, 230, .13);--line-2: rgba(150, 172, 230, .22);--text-2: #b9c1d6;--dim: #6b7690;--muted: #7d87a3;--up: #6fe0b4;--down: #f07a6a;--gold-ink: #2a1f06;--ink: #0c1120;--pane: rgba(14, 20, 37, .88);--display: "Chakra Petch", system-ui, sans-serif;--body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}.shell{grid-template-rows:56px minmax(0,1fr);font:400 14px/1.45 var(--body)}.shell-lattice{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(150,172,230,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(150,172,230,.035) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(1100px 700px at 60% 30%,#000 20%,transparent 85%);mask-image:radial-gradient(1100px 700px at 60% 30%,#000 20%,transparent 85%)}.shell .ambient{opacity:.55}.shell[data-layout=full] .ambient{opacity:.35}.skip-link{position:absolute;left:8px;top:-60px;z-index:30;padding:8px 12px;border-radius:6px;background:var(--gold);color:var(--gold-ink);font:600 13px var(--display)}.skip-link:focus{top:8px}.shell .num,.rv .num{font-family:var(--mono);font-feature-settings:"tnum" 1,"zero" 1;letter-spacing:-.01em}.caps{font:600 11px/1.2 var(--display);text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.dim{color:var(--dim)}.muted{color:var(--muted)}.shell .muted,.rv .muted{margin:0;font-size:inherit}.up{color:var(--up)}.down{color:var(--down)}.small{font-size:12px}.shell kbd,.rv kbd,.pal kbd{display:inline-flex;align-items:center;justify-content:center;height:auto;min-width:0;font:600 10.5px/1 var(--mono);color:var(--text-2);padding:3px 5px 2px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:4px;background:#ffffff08;vertical-align:1px}.live-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px #8ff5e426,0 0 10px #8ff5e499}.live-dot.off{background:var(--muted);box-shadow:none}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;height:56px;padding:0 24px;border-bottom:1px solid var(--line-1);background:#060914e6}.tb-left{display:flex;align-items:center;gap:28px;min-width:0}.tb-logo{display:flex;align-items:center;gap:9px;font:700 18px/1 var(--display);color:var(--text);text-decoration:none;border-radius:6px;padding:4px;margin-left:-4px}.tb-logo .logo-mark{width:24px;height:24px}.tb-word b{color:var(--gold);font-weight:700}.tb-links{display:flex;gap:2px;min-width:0}.tb-link{font:500 13.5px/1 var(--body);color:var(--muted);padding:8px 12px;border-radius:5px;text-decoration:none;white-space:nowrap;transition:color var(--dur) ease,background var(--dur) ease}.tb-link:hover{color:var(--text);background:#96ace60d}.tb-link.on{color:var(--text);background:#96ace614;box-shadow:inset 0 -2px 0 var(--gold);border-radius:5px 5px 0 0}.tb-jump{width:460px;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line-2);border-radius:7px;background:#00000047;color:var(--dim);font:400 13px/1.2 var(--body);text-align:left;cursor:text}.tb-jump:hover{border-color:#f3d27a66;color:var(--muted)}.tb-jump-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-k{margin-left:auto;display:flex;gap:4px}.tb-right{display:flex;justify-content:flex-end;align-items:center;gap:16px;font-size:13px;min-width:0}.tb-online{display:flex;gap:8px;align-items:center;color:var(--text-2);white-space:nowrap}.tb-online b{font:600 14px var(--mono);color:var(--text)}.tb-online .t{color:var(--muted)}.tb-me{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border:1px solid transparent;border-radius:7px;background:none;color:var(--text);font:500 13.5px/1 var(--body);min-width:0}.tb-me:hover{border-color:var(--line-2);background:#96ace60d}.tb-me .av{width:28px;height:28px;flex:none;border-radius:5px;background:linear-gradient(135deg,#2d5fe3,#b085f5);display:grid;place-items:center;font:700 12px var(--display);color:#fff}.tb-me .av.guest{background:#96ace61f;box-shadow:inset 0 0 0 1.5px #96ace666}.tb-me .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.tb-me .rt{color:var(--text-2);font-size:12.5px}.tb-me.guest .nm{color:var(--gold);font-weight:600}.tb-queue{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;border:1px solid rgba(143,245,228,.35);background:#8ff5e412;color:var(--mint);font:600 12px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.tb-queue b{color:var(--text);font-weight:500}.tb-queue .q-x{color:var(--muted);margin-left:2px}.tb-queue:hover .q-x{color:var(--text)}.q-spin{width:10px;height:10px;border-radius:50%;border:2px solid rgba(143,245,228,.3);border-top-color:var(--mint);animation:cq-spin .9s linear infinite}@keyframes cq-spin{to{transform:rotate(360deg)}}.page-host{padding:24px 24px 32px}.page{max-width:1240px}.page-host[data-layout=wide] .page{max-width:1440px}.page-host[data-layout=full]{padding:0;overflow:hidden}.page-host[data-layout=full] .page{max-width:none;height:100%}.shell [data-nav]:focus-visible,.shell button:focus-visible,.shell a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.pane{position:relative;border:1px solid var(--line-1);border-radius:10px;background:var(--pane);min-width:0}.pane-hd{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line-1);min-height:48px}.pane-hd h2{margin:0;font:600 12px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--text);white-space:nowrap}.pane-hd>:last-child:not(h2):not(.live-dot){margin-left:auto}.pane-hd.sub-hd{border-bottom:0;padding-bottom:4px;min-height:0}.pane-sub{padding:10px 18px 0}.lnk{background:none;border:0;padding:2px 0;color:var(--gold);font:500 12px/1.2 var(--body);cursor:pointer;white-space:nowrap;letter-spacing:0;text-transform:none}.lnk:hover{text-decoration:underline}.shell button.lnk{padding:2px 0;font-size:12px}.tag{display:inline-flex;align-items:center;font:600 10px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;padding:3px 6px;border-radius:3px;background:#96ace614;color:var(--text-2);vertical-align:1px;white-space:nowrap}.tag.casc{color:var(--mint);background:#8ff5e414}.tag.line{color:#9dbaff;background:#9dbaff17}.tag.pb{color:var(--gold);background:#f3d27a1a}.tag.wr{color:var(--ink);background:var(--gold)}.who{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%}.who .who-n{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who.me .who-n{color:var(--gold);font-weight:600}.flag{width:16px;height:12px;border-radius:1.5px;vertical-align:-1px;box-shadow:0 0 0 .5px #ffffff2e}.flag.big{width:30px;height:22px;margin-right:10px}.tier-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 4px;border-radius:3px;font:700 11px/1 var(--display);letter-spacing:.02em;color:var(--ink);background:var(--tier, #8a93ad);clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);box-shadow:none;flex:none}.tier-badge:not(.small){min-width:28px;height:22px;font-size:13px}.tier-badge.t-x{--tier: linear-gradient(135deg, #f3d27a, #b085f5 55%, #55e3f2)}.tier-badge.t-u{--tier: #f3d27a}.tier-badge.t-ss{--tier: #e08c1a}.tier-badge.t-s{--tier: #b085f5}.tier-badge.t-a{--tier: #4f7ff0;color:#fff}.tier-badge.t-b{--tier: #2aae94}.tier-badge.t-c{--tier: #8a93ad}.tier-badge.t-d{--tier: #4a5368;color:#c9cfdd}.tier-badge.unranked{clip-path:none;color:var(--muted);background:#8a93ad1a;box-shadow:inset 0 0 0 1px #8a93ad4d;font:600 10.5px/1 var(--body);letter-spacing:0;padding:0 6px}.tier-emblem{display:block;overflow:visible}.tier-emblem .te-letter{font:700 50px/1 var(--display);fill:#120a24}.tier-emblem.te-a .te-letter,.tier-emblem.te-d .te-letter{fill:#eef2ff}.tier-emblem.te-none .te-letter{fill:var(--dim)}.btn-gold,.shell button.primary,.shell button.btn-gold,.rv button.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 82%,#fff),color-mix(in srgb,var(--gold) 88%,#a07020));color:var(--gold-ink);font:700 14px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;padding:13px 20px;border-radius:6px;box-shadow:0 1px #fff6 inset,0 8px 24px -8px color-mix(in srgb,var(--gold) 55%,transparent);cursor:pointer;transition:filter var(--dur) ease,transform .12s ease}.btn-gold:hover,.shell button.primary:hover{filter:brightness(1.06)}.btn-gold:active,.shell button.primary:active{transform:translateY(1px)}.btn-gold kbd,.shell button.primary kbd{color:var(--gold-ink);border-color:#2a1f0659;background:#ffffff40}.btn-gold.big{font-size:20px;padding:18px 40px;letter-spacing:.12em}.btn-gold.small,.shell button.btn-gold.small{font-size:12px;padding:9px 14px;gap:8px}.btn-ghost,.shell button.ghost,.shell button.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-2);color:var(--text);font:600 13px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;padding:12px 16px;border-radius:6px;background:#ffffff05;cursor:pointer}.btn-ghost:hover,.shell button.ghost:hover:not(:disabled){border-color:color-mix(in srgb,var(--gold) 55%,transparent);background:#ffffff0a}.btn-ghost.small,.shell button.ghost.small,.shell button.btn-ghost.small{font-size:11.5px;padding:8px 12px}.shell button.ghost.danger{color:#ffb3a6;border-color:#f0645066}.shell button.small{border-radius:6px}.mini,.shell button.mini{display:inline-flex;align-items:center;gap:6px;font:600 10.5px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--line-2);padding:6px 9px;border-radius:4px;background:#ffffff05;cursor:pointer;white-space:nowrap}.mini:hover{color:var(--text);border-color:color-mix(in srgb,var(--gold) 50%,transparent)}.mini.dim{color:var(--muted)}.mini .ico{width:11px;height:11px}.sseg{display:inline-flex;border:1px solid var(--line-2);border-radius:5px;overflow:hidden;flex:none}.sseg button{border:0;border-radius:0;background:none;font:600 11px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;padding:8px 11px;color:var(--muted);cursor:pointer}.sseg button+button{border-left:1px solid var(--line-2)}.sseg button:hover{color:var(--text)}.sseg button.on{background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold)}.sseg.tiny button{padding:5px 8px;font-size:10px}.sseg.big button{padding:10px 14px;font-size:12px}.shell .sseg button:focus-visible{outline-offset:-2px}.empty-note{padding:24px 16px;color:var(--muted);font-size:13px;text-align:center}.form-error{margin:0 0 12px}.ptitle{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:18px}.ptitle h1{margin:0;font:700 34px/1 var(--display);letter-spacing:.005em}.ptitle>p{margin:0 0 4px;font-size:13.5px;max-width:60ch}.pt-right{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.code-row{display:flex;gap:8px;align-items:center}.code-row input{width:130px!important;height:36px!important;text-transform:uppercase;font-family:var(--mono)!important;letter-spacing:.1em}.lobby{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%}.lobby.page{transform:none}.stage{display:grid;grid-template-columns:340px minmax(0,1fr) 400px;gap:20px;padding:20px 24px;min-height:0}.stage>.pane{display:flex;flex-direction:column;overflow:hidden}.pc{padding:22px 20px 18px;display:grid;justify-items:center;text-align:center;border-bottom:1px solid var(--line-1);background:radial-gradient(260px 180px at 50% 0%,rgba(176,133,245,.16),transparent 70%)}.pc[data-tier=none]{background:radial-gradient(260px 180px at 50% 0%,rgba(150,172,230,.08),transparent 70%)}.pc[data-tier=U]{background:radial-gradient(260px 180px at 50% 0%,rgba(243,210,122,.16),transparent 70%)}.pc[data-tier=SS]{background:radial-gradient(260px 180px at 50% 0%,rgba(224,140,26,.16),transparent 70%)}.pc[data-tier=A]{background:radial-gradient(260px 180px at 50% 0%,rgba(79,127,240,.18),transparent 70%)}.pc[data-tier=B]{background:radial-gradient(260px 180px at 50% 0%,rgba(42,174,148,.16),transparent 70%)}.hex{display:grid;place-items:center;filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}.pc .nm{margin-top:12px;font:700 22px/1.1 var(--display);display:flex;gap:8px;align-items:center;max-width:100%}.pc .nm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc .sub{margin:4px 0 0;font-size:12.5px;color:var(--muted)}.pc .rt{font:600 36px/1 var(--display);margin-top:14px;letter-spacing:0}.pc .rt .delta{font:500 13px var(--mono);margin-left:6px}.pc-note{margin:12px 0 0;font-size:12.5px;color:var(--text-2);max-width:30ch}.pc-acts{display:flex;gap:8px;margin-top:12px}.pbar{width:100%;margin-top:12px}.pbar .tr{height:6px;border-radius:3px;background:#96ace61f;overflow:hidden}.pbar .tr i{display:block;height:100%;background:linear-gradient(90deg,#b085f5,#e08c1a);border-radius:3px}.pbar .lb{display:flex;justify-content:space-between;gap:8px;font:500 11px var(--mono);color:var(--muted);margin-top:6px}.kvs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line-1)}.kvs>div{padding:12px 16px;min-width:0}.kvs>div+div{border-left:1px solid var(--line-1)}.kvs b{display:block;font:600 18px/1.2 var(--display);margin-top:3px}.form10{display:flex;gap:4px;padding:14px 18px;border-bottom:1px solid var(--line-1);align-items:center}.form10 .caps{margin-right:auto}.form10 i{width:20px;height:20px;border-radius:3px;display:grid;place-items:center;font:700 10px/1 var(--display);font-style:normal;color:var(--ink);background:var(--up)}.form10 i.l{background:var(--down)}.pbs{padding:6px 18px 10px}.pb-row{display:grid;grid-template-columns:1fr auto 52px 22px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line-1);font-size:13px}.pb-row:first-child{border-top:0}.pb-row .v{text-align:right}.pb-row .r{text-align:right;color:var(--muted)}.mini-play{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:4px;background:none;color:var(--text-2);padding:0;cursor:pointer}.mini-play:hover{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 50%,transparent)}.card-foot{margin-top:auto;border-top:1px solid var(--line-1)}.recent{padding:0 18px 12px}.rg{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--line-1);font-size:12.5px}.rg:first-child{border-top:0}.rg-m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl{width:18px;height:18px;border-radius:3px;display:inline-grid;place-items:center;font:700 10px/1 var(--display);color:var(--ink);background:var(--up)}.wl.l{background:var(--down)}.wl.s{background:#96ace624;color:var(--muted)}.pane.play{border-color:color-mix(in srgb,var(--gold) 22%,transparent);background:linear-gradient(180deg,#121a30f2,#0b101ff2)}.pane.play:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--gold) 4.5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--gold) 4.5%,transparent) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(60% 55% at 50% 45%,#000,transparent);mask-image:radial-gradient(60% 55% at 50% 45%,#000,transparent)}.strip{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:4px;padding:14px 16px;border-bottom:1px solid var(--line-1)}.strip .grp{font:600 10px/1 var(--display);letter-spacing:.16em;color:var(--dim);text-transform:uppercase;align-self:center;padding:0 10px 0 18px}.strip .grp:first-child{padding-left:0}.strip .sm{border:0;background:none;font:600 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:9px 14px;border-radius:5px;cursor:pointer;white-space:nowrap}.strip .sm:hover{color:var(--text);background:#96ace60f}.strip .sm.on{color:var(--ink);background:var(--gold)}.car{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:safe center;min-height:0;padding:0 8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.peek{display:flex;flex-direction:row;gap:16px;align-items:center;background:none;border:0;color:var(--text);padding:8px;border-radius:8px;cursor:pointer;opacity:.4;transition:opacity var(--dur) ease;min-width:0}.peek:hover,.peek:focus-visible{opacity:.85}.peek.prev{justify-self:start;text-align:left}.peek.next{justify-self:end;text-align:right}.peek .pk-w{display:flex;flex-direction:column;gap:6px;min-width:0}.peek.next .pk-w{align-items:flex-end}.peek .t{font:700 26px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;max-width:7.5em}.peek .s{font-size:12px;color:var(--muted)}.peek .arrow{width:40px;height:40px;flex:none;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--text-2)}.focus{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:12px 0}.kick{margin:0;font:600 12px/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.grav-btn{border:0;background:none;padding:0;cursor:pointer;border-radius:3px}.grav-btn .tag{letter-spacing:.1em}.grav-btn:hover .tag{filter:brightness(1.3)}.mode-title{margin:14px 0 10px;font:700 112px/.9 var(--display);letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(180deg,#fff 30%,#c9d2ea);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.mode-title[data-len=mid]{font-size:96px}.mode-title[data-len=long]{font-size:76px}.focus .desc{margin:0;color:var(--text-2);font-size:15px;max-width:460px}.focus .handling-note{margin:6px 0 0;font:500 11.5px/1.3 var(--mono);color:var(--muted);letter-spacing:.01em;max-width:520px}.arena{display:flex;flex-direction:column;align-items:center;gap:8px;margin:20px 0 16px;width:100%}.mode-art{display:block;width:min(600px,100%);height:320px}.arena[data-layout=solo] .mode-art{width:min(260px,100%)}.art-labels{display:flex;justify-content:space-around;width:min(480px,100%);font-size:12.5px;color:var(--muted)}.arena[data-layout=solo] .art-labels{justify-content:center}.arena[data-layout=solo] .art-r{display:none}.stats{display:flex;gap:36px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.stat{display:flex;flex-direction:column;gap:4px;align-items:center}.stat b{font:600 22px/1 var(--display);display:inline-flex;gap:8px;align-items:center}.stat b .tier-badge{vertical-align:0}.stat .who-s{font-size:11.5px;color:var(--muted)}.stat .tier-badge{align-self:center}.acts{display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap}.acts .btn-ghost{padding:17px 18px}.queue-box{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:4px}.queue-box .q-head{color:var(--mint);display:flex;gap:8px;align-items:center}.q-timer{font:500 64px/1 var(--mono);letter-spacing:-.03em}.q-line{color:var(--muted);font-size:13px;margin-bottom:12px}.foot{position:relative;display:flex;align-items:center;gap:18px;padding:12px 18px;border-top:1px solid var(--line-1);font-size:12px;color:var(--muted);flex-wrap:wrap}.foot .sp{margin-left:auto}.foot .sp b{color:var(--text);font-weight:500}.pane.side .pane-hd{padding:0 14px 0 18px;gap:12px}.tabs2{display:flex;gap:2px;align-self:stretch}.tabs2 button{border:0;background:none;font:600 11.5px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:18px 8px 15px;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;border-radius:0}.tabs2 button:hover{color:var(--text)}.tabs2 button.on{color:var(--text);border-color:var(--gold)}.tabs2.big{border-bottom:1px solid var(--line-1);margin-bottom:16px;flex-wrap:wrap}.tabs2.big button{font-size:13px;padding:12px 14px;margin-bottom:-1px}.side-body{padding:4px 14px 8px;min-height:0;overflow-y:auto;scrollbar-width:thin}.lb-hd{display:flex;align-items:center;gap:8px;padding:10px 4px 6px;font:600 12px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.lb-hd .sseg{margin-left:auto}.lb{display:flex;flex-direction:column}.lbr{display:grid;grid-template-columns:30px minmax(0,1fr) auto 44px;gap:8px;align-items:center;padding:7px 4px;border:0;border-top:1px solid var(--line-1);background:none;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer;border-radius:0}.lbr:hover{background:#96ace60a}.lbr .rk,.lbt-r .rk{font:600 12px/1 var(--mono);color:var(--dim)}.lbr .rk.top,.lbt-r .rk.top{color:var(--gold)}.lbr .v{font-size:14px;text-align:right}.lbr .tr{font:500 11px var(--mono);text-align:right;color:var(--dim)}.lbr.mine{background:color-mix(in srgb,var(--gold) 7%,transparent)}.lbr.pinned{border-top:1px dashed color-mix(in srgb,var(--gold) 40%,transparent)}.lbr.mine .rk{color:var(--gold)}.lb-note{margin:8px 4px;font-size:12px;color:var(--muted)}.feed{display:flex;flex-direction:column}.fr{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto 36px;gap:8px;align-items:center;padding:7px 4px;border:0;border-top:1px solid var(--line-1);background:none;color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer;border-radius:0}.fr:hover{background:#96ace60a}.fr .fm{color:var(--text-2);white-space:nowrap;font-size:12.5px}.fr .v{text-align:right}.live-list,.ld-list{display:flex;flex-direction:column}.lr{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line-1);font-size:12.5px}.lr .lr-n{flex:1}.lr .lr-m{white-space:nowrap}.lr .lr-n{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lr .lr-h{min-width:0}.lr .w,.shell button.w{font:600 10px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--line-2);padding:5px 8px;border-radius:3px;background:none;cursor:pointer}.leaders{margin-top:auto;border-top:1px solid var(--line-1);padding-bottom:8px}.leaders .ld-list{padding:0 14px 4px}.ld{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 4px;border:0;border-top:1px solid var(--line-1);background:none;color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer;border-radius:0}.ld:first-child{border-top:0}.ld:hover{background:#96ace60a}.ld .ld-b{font:600 11px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ld .v{text-align:right}.who-c{min-width:0;overflow:hidden}.ticker{display:flex;align-items:stretch;height:40px;border-top:1px solid var(--line-1);background:#060914eb;overflow:hidden;white-space:nowrap;position:relative;z-index:1}.ticker .lab{display:flex;align-items:center;gap:8px;padding:0 16px;background:var(--gold);color:var(--ink);font:700 12px/1 var(--display);letter-spacing:.16em;flex:none}.ticker .lab i{width:7px;height:7px;background:var(--ink);border-radius:50%}.tk-view{overflow:hidden;flex:1;min-width:0}.tk-track{display:flex;height:100%;width:max-content;animation:cq-ticker var(--tk-dur, 60s) linear infinite}.ticker:hover .tk-track,.ticker:focus-within .tk-track{animation-play-state:paused}@keyframes cq-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker .it{display:flex;align-items:center;gap:8px;padding:0 20px;font:400 13px/1 var(--body);color:var(--text-2);border:0;border-right:1px solid var(--line-1);background:none;cursor:pointer;border-radius:0;height:100%}.ticker .it b{font-weight:500;color:var(--text)}.ticker .it .num{color:var(--text)}.ticker .it:hover{background:#96ace60d}.reduce-motion .tk-track{animation:none}.reduce-motion .tk-view{overflow-x:auto;scrollbar-width:none}.reduce-motion .q-spin{animation:none}.palette-host{position:fixed;inset:0;z-index:20}.pal-scrim{position:absolute;inset:0;background:#03050c9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pal{position:absolute;left:50%;top:110px;transform:translate(-50%);width:min(680px,calc(100vw - 24px));max-height:calc(100vh - 140px);display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:12px;background:#0d1324fa;box-shadow:0 40px 120px -20px #000c,0 0 0 1px color-mix(in srgb,var(--gold) 12%,transparent);overflow:hidden;font-family:var(--body);color:var(--text)}.pal-in{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line-1);color:var(--muted)}.shell input.pal-input,.pal-input{flex:1;min-width:0;height:32px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--text);font:400 18px/1 var(--body);caret-color:var(--gold);outline:none}.shell input.pal-input:focus-visible{border:0;box-shadow:none;outline:none}.pal-input::placeholder{color:var(--dim)}.pal-filter{font:600 10px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);padding:4px 6px;border-radius:3px}.pal-esc{border:0;background:none;padding:0;cursor:pointer}.pal-list{overflow-y:auto;padding:0 10px 10px;scrollbar-width:thin}.pal-g{padding-top:10px}.pal-gl{padding:6px 10px;font:600 10px/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.pal-o{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 10px;border-radius:6px;font-size:14px;cursor:pointer}.pal-o.sel{background:color-mix(in srgb,var(--gold) 10%,transparent);box-shadow:inset 2px 0 0 var(--gold)}.pal-ic{width:28px;height:28px;border-radius:5px;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--text-2);font:700 10.5px var(--display);overflow:hidden}.pal-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pal-t em{font-style:normal;color:var(--gold)}.pal-m{color:var(--muted);font-size:12.5px;white-space:nowrap;display:flex;align-items:center;gap:6px}.pal-empty{margin:0;padding:18px 20px;color:var(--muted);font-size:13px}.pal-ft{display:flex;gap:18px;padding:12px 20px;border-top:1px solid var(--line-1);font-size:12px;color:var(--muted);flex-wrap:wrap}.pal-ft .sp{margin-left:auto}.pp-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}.pp-side{display:flex;flex-direction:column;gap:16px;min-width:0}.pp-side .pane>:not(.pane-hd){padding:4px 18px 12px}.qt{display:flex;flex-direction:column;padding:6px 18px 14px}.qt-r{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr) 64px minmax(0,1.2fr) auto;gap:12px;align-items:center;padding:10px;border-top:1px solid var(--line-1);min-height:56px}.rooms-grid .qt-r{grid-template-columns:minmax(0,1fr) auto}.qt-h{min-height:0;padding:4px 10px 8px;border-top:0;font:600 10.5px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.qt-r .r{text-align:right;justify-self:end}.qt-r.sel{background:color-mix(in srgb,var(--gold) 6%,transparent);box-shadow:inset 3px 0 0 var(--gold)}.qt-r .qm b{display:block;font:600 17px/1.2 var(--display)}.qt-r .qm small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.qt-r .you-r{display:inline-flex;gap:8px;align-items:center}.ldr{display:inline-flex;flex-direction:column;gap:2px;min-width:0;font-size:13px}.ldr .num{color:var(--text-2);font-size:12px}.queue-bar{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:12px 16px;border:1px solid rgba(143,245,228,.3);border-radius:8px;background:#8ff5e40d}.queue-bar .qb-text{flex:1;color:var(--text-2)}.queue-bar b{font-size:18px}.recent-list{display:flex;flex-direction:column}.recent-list .rg{grid-template-columns:20px minmax(0,.9fr) minmax(0,1fr) auto auto auto auto}.rg-vs{display:inline-flex;gap:6px;align-items:center;min-width:0;overflow:hidden;color:var(--muted)}.rooms-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}.rtable{display:flex;flex-direction:column;padding:6px 18px 14px}.rm-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.1fr) 60px 74px 64px;gap:10px;align-items:center;padding:9px 8px;border-top:1px solid var(--line-1);font-size:13.5px}.rm-row.rm-h{border-top:0;padding:4px 8px 8px;font:600 10.5px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.rm-row .r{text-align:right}.rm-row .rr-mode{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 6px;color:var(--text);font-size:13.5px}.rm-row .rr-game{padding:0;border-radius:0;background:none;box-shadow:none;font:500 13.5px/1.2 var(--body);color:var(--text)}.rm-row .rr-extra{flex-basis:100%}.rr-name{font-weight:500;display:inline-flex;gap:6px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rr-name .ico{color:var(--muted);flex:none}.rr-mode{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rr-extra{display:block;color:var(--muted);font-size:11.5px}.rr-state{font-size:12px;color:var(--muted)}.rr-state.open{color:var(--up)}.rr-state.playing{color:var(--gold)}.rm-row.playing{background:#96ace605}.sheet{position:fixed;inset:0;z-index:15;display:grid;place-items:center;padding:24px;background:#03050c99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet-card{width:min(720px,100%);max-height:calc(100vh - 48px);overflow-y:auto}.sheet-card.wide{width:min(880px,100%)}.sheet-card>:not(.pane-hd){padding:16px 20px}.sheet-card.confirm-card{width:min(460px,100%)}.sheet-card .pane-hd h2{font-size:13px}.room-page .room-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}.room-page .pane.players>ul,.room-page .pane.chat>:not(.pane-hd){margin:0;padding:8px 18px 14px}.room-page .chat-log{min-height:200px;max-height:340px}.room-page .ph-text h1{font:700 30px/1.1 var(--display)}.room-foot{margin-top:16px}.lb-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.lbt{display:flex;flex-direction:column;padding:6px 18px 14px}.lbt-r{display:grid;grid-template-columns:44px minmax(0,1fr) 110px 70px 70px 96px;gap:10px;align-items:center;padding:6px 8px;border-top:1px solid var(--line-1);font-size:14px;min-height:42px}.lbt-r.lbt-h{border-top:0;min-height:0;padding:4px 8px 8px;font:600 10.5px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.lbt-r .r{text-align:right;justify-self:end}.lbt-r .v{font-size:15px}.lbt-r.mine{background:color-mix(in srgb,var(--gold) 7%,transparent)}.lbt-r.mine .rk{color:var(--gold)}.lbt-r.pinned{border-top:1px dashed color-mix(in srgb,var(--gold) 40%,transparent);margin-top:6px}.lbt-who{border:0;background:none;color:var(--text);font:inherit;padding:4px 0;cursor:pointer;max-width:100%;text-align:left;border-radius:4px}.lbt-who:hover .who-n{text-decoration:underline}.lb-mine{padding:6px 18px 16px}.lb-mine .kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line-1)}.lb-mine .kv:first-child{border-top:0}.lb-mine .kv b{font:500 14px var(--body);text-align:right}.lb-mine .acts{margin-top:12px;justify-content:flex-start}.pf-body{display:flex;flex-direction:column;gap:16px}.pf-hero{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(220px,300px);grid-template-rows:auto auto;gap:16px 24px;padding:20px 24px;align-items:center;background:radial-gradient(400px 200px at 10% 0%,rgba(176,133,245,.12),transparent 70%),var(--pane)}.pf-hero .hex{grid-row:span 2}.pf-id h1{margin:0;font:700 32px/1.1 var(--display);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pf-id p{margin:6px 0 0;font-size:13px}.pf-main{display:flex;flex-direction:column;gap:12px;min-width:0}.pf-main .form10{border:0;padding:0;gap:4px}.pf-main .form10 .caps{margin-right:8px}.pf-rating{display:flex;flex-direction:column;gap:4px}.pf-rating b{font:600 34px/1 var(--display)}.pf-hero .kvs{grid-column:2 / span 2;border:1px solid var(--line-1);border-radius:8px;grid-template-columns:repeat(6,1fr)}.pf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start}.pf-col{display:flex;flex-direction:column;gap:16px;min-width:0}.pt{display:flex;flex-direction:column;padding:6px 18px 14px}.pt-r{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 70px 70px auto;gap:10px;align-items:center;padding:8px 6px;border-top:1px solid var(--line-1);font-size:13.5px;min-height:42px}.pt-r.pt-h{border-top:0;min-height:0;padding:4px 6px 8px;font:600 10.5px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.pt-r .r{text-align:right;justify-self:end}.pt-r .v{font-size:14px}.pt.games .pt-r{grid-template-columns:22px minmax(0,1fr) auto minmax(0,1fr) 52px 44px auto}.pt.replays .pt-r{grid-template-columns:minmax(0,1.2fr) 56px minmax(0,1fr) 50px auto}.pt-r .vs{display:inline-flex;gap:6px;align-items:center;color:var(--muted);min-width:0;overflow:hidden}.pf-guest{padding:16px 18px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.pf-guest p{margin:0;color:var(--text-2);max-width:60ch}.pf-account>:not(.pane-hd){padding:0 18px}.pf-account .pf-forms{padding-top:16px}.pf-account .form-actions{padding-bottom:16px}.replays-page .pt-r{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) 50px auto}.replays-page .rp-mine .pt-r{grid-template-columns:minmax(0,1.2fr) 60px minmax(0,1fr) 50px auto}.config-page .panel.settings-page{margin:0 auto}.shell .glass{border-radius:10px;background:var(--pane);border-color:var(--line-1);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.shell .page-head h1{font:700 30px/1.1 var(--display)}.rv{position:fixed;inset:0;z-index:3;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--body);color:var(--text)}.rv[hidden]{display:none}.rv>*{pointer-events:auto}.rv-top{display:flex;align-items:center;gap:16px;padding:12px 20px;background:linear-gradient(180deg,#060914d9,#06091400)}.rv-back{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);background:#060914b3;color:var(--text);font:600 12px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;padding:8px 12px 8px 8px;border-radius:6px;cursor:pointer}.rv-head{min-width:0}.rv-title{margin:0;font:700 18px/1.1 var(--display);letter-spacing:.02em}.rv-sub{margin:2px 0 0;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-players{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.rv-players button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2);background:#060914b3;color:var(--text-2);font:500 12.5px/1 var(--body);padding:6px 10px 6px 6px;border-radius:5px;cursor:pointer}.rv-players button.on{color:var(--ink);background:var(--gold);border-color:var(--gold)}.rv-pn{font-size:10.5px;min-width:16px;height:16px;display:grid;place-items:center;border-radius:3px;background:#96ace624}.rv-players button.on .rv-pn{background:#00000026}.rv-status{align-self:center;margin:auto;padding:16px 22px;border:1px solid var(--line-2);border-radius:10px;background:#0d1324f2;color:var(--text-2);max-width:520px;text-align:center}.rv.error .rv-status{border-color:#f0645066;color:#ffb3a6}.rv-bottom{padding:0 20px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;background:linear-gradient(0deg,#060914d9,#06091400)}.rv-bar{width:min(980px,100%);display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line-2);border-radius:10px;background:#0d1324f0}.rv-bar[hidden]{display:none}.rv-bar button{display:grid;place-items:center;border:1px solid var(--line-2);background:#ffffff05;color:var(--text);border-radius:6px;cursor:pointer;padding:0}.rv-play{width:40px;height:40px;background:var(--gold)!important;color:var(--gold-ink)!important;border-color:var(--gold)!important}.rv-skip{width:34px;height:34px}.rv-time{font-size:13px;color:var(--text-2);white-space:nowrap;min-width:92px;text-align:center}.rv-scrub{--fill: 0%;flex:1;min-width:80px;-webkit-appearance:none;appearance:none;height:24px;background:transparent;cursor:pointer;margin:0}.rv-scrub::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--gold) var(--fill),rgba(150,172,230,.2) var(--fill))}.rv-scrub::-moz-range-track{height:6px;border-radius:3px;background:#96ace633}.rv-scrub::-moz-range-progress{height:6px;border-radius:3px;background:var(--gold)}.rv-scrub::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:#fff;border:2px solid var(--gold)}.rv-scrub::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--gold)}.rv-scrub:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px}.rv-speeds{display:flex;border:1px solid var(--line-2);border-radius:6px;overflow:hidden}.rv-speeds button{border:0!important;border-radius:0!important;padding:0 9px!important;height:32px;font:600 11.5px/1 var(--mono);color:var(--muted)!important;background:none!important;display:grid}.rv-speeds button+button{border-left:1px solid var(--line-2)!important}.rv-speeds button.on{color:var(--gold)!important;background:color-mix(in srgb,var(--gold) 14%,transparent)!important}.rv button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.rv-keys{margin:0;font-size:11.5px;color:var(--muted)}@media(max-width:1600px){.shell{grid-template-rows:50px minmax(0,1fr)}.topbar{height:50px;padding:0 16px}.tb-left{gap:16px}.tb-link{padding:7px 8px;font-size:13px}.tb-jump{width:340px}.stage{grid-template-columns:260px minmax(0,1fr) 300px;gap:12px;padding:12px 16px}.pc{padding:14px 14px 12px}.hex .tier-emblem{width:72px;height:80px}.pc .nm{font-size:18px;margin-top:8px}.pc .rt{font-size:28px;margin-top:8px}.kvs>div{padding:9px 10px}.kvs b{font-size:15px}.form10{padding:10px 14px}.form10 i{width:15px;height:15px;font-size:8px}.pbs{padding:4px 14px 8px}.pb-row{padding:6px 0}.recent .rg:nth-child(n+3){display:none}.strip{padding:10px}.strip .sm{padding:7px 8px;font-size:11.5px}.strip .grp,.strip .sm.x{display:none}.mode-title{font-size:72px;margin:8px 0 6px}.mode-title[data-len=mid]{font-size:64px}.mode-title[data-len=long]{font-size:52px}.focus .desc{font-size:13px;max-width:360px}.arena{margin:10px 0 8px}.mode-art{height:168px}.stats{gap:24px;margin-bottom:12px}.stat b{font-size:17px}.btn-gold.big{font-size:16px;padding:14px 28px}.acts .btn-ghost{padding:13px 16px}.peek .t{font-size:18px}.peek .arrow{width:34px;height:34px}.lbr:nth-child(n+8):not(.mine){display:none}.tabs2 button{padding:15px 6px 12px;font-size:10.5px}.fr{grid-template-columns:30px minmax(0,1fr) auto 34px}.fr .fm{display:none}.pane.side .pane-hd>.lnk{display:none}.leaders .ld:nth-child(n+4){display:none}.foot .x{display:none}.pane-hd{padding:10px 14px;min-height:40px}.ticker{height:36px}.q-timer{font-size:44px}}@media(max-width:1440px){.tb-link.tb-short{display:none}.tb-jump{width:280px}.tb-online .t,.tb-me .nm,.tb-me .rt,.tb-me .flag{display:none}.tb-me.guest .nm{display:inline}}@media(max-width:1280px){.stage{grid-template-columns:240px minmax(0,1fr) 280px}.peek .pk-w{display:none}.pp-grid,.rooms-grid,.lb-grid,.pf-grid{grid-template-columns:minmax(0,1fr)}.pf-hero{grid-template-columns:auto minmax(0,1fr)}.pf-hero .kvs{grid-column:1 / -1;grid-template-columns:repeat(3,1fr)}.pf-rating{grid-column:2}}@media(max-width:1060px){.tb-jump-t{display:none}.tb-jump{width:auto}.stage{grid-template-columns:minmax(0,1fr) 280px}.stage>.me-card{display:none}}@media(max-width:900px)and (min-width:641px){.topbar{grid-template-columns:auto auto minmax(0,1fr);gap:10px;padding:0 16px}.tb-left{gap:12px}.tb-link{padding:8px}.tb-k{display:none}}@media(max-width:820px){.page-host[data-layout=full]{overflow-y:auto}.page-host[data-layout=full] .page{height:auto}.lobby{display:block;height:auto}.stage{grid-template-columns:minmax(0,1fr);overflow:visible}.stage>.pane{overflow:visible}.side-body{overflow:visible}}@media(max-width:640px){.shell{grid-template-rows:auto minmax(0,1fr)}.topbar{grid-template-columns:minmax(0,1fr) auto auto;height:auto;padding:8px 12px;gap:8px 10px}.tb-left{display:contents}.tb-logo{grid-column:1;grid-row:1}.tb-jump{grid-column:2;grid-row:1;padding:8px 10px}.tb-k{display:none}.tb-right{grid-column:3;grid-row:1;gap:8px}.tb-online{display:none}.tb-links{grid-column:1 / -1;grid-row:2;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 8px}.tb-link.tb-short{display:inline-block}.tb-link{padding:8px 10px}.page-host{padding:14px 12px 24px}.stage{padding:10px 12px;gap:12px}.strip{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.strip .sm.x{display:inline-block}.car{grid-template-columns:auto minmax(0,1fr) auto;padding:0}.peek{padding:4px;opacity:.7}.peek .arrow{width:32px;height:32px}.mode-title,.mode-title[data-len]{font-size:44px}.mode-art{height:150px}.stats{gap:16px}.btn-gold.big{font-size:15px;padding:14px 22px}.foot,.ticker{display:none}.ptitle h1{font-size:26px}.pt-right{margin-left:0}.qt-r{grid-template-columns:minmax(0,1fr) auto}.qt-r>:nth-child(2),.qt-r>:nth-child(3),.qt-r>:nth-child(4){display:none}.rm-row{grid-template-columns:minmax(0,1fr) 54px 64px}.rm-row>:nth-child(2),.rm-row>:nth-child(3),.rm-row>:nth-child(5){display:none}.lbt-r{grid-template-columns:34px minmax(0,1fr) auto auto}.lbt-r>:nth-child(4),.lbt-r>:nth-child(5){display:none}.pt-r,.pt.games .pt-r,.pt.replays .pt-r,.replays-page .pt-r,.replays-page .rp-mine .pt-r{grid-template-columns:minmax(0,1fr) auto auto}.pt-r>:nth-child(n+4):not(:last-child){display:none}.pt.games .pt-r>:first-child{display:none}.pf-hero{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.pf-hero .hex,.pf-rating{grid-column:auto;grid-row:auto}.pf-id h1{justify-content:center}.rv-top{flex-wrap:wrap;padding:10px 12px}.rv-bar{flex-wrap:wrap}.rv-scrub{order:10;flex-basis:100%}.rv-keys{display:none}}@media(max-height:820px)and (min-width:641px){.mode-title,.mode-title[data-len=mid]{font-size:64px;margin:6px 0}.mode-title[data-len=long]{font-size:52px}.arena{margin:8px 0 6px;gap:4px}.mode-art{height:150px}.stats{margin-bottom:10px}.focus{padding:6px 0}.strip,.foot{padding-top:8px;padding-bottom:8px}}@media(max-height:680px)and (min-width:641px){.mode-title,.mode-title[data-len=mid]{font-size:48px}.mode-title[data-len=long]{font-size:40px}.focus .desc{font-size:12.5px}.mode-art{height:112px}.stats{gap:18px;margin-bottom:8px}.stat b{font-size:16px}.btn-gold.big{padding:11px 24px}.acts .btn-ghost{padding:10px 14px}.foot{display:none}}@media(prefers-reduced-motion:reduce){html:not(.motion-full) .tk-track{animation:none}html:not(.motion-full) .q-spin{animation:none}}.end-actions:has(#end-replay:not([hidden])){grid-template-columns:1fr 1.2fr 1.2fr}.gbadge{--gc: var(--grav-cascade, #8ff5e4);display:inline-flex;align-items:center;gap:4px;padding:3px 6px 3px 5px;border-radius:4px;font:700 10px/1 var(--display, var(--font));letter-spacing:.1em;text-transform:uppercase;color:var(--gc);background:color-mix(in srgb,var(--gc) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gc) 28%,transparent);vertical-align:1px;white-space:nowrap}.gbadge.g-line{--gc: var(--grav-line, #9dbaff)}.gbadge .gb-ico{width:11px;height:11px;flex:none}.gbadge.gb-md{gap:6px;padding:5px 9px 5px 7px;font-size:12px;border-radius:5px}.gbadge.gb-md .gb-ico{width:14px;height:14px}.gbadge.gb-short{padding:3px 5px 3px 4px;gap:3px}.gbadge.gb-icon{padding:3px;gap:0}.gbadge.on{background:color-mix(in srgb,var(--gc) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gc) 60%,transparent)}.gbadge.muted{opacity:.7}.grav-btn .gbadge{transition:filter var(--dur, .16s) ease}.grav-btn:hover .gbadge{filter:brightness(1.25)}.sseg.g-switch button{display:inline-flex;align-items:center;gap:6px}.sseg.g-switch .gb-ico{width:12px;height:12px;fill:currentColor;opacity:.8}.sseg.g-switch button.g-cascade.on{color:var(--grav-cascade);background:color-mix(in srgb,var(--grav-cascade) 13%,transparent)}.sseg.g-switch button.g-line.on{color:var(--grav-line);background:color-mix(in srgb,var(--grav-line) 13%,transparent)}.grav-row label .gb-ico{width:12px;height:12px;margin-right:5px;vertical-align:-1px;fill:currentColor}.tabs2 .gbadge{margin-left:6px;vertical-align:0}.q-pill .gbadge,.queue-pill .gbadge{margin:0 2px}.rv-title .gbadge{vertical-align:3px}.results-head h2 .gbadge{vertical-align:5px}.gx-pop{position:fixed;z-index:40;padding:14px 16px 12px;border-radius:12px;background:linear-gradient(180deg,#161e36fa,#0c1120fa);box-shadow:0 18px 46px #0000008c,inset 0 0 0 1px #96ace640;color:var(--text);font-family:var(--font-body, var(--font));animation:gx-in .22s ease-out both}.gx-pop.out{animation:gx-out .18s ease-in both}.gx-pop:before{content:"";position:absolute;top:-6px;left:calc(50% - 6px);width:12px;height:12px;transform:rotate(45deg);background:#161e36fa;box-shadow:-1px -1px #96ace640}.gx-hd{font:700 12px/1 var(--display, var(--font));letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.gx-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gx-col{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.gx-col p{margin:0;font-size:12.5px;line-height:1.35;color:var(--text-2, #b9c1d6)}.gx-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:12px;color:var(--muted)}.gx-ok{border:0;border-radius:6px;padding:7px 14px;background:var(--gold);color:#1a1406;font:700 12px/1 var(--display, var(--font));letter-spacing:.06em;cursor:pointer}@keyframes gx-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes gx-out{to{opacity:0;transform:translateY(-4px)}}.gx-well{--s: 14px;position:relative;width:calc(var(--s) * 5 + 8px);height:calc(var(--s) * 4 + 8px);padding:4px;border-radius:6px;background:#040710b3;box-shadow:inset 0 0 0 1px #96ace633;overflow:hidden}.gx-c{position:absolute;left:calc(4px + var(--c) * var(--s));top:calc(4px + var(--r) * var(--s));width:calc(var(--s) - 2px);height:calc(var(--s) - 2px);border-radius:3px;background:#6f83b8;animation-duration:2.6s;animation-iteration-count:infinite;animation-timing-function:steps(1,end)}.gx-cascade .gx-c{background:color-mix(in srgb,var(--grav-cascade) 70%,#22304f)}.gx-line .gx-c{background:color-mix(in srgb,var(--grav-line) 70%,#22304f)}.gx-clr{animation-name:gx-clear}.gx-cascade .gx-base{animation-name:gx-chainclear}.gx-fall2{animation-name:gx-fall2}.gx-shift{animation-name:gx-shift}.gx-fall2,.gx-shift{animation-timing-function:linear}@keyframes gx-clear{0%,18%{opacity:1}19%,26%{opacity:1;background:#fff}27%,94%{opacity:0}95%,to{opacity:1}}@keyframes gx-fall2{0%,30%{transform:none}31%{transform:translateY(calc(var(--s) * .3))}34%{transform:translateY(calc(var(--s) * .9))}38%{transform:translateY(calc(var(--s) * 1.6))}41%,52%{transform:translateY(calc(var(--s) * 2));opacity:1}53%,58%{transform:translateY(calc(var(--s) * 2));opacity:1;background:#fff}59%,94%{transform:translateY(calc(var(--s) * 2));opacity:0}95%,to{transform:none;opacity:1}}@keyframes gx-chainclear{0%,52%{opacity:1}53%,58%{opacity:1;background:#fff}59%,94%{opacity:0}95%,to{opacity:1}}@keyframes gx-shift{0%,30%{transform:none}36%,94%{transform:translateY(var(--s))}95%,to{transform:none}}.reduce-motion .gx-c,.reduce-motion .gx-pop,.reduce-motion .gx-pop.out{animation:none}@media(max-width:480px){.gx-cols{grid-template-columns:1fr}}.showcase-clean .rv-top,.showcase-clean .rv-bottom,.showcase-clean .aq{visibility:hidden}@media(min-width:1100px){.page-host{display:flex;flex-direction:column;padding:20px 24px}.page-host>.page:not(.leave){flex:1 1 0;min-height:0;width:100%}.page-host[data-layout=full]{padding:0}.page-host[data-layout=full]>.page:not(.leave){height:auto}.lb-page,.play-page,.rooms-page,.room-page,.profile-page,.replays-page,.custom-page,.config-page{display:flex;flex-direction:column;min-height:0}.profile-page>.pf-body{flex:1 1 0;min-height:0}.pp-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.rooms-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.lb-grid{grid-template-columns:minmax(0,1fr) 280px}.lbt-body,.rtable-body,.pt-body,.live-list,.recent-list,.chat-log,.pf-badges{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(96,120,180,.35) transparent}}@media(min-width:1100px)and (max-height:760px){.page-host{padding:14px 20px}.ptitle{margin-bottom:12px}.ptitle h1{font-size:28px}}.ptitle>p{min-width:0}@media(min-width:1100px){.play-page>.pp-grid{flex:1 1 0;min-height:0;align-items:stretch}.play-page .pp-grid>.pane{align-self:start;max-height:100%;display:flex;flex-direction:column}.play-page .pp-side{min-height:0}.play-page .pp-side>.pane{display:flex;flex-direction:column;min-height:0;flex:0 1 auto}.play-page .pp-side>.pane>.live-list,.play-page .pp-side>.pane>.recent-list{flex:1 1 auto}}@media(min-width:1100px)and (max-height:760px){.qt-r{min-height:48px;padding-top:6px;padding-bottom:6px}.qt-r .qm b{font-size:16px}}@media(min-width:1100px){.rooms-page>.rooms-grid{flex:1 1 0;min-height:0;align-items:stretch}.rooms-page .rooms-pane{display:flex;flex-direction:column;min-height:0}.rooms-page .rooms-pane>.rtable{flex:1 1 0;min-height:0}.rooms-page .rtable-body{flex:1 1 0}.rooms-page .rooms-grid>.pane:not(.rooms-pane){align-self:start}.rooms-page .ptitle>p{flex:1 1 260px}}@media(min-width:1100px)and (max-height:760px){.rooms-page .qt-r{min-height:44px}}@media(min-width:1100px){.room-page>.room-grid{flex:1 1 0;min-height:0}.room-page .room-grid{min-height:0}.room-page .pane.players,.room-page .pane.chat{display:flex;flex-direction:column;min-height:0;padding:0}.room-page .pane.players>ul{flex:0 1 auto;min-height:0}.room-page .chat-log{flex:1 1 0;min-height:0;max-height:none}.room-page .pane.chat>.chat-form{margin:0;padding:0 18px 14px}.room-page .room-head{margin-bottom:10px}.room-page .room-rules{margin:0 0 10px}.room-page .room-foot{flex:none;margin-top:12px}}@media(min-width:1100px)and (max-height:760px){.room-page .player-row{padding:5px 10px}.room-page .pane.players>ul{gap:3px;padding-top:6px;padding-bottom:8px}.room-page .ph-text h1{font-size:26px}.room-page .rules-chips{margin-top:6px}.room-page .room-foot{margin-top:10px}.room-page .room-foot button.primary,.room-page .room-foot button.ghost{padding-top:10px;padding-bottom:10px}}.sheet{padding:16px}.sheet-card.wide{width:min(1200px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden}.sheet-card.wide>.pane-hd{flex:none}.sheet-card.wide>.room-form{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin}.room-form.custom{gap:14px}.rf-games,.rf-game-row{gap:6px}.rf-game{width:172px;padding:7px 10px;gap:2px}.rf-game .rg-hint{font-size:12px;line-height:1.3}.rf-settings{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 24px}.rf-settings>.rf-group:last-child:nth-child(3){grid-column:span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;align-content:start}.rf-settings>.rf-group:last-child:nth-child(3)>legend{grid-column:1 / -1;float:none}.rf-settings .rf-fixed{grid-column:span 3}.rf-group{gap:12px}.room-form .seg-row label{min-height:40px}.room-form .seg.compact .seg-row label{min-height:32px}.room-form .seg-hint{font-size:12px}@media(max-height:860px){.room-form:has(.rf-settings>.rf-group:nth-child(3)) .rf-game .rg-hint{display:none}.room-form:has(.rf-settings>.rf-group:nth-child(3)) .rf-game{width:auto;min-width:120px;padding:7px 12px}}@media(max-height:760px){.rf-game .rg-hint{display:none}.rf-game{width:auto;min-width:120px;padding:7px 12px}.room-form .seg-row label{min-height:34px;padding-top:3px;padding-bottom:3px}.room-form .seg-row label .seg-hint{display:none}.rf-group{gap:8px}.room-form.custom{gap:10px}.sheet-card>:not(.pane-hd){padding:12px 18px}}@media(min-width:1100px){.custom-page>.page-head{margin-bottom:14px}.custom-page>.cg-layout{flex:1 1 0;min-height:0;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:stretch}.custom-page .cg-side{position:static;padding:16px 12px;justify-content:center}.custom-page .well-preview{width:min(160px,100%);max-height:calc(100% - 32px)}.custom-page .cg-form{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr) minmax(0,1fr);align-items:start;gap:16px}.custom-page .cg-group{padding:16px 18px;gap:12px}.custom-page .cg-form>.cg-group:nth-child(2){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;align-content:start}.custom-page .cg-form>.cg-group:nth-child(2)>legend,.custom-page .cg-form>.cg-group:nth-child(2)>.seg:first-of-type,.custom-page .cg-compare,.custom-page #cg-spins-note{grid-column:1 / -1}.custom-page .cg-form>.cg-group:nth-child(2)>legend{float:none}.custom-page .cg-compare{position:relative}.custom-page .cg-compare[open]>.rules-compare{position:absolute;z-index:8;left:0;top:calc(100% + 6px);width:min(640px,70vw);padding:10px 12px;border-radius:12px;background:#0e1324;box-shadow:0 18px 46px #0000008c,inset 0 0 0 1px #96ace640}.custom-page .cg-compare>summary{margin-bottom:0}}@media(min-width:1100px)and (max-height:760px){.custom-page .page-head h1{font-size:26px}.custom-page .page-head{margin-bottom:10px}.custom-page .cg-group{padding:12px 16px;gap:10px}.custom-page .seg.compact .seg-row label{min-height:30px}.custom-page .seg-row label{min-height:40px;padding-top:3px;padding-bottom:3px}.custom-page .cg-note{font-size:12px}}@media(min-width:1100px){.lb-page>.lb-grid{flex:1 1 0;min-height:0;align-items:stretch}.lb-page .lb-main{display:flex;flex-direction:column;min-height:0}.lb-page .lb-main>.lbt{flex:1 1 0;min-height:0}.lb-page .lbt-body{flex:1 1 0}.lb-page .lb-side{align-self:start}.lb-page .tabs2.big{flex:none;margin-bottom:12px;flex-wrap:nowrap;overflow:hidden}.lb-page .tabs2.big button{padding:12px}}@media(min-width:1100px)and (max-height:760px){.lb-page .season-bar{margin:-4px 0 8px}.lb-page .tabs2.big{margin-bottom:8px}.lb-page .tabs2.big button{padding:9px 10px}.lbt-r{min-height:36px;padding-top:4px;padding-bottom:4px}.lb-mine .kv{padding:7px 0}}@media(min-width:1100px){.pf-body{gap:14px}.pf-top{flex:none;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;align-items:stretch}.pf-hero{grid-template-columns:auto minmax(0,1fr) minmax(180px,240px);grid-template-rows:auto auto;padding:14px 20px;gap:10px 20px}.pf-hero .hex{grid-row:span 1}.pf-hero .hex .tier-emblem{width:72px;height:80px}.pf-hero .kvs{grid-column:1 / -1;grid-template-columns:repeat(6,minmax(0,1fr))}.pf-hero .kvs>div{padding:8px 12px}.pf-hero .pf-rating{grid-column:auto}.pf-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px}.pf-main>.pf-id{grid-column:1 / -1}.pf-main .pf-acct-btn{grid-column:2;justify-self:end}.pf-top>.pf-seasons{display:flex;flex-direction:column;min-height:0}.pf-top .pf-seasons-body{flex:1 1 0;min-height:0;display:flex;flex-direction:column;padding:10px 16px 12px}.pf-top .pf-season-now{margin-bottom:8px}.pf-top .pf-badges{flex:1 1 0;align-content:flex-start}.pf-top .pf-badge{min-width:0;flex:1 1 100%;grid-template-columns:auto minmax(0,1fr);padding:6px 12px 6px 8px}.pf-top .pf-badge .pb-s{width:36px;height:36px}.pf-keep{flex:none}.pf-keep .pf-guest{padding:8px 18px;flex-wrap:nowrap}.pf-keep .pf-guest,.pf-keep .pf-guest>*{margin:0}.pf-hero .pbar .lb{flex-wrap:nowrap;white-space:nowrap}.pf-hero{grid-template-columns:auto minmax(0,1fr) minmax(220px,280px)}.pf-keep .pf-guest p{max-width:none}.pf-keep .pf-guest .acts{flex:none;margin:0}.profile-page .pf-grid{flex:1 1 0;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);align-items:stretch;gap:14px}.profile-page .pf-col{min-height:0;gap:14px}.profile-page .pf-col>.pane{flex:none}.profile-page .pt-r>[role=cell]:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-page .pt-r small{font-size:12px}.profile-page .pane.pf-list{display:flex;flex-direction:column;min-height:0}.pf-list-hd{padding-top:0;padding-bottom:0}.pf-list-hd .tabs2 button{padding:15px 10px 12px;font-size:12px}.profile-page .pf-list>.pt{flex:1 1 0;min-height:0}.profile-page .pf-list>.pt[hidden]{display:none}.profile-page .pt-body{flex:1 1 0}.profile-page .pt.games .pt-r{grid-template-columns:22px minmax(0,1.3fr) auto minmax(0,1fr) 52px 40px auto}.profile-page .pt.games .pt-r>:nth-child(2){display:flex;align-items:center;gap:6px}}@media(min-width:1100px)and (max-height:860px){.pf-top{gap:10px}.pf-hero{padding:8px 16px;gap:6px 16px}.pf-hero .hex .tier-emblem{width:56px;height:62px}.pf-id h1{font-size:26px}.pf-id p{margin-top:2px}.pf-rating b{font-size:26px}.pf-hero .kvs>div{padding:4px 10px}.pf-hero .kvs b{font-size:15px;margin-top:0;line-height:1.15}.pf-hero .pbar{margin-top:6px}.profile-page .pt-r{min-height:30px;padding-top:2px;padding-bottom:2px}.profile-page .pt-r.pt-h{min-height:0;padding-top:2px;padding-bottom:5px}.profile-page .pf-body,.profile-page .pf-grid,.profile-page .pf-col,.pf-top{gap:8px}.profile-page .pf-col .pane-hd{min-height:36px;padding-top:6px;padding-bottom:6px}.pf-list-hd .tabs2 button{padding:11px 10px 9px}.pf-keep .pf-guest{padding:4px 16px}.pf-keep .pf-guest p{font-size:13px}}@media(min-width:1100px)and (max-height:660px){.pf-hero .kvs{display:none}}.modal.pf-account-modal{width:min(760px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column}.pf-account-modal .pf-account{display:flex;flex-direction:column;gap:12px;min-height:0}.pf-account-modal .pf-forms{padding:0;margin:0;gap:16px 24px}.pf-account-modal .form-actions{padding:0;justify-content:flex-start}.pf-account-modal .form-error{margin:0}@media(min-width:1100px){.replays-page>.pf-grid{flex:1 1 0;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.replays-page .pf-grid>.pane{display:flex;flex-direction:column;min-height:0}.replays-page .pf-grid>.pane>.pt{flex:1 1 0;min-height:0}.replays-page .pt-body{flex:1 1 0}}@media(min-width:1100px){.config-page{display:flex;align-items:center;justify-content:center}.config-page .panel.settings-page,.config-page .panel.sp-settings{width:min(1320px,100%);height:100%;max-height:1000px}}@media(min-width:1100px)and (max-height:1079px){.sp-settings .bind-list{display:grid;grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--bind-rows, 8),auto);column-gap:1px;background:#6078b41f}.sp-settings .bind-list .bind-row{background:#090d1a;box-shadow:inset 0 1px #6078b41f;height:auto;min-height:46px;padding:4px 10px 4px 14px;grid-template-columns:minmax(0,1fr) minmax(0,var(--ctl-w)) minmax(0,var(--ctl-w))}.panel.settings-page.sp-settings{--ctl-w: 156px}.sp-settings .bind-list .slot-wrap:has(.slot-clear) .slot.shadowed{padding-right:8px;gap:6px}.sp-settings .bind-name{flex-wrap:wrap;row-gap:2px;column-gap:8px;font-size:14px;line-height:1.2}}@media(min-width:1100px)and (max-height:860px){.sp-settings .tab-panel{padding:18px 28px;gap:12px}.sp-side{padding:20px 14px 16px 18px}.sp-side h2{margin-bottom:14px}.sp-settings .sec-head{padding-bottom:10px}.sp-settings .bind-row{height:40px}.sp-settings .bind-list .bind-row{min-height:42px}.sp-settings .slot-wrap{height:30px}.sp-settings .sp-cols{column-gap:32px}.sp-settings .sp-col,.sp-settings .sp-group{gap:10px}.rules-compare th,.rules-compare td{padding:3px 6px}}@media(min-width:1100px)and (max-height:720px){.sp-settings .tab-panel{padding:14px 24px;gap:10px}.sp-settings .sec-head h3{font-size:17px}.sp-settings .sec-head p{font-size:12.5px}.sp-settings .bind-row{height:36px}.sp-settings .bind-list .bind-row{min-height:40px}.sp-settings .slot-wrap{height:28px}.sp-settings .variant-list label{padding:5px 12px}.sp-settings .theme-grid label{padding:8px 10px}.sp-side .done{padding:9px 14px}}@media(min-width:1100px)and (max-height:640px){.sp-settings .sec-head p{display:none}.sp-settings .bind-row{height:34px}.sp-settings .variant-list.pack-list{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-settings .variant-list{gap:3px}.sp-settings .variant-list label{padding:4px 12px}.sp-settings .rule{margin:0}.rules-compare{line-height:1.25}.rules-compare th,.rules-compare td{padding:2px 6px}}@media(min-width:1100px)and (max-width:1440px){.config-page .panel.settings-page{grid-template-columns:176px minmax(0,1fr)}.config-page .sp-settings .tab-panel{padding-left:20px;padding-right:20px}}.modal-host{padding:16px}.modal-host>.modal{max-height:calc(100dvh - 32px);overflow:hidden}@media(max-height:720px){.modal{padding:18px 20px}.modal-head{margin-bottom:10px}.modal-head h2{font-size:24px}.auth-tabs{margin-bottom:14px}.auth-form,.recovery-codes,.recovery-offer{gap:10px}.rc-list{padding:10px 14px 10px 36px;gap:4px 24px}}.panel.results{width:min(900px,100%);max-height:calc(100dvh - 32px);overflow:hidden;display:flex;flex-direction:column}.panel.results>.results-table{flex:0 1 auto;min-height:0}.results-table.solo .rt-row{grid-template-columns:40px minmax(0,1.6fr) repeat(10,minmax(0,1fr))}.results-table.solo .rt-row>.rt-goal{font-weight:600;color:var(--text)}.rt-name{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%}.rt-name .rt-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--team);box-shadow:0 0 6px var(--team)}.rt-name .rt-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-table .rt-row>.rt-rank{text-align:left;font-size:15px}.rt-row.rt-head{align-items:end}.rt-row.rt-head>span{white-space:normal;text-overflow:clip;line-height:1.2}.pf-id h1{line-height:1.2}.room-page .room-head .ph-text h1{line-height:1.25}@media(max-height:820px){.panel.results{padding:20px 24px 16px;gap:10px}.results-head h2{font-size:26px}.rt-row{padding-top:6px;padding-bottom:6px}.rt-team{padding-top:6px;margin-top:4px}.auto-return{margin:4px 0 0;padding:8px 12px}}@media(max-height:640px){.rt-row{padding-top:4px;padding-bottom:4px}.results .form-actions button{padding-top:10px;padding-bottom:10px}}@media(max-height:680px){.end-panel{padding:20px 24px 16px}.end-value{font-size:48px;margin-top:10px}.end-stats{margin:14px 0 10px;padding:10px 0}}.rv-bar{flex-wrap:nowrap}.shell kbd,.rv kbd,.pal kbd,.sec-head kbd,.help kbd,.fixed-key kbd,.end-actions kbd,.settings-page kbd{font-size:12px}.caps,.tag,.gbadge,.gb-t,.mini,.shell button.mini,.sseg button,.tier-badge,.tier-badge.small,.tier-badge.unranked,.tier-badge:not(.small),.qt-h,.rm-row.rm-h,.lbt-r.lbt-h,.pt-r.pt-h,.rt-head,.pr-state,.pr-host,.team-badge,.badge,.orig,.sp-settings .orig,.fixed-key,.rr-extra,.lbr .tr,.pbar .lb,.strip .grp,.pal-gl,.pal-filter,.tabs2 button,.rv-pn,.rv-speeds button,.rv-keys,.rv-players button,.end-splits-cap,.rules-compare thead th,.sp-settings button.info,.ld .ld-b,.rr-state,.form10 i,.wl,.tb-queue,.lr .w,.shell button.w,.shell button.btn-ghost.small,.shell button.ghost.small,.shell .btn-ghost.small,.settings-page button.small,.seg-hint,.settings-page .seg-hint,.sp-settings .seg-hint,.rooms-page .sseg.tiny button,.sseg.tiny button,.strip .sm,.focus .handling-note,.stat .who-s,.pt-r small{font-size:12px}.form10 i{width:18px;height:18px}.tier-badge.small{min-width:24px;height:19px}.mh-label,.mh-row,.mh-sub.mh-extra,.mode-hud.multi .mh-row{font-size:max(12px,calc(var(--cell) * .46))}.bh{font-size:max(12px,calc(var(--cell) * .4))}.cq-ov-round,.cq-ov-row{font-size:max(12px,calc(var(--cell, 28px) * .45))}.ko-line{font-size:max(12px,.8125rem)}@media(max-width:2200px){.pane.side .tabs2 .tab-long{display:none}}.pane.side .tabs2 button{letter-spacing:.05em;padding-left:6px;padding-right:6px}.pane.side .pane-hd{gap:8px}@media(min-width:1100px){.car{grid-template-rows:minmax(0,1fr);align-items:stretch}.car>.peek{align-self:center}.focus{min-height:0;justify-content:center}.focus>.arena{flex:0 1 auto;min-height:0}.focus .mode-art{flex:0 1 auto;min-height:96px}.focus>:not(.arena){flex:none}}@media(max-width:1440px){.pane.side .pane-hd>.live-dot{display:none}}.ko-line[hidden]{display:none}.bh-grid{grid-template-columns:minmax(0,1fr)}@media(min-width:1100px)and (max-height:680px){.me-card .pc{padding:10px 14px 8px}.me-card .hex .tier-emblem{width:52px;height:58px}.me-card .pc .nm{font-size:16px;margin-top:4px}.me-card .pc .sub{margin-top:2px}.me-card .pc .rt{font-size:24px;margin-top:4px}.me-card .pbar{margin-top:6px}.me-card .pbar .lb{display:none}.me-card .kvs>div{padding:6px 10px}.me-card .form10{padding:6px 14px}.me-card .card-foot{display:none}}