:root{--bg:#09090d;--surface:#ffffff09;--surface-2:#ffffff0f;--line:#ffffff14;--line-2:#ffffff24;--text:#f4f4f5;--muted:#a1a1aa;--dim:#71717a;--accent:#6366f1;--accent-2:#818cf8;--gold:#fbbf24;--danger:#f87171;--radius:18px;--p0:#6366f1;--p1:#f4f4f5;--ease-out:cubic-bezier(.23, 1, .32, 1);--font:var(--font-inter), "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}svg{display:block}kbd{font:600 10px/1 var(--font);background:var(--surface-2);border:1px solid var(--line-2);color:var(--muted);border-bottom-width:2px;border-radius:5px;padding:3px 5px}.backdrop{z-index:0;pointer-events:none;background:radial-gradient(900px 520px at 12% -8%, #6366f138, transparent 62%), radial-gradient(800px 520px at 108% 108%, #f43f5e1a, transparent 60%), radial-gradient(600px 400px at 90% 0%, #fbbf240f, transparent 60%), var(--bg);position:fixed;inset:0}.grid-glow{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;animation:40s linear infinite drift;position:absolute;inset:-40px;-webkit-mask-image:radial-gradient(at 50% 30%,#000 10%,#0000 70%);mask-image:radial-gradient(at 50% 30%,#000 10%,#0000 70%)}@keyframes drift{to{transform:translate(44px,44px)}}.screen{z-index:1;opacity:0;visibility:hidden;transition:opacity .35s var(--ease-out), visibility 0s linear .35s;position:fixed;inset:0}.screen.is-active{opacity:1;visibility:visible;animation:screenIn .35s var(--ease-out)}@keyframes screenIn{0%{opacity:0}}#menu,#lobby{overflow-y:auto}.menu-wrap{min-height:100%;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.brand{text-align:center}.logo{filter:drop-shadow(0 18px 30px #6366f159);width:84px;height:84px;margin:0 auto 14px}.logo-p1,.logo-p2{transform-box:fill-box;transform-origin:50%}.logo-p1{animation:4s cubic-bezier(.45,0,.2,1) infinite logoP1}.logo-p2{animation:4s cubic-bezier(.45,0,.2,1) infinite logoP2}.logo-wall{animation:4s cubic-bezier(.45,0,.2,1) infinite logoWall}@keyframes logoP1{0%,10%{opacity:1;transform:translate(0)}18%,56%{transform:translateY(-26px)}64%,70%{transform:translate(26px,-26px)}78%{transform:translate(26px,-52px)scale(1)}82%{transform:translate(26px,-52px)scale(1.2)}86%,88%{opacity:1;transform:translate(26px,-52px)scale(1)}92%{opacity:0;transform:translate(26px,-52px)}93%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes logoP2{0%,26%{opacity:1;transform:translate(0)}34%,88%{opacity:1;transform:translate(-26px)}92%{opacity:0;transform:translate(-26px)}93%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes logoWall{0%,40%{opacity:0;transform:translateY(-10px)}48%,86%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(0)}}.title{letter-spacing:-.03em;background:linear-gradient(#fff 30%,#a5a7d8);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(38px,9vw,54px);font-weight:900;line-height:1}.title span{background:linear-gradient(#a5b4fc,#6366f1);color:#0000;-webkit-background-clip:text;background-clip:text;margin-left:.18em}.title small{letter-spacing:.3em;text-transform:uppercase;color:#a5b4fc;margin-bottom:8px;padding-left:.3em;font-size:13px;font-weight:800;display:block}.tagline{color:var(--muted);margin:10px 0 0;font-size:14px;font-weight:500}.menu-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);background:linear-gradient(#ffffff0e,#ffffff06);border-radius:24px;flex-direction:column;gap:16px;width:min(100%,460px);padding:20px;display:flex;box-shadow:0 30px 80px -30px #000c,inset 0 1px #ffffff0f}.field{flex-direction:column;gap:8px;display:flex}.field[hidden]{display:none}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);justify-content:space-between;align-items:baseline;font-size:11px;font-weight:800;display:flex}.label em{letter-spacing:.02em;text-transform:none;color:var(--muted);font-style:normal;font-weight:600}.note{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.account-email{background:var(--surface-2);border:1px solid var(--line-2);color:var(--text);overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;padding:1px 6px;font-weight:700}.seg{border:1px solid var(--line);background:#00000059;border-radius:13px;gap:3px;padding:3px;display:flex}.seg button{min-height:38px;color:var(--muted);transition:background-color .2s var(--ease-out), color .2s, box-shadow .2s, transform .12s var(--ease-out);border-radius:10px;flex:1;padding:8px 6px;font-size:13px;font-weight:700}.seg button:active{transform:scale(.97)}.seg button.on{color:#fff;background:linear-gradient(#7376f7,#4f46e5);box-shadow:0 6px 16px -6px #4f46e5b3,inset 0 1px #ffffff38}@media (hover:hover){.seg button:not(.on):hover{color:var(--text);background:var(--surface-2)}}.color-row{align-items:center;gap:12px;display:flex}.color-who{width:76px;color:var(--muted);flex:none;font-size:13px;font-weight:700}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{background:radial-gradient(circle at 35% 30%, #ffffffd9, transparent 45%), var(--c);width:28px;height:28px;transition:transform .15s var(--ease-out), box-shadow .2s;border-radius:50%;box-shadow:inset 0 -3px 6px #00000059,0 0 0 1px #ffffff1a}.swatch:active{transform:scale(.9)}.swatch.on{box-shadow:inset 0 -3px 6px #00000059, 0 0 0 2px var(--bg), 0 0 0 4px var(--c)}.swatch.taken{opacity:.25}.continue{text-align:left;color:#fde68a;width:100%;transition:transform .15s var(--ease-out), border-color .2s;background:linear-gradient(90deg,#fbbf2424,#fbbf240a);border:1px solid #fbbf244d;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.continue[hidden]{display:none}.continue:active{transform:scale(.98)}.continue svg{width:18px;height:18px;margin-left:auto}.continue-dot{background:var(--gold);width:10px;height:10px;box-shadow:0 0 10px var(--gold);border-radius:50%;animation:1.6s infinite pulse}.continue-text{flex-direction:column;display:flex}.continue-text b{font-size:14px}.continue-text small{color:#fde68ab3;font-size:12px}.btn{min-height:42px;transition:transform .15s var(--ease-out), background-color .2s, box-shadow .2s, opacity .2s;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:800;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4}.btn svg{width:18px;height:18px}.btn-primary{color:#fff;background:linear-gradient(#7578f8,#4f46e5);box-shadow:0 12px 28px -10px #4f46e5cc,inset 0 1px #ffffff40}@media (hover:hover){.btn-primary:hover{box-shadow:0 14px 34px -10px #6366f1f2,inset 0 1px #ffffff4d}}.btn-big{letter-spacing:.02em;border-radius:15px;min-height:54px;font-size:17px}.btn-ghost{background:var(--surface-2);border:1px solid var(--line);color:var(--text)}@media (hover:hover){.btn-ghost:hover:not(:disabled){background:#ffffff1a}}.btn-danger{color:var(--danger)}.btn-link{min-height:32px;color:var(--muted);font-size:13px;font-weight:600}@media (hover:hover){.btn-link:hover{color:var(--text)}}.icon-btn{background:var(--surface);border:1px solid var(--line);width:40px;height:40px;color:var(--muted);transition:color .2s, background-color .2s, transform .15s var(--ease-out);border-radius:12px;flex:none;place-items:center;display:grid}.icon-btn svg{width:20px;height:20px}.icon-btn:active{transform:scale(.94)}@media (hover:hover){.icon-btn:hover{color:var(--text);background:var(--surface-2)}}#game{flex-direction:column;display:flex}.topbar{height:60px;padding:0 16px;padding-top:env(safe-area-inset-top);box-sizing:content-box;flex:none;align-items:center;gap:12px;display:flex}.topbar-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.mini-logo{letter-spacing:-.02em;white-space:nowrap;font-size:17px;font-weight:900}.mini-logo b{color:var(--accent-2);margin-left:3px;font-weight:900}.badge{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;background:var(--surface-2);border:1px solid var(--line);min-width:0;color:var(--muted);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;overflow:hidden}.badge.center{color:var(--gold);background:#fbbf241f;border-color:#fbbf244d}.topbar-actions{gap:8px;margin-left:auto;display:flex}.layout{min-height:0;padding:4px 16px max(16px, env(safe-area-inset-bottom));flex:1;grid-template-columns:auto 300px;justify-content:center;align-items:start;gap:22px;display:grid;overflow-y:auto}.board-col{flex-direction:column;gap:10px;width:min(100vw - 370px,100dvh - 300px,720px);min-width:320px;display:flex}.board-wrap{aspect-ratio:1;isolation:isolate;width:100%;position:relative}.board-wrap:before,.board-wrap:after{content:"";z-index:-1;opacity:0;pointer-events:none;border-radius:50%;height:44%;transition:opacity .5s;position:absolute;left:2%;right:2%}.board-wrap:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--top) 60%, transparent), transparent);top:-15%}.board-wrap:after{background:radial-gradient(closest-side, color-mix(in srgb, var(--bottom) 60%, transparent), transparent);bottom:-15%}.board-wrap.turn-top:before,.board-wrap.turn-bottom:after{opacity:1}#board{touch-action:none;border-radius:4.5%;width:100%;height:100%;box-shadow:0 40px 80px -30px #000000d9,0 0 0 1px #ffffff0d}.side{flex-direction:column;gap:12px;height:0;min-height:100%;display:flex}.pcard{--pc:var(--p0);background:var(--surface);border:1px solid var(--line);min-height:64px;transition:border-color .3s var(--ease-out), box-shadow .3s var(--ease-out), background-color .3s;border-radius:18px;align-items:center;gap:12px;padding:9px 12px;display:flex}.pcard.active{border-color:color-mix(in srgb, var(--pc) 55%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--pc) 12%, transparent), #ffffff06 60%);box-shadow:0 12px 32px -16px color-mix(in srgb, var(--pc) 75%, transparent)}.pcard.winner{border-color:#fbbf2499;box-shadow:0 12px 32px -14px #fbbf24b3}.avatar-wrap{flex:none;place-items:center;width:46px;height:46px;display:grid;position:relative}.ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:3px}.ring-track{stroke:#ffffff14}.ring-fill{stroke:var(--pc);stroke-linecap:round;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--pc) 60%, transparent));transition:stroke-dasharray .5s var(--ease-out)}.avatar{background:radial-gradient(circle at 34% 30%, #ffffffe6, transparent 42%), radial-gradient(circle at 50% 50%, var(--pc) 55%, color-mix(in srgb, var(--pc) 55%, #000) 100%);border-radius:50%;width:34px;height:34px;box-shadow:inset 0 -4px 8px #00000059,0 4px 10px -2px #00000080}.pcard.thinking .avatar-wrap:after{content:"";border:2px solid #0000;border-top-color:color-mix(in srgb, var(--pc) 80%, #fff);border-radius:50%;animation:.8s linear infinite spin;position:absolute;inset:-4px}@keyframes spin{to{transform:rotate(360deg)}}.pinfo{flex:1;min-width:0}.pname{white-space:nowrap;align-items:center;gap:8px;font-size:14.5px;font-weight:800;display:flex}.pname-text{text-overflow:ellipsis;overflow:hidden}.turn-tag{letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--pc) 22%, transparent);color:color-mix(in srgb, var(--pc) 70%, #fff);opacity:0;transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800;transform:translateY(2px)}.pcard.active .turn-tag,.pcard.winner .turn-tag{opacity:1;transform:none}.pcard.winner .turn-tag{color:var(--gold);background:#fbbf2433}.psub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.psub.warn{color:var(--gold);font-weight:700}.pstat{flex-direction:column;flex:none;align-items:center;min-width:48px;line-height:1;display:flex}.pstat b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:22px;font-weight:900}.pstat span{color:var(--dim);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.pcard.active .pstat b{color:color-mix(in srgb, var(--pc) 45%, #fff)}.pwalls{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.pips{gap:3px;display:flex}.pip{background:#ffffff14;border-radius:3px;width:5px;height:16px;transition:background-color .3s,box-shadow .3s}.pip.on{background:var(--pc);box-shadow:0 0 6px color-mix(in srgb, var(--pc) 55%, transparent)}.wlabel{color:var(--dim);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.clock{font-variant-numeric:tabular-nums;border:1px solid var(--line);color:var(--muted);background:#00000059;border-radius:11px;flex:none;align-items:center;gap:6px;padding:8px 10px;font-size:16px;font-weight:800;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.clock svg{opacity:.7;width:15px;height:15px}.pcard.active .clock{color:var(--text);border-color:color-mix(in srgb, var(--pc) 45%, transparent);background:color-mix(in srgb, var(--pc) 10%, #00000059)}.clock.low{animation:1s infinite pulse;color:var(--danger)!important}@keyframes pulse{50%{opacity:.55}}.dock{align-items:stretch;gap:10px;display:flex}.turn-pill{background:linear-gradient(90deg, color-mix(in srgb, var(--sc) 14%, transparent), #ffffff08 70%);border:1px solid color-mix(in srgb, var(--sc) 30%, var(--line));border-radius:16px;flex:1;align-items:center;gap:12px;min-width:0;padding:10px 14px;transition:border-color .3s,background .3s;display:flex}.turn-dot{background:var(--sc);width:12px;height:12px;box-shadow:0 0 12px var(--sc);border-radius:50%;flex:none;position:relative}.turn-pill.me .turn-dot:after{content:"";border:2px solid var(--sc);animation:ping 1.6s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-5px}@keyframes ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.turn-pill.wait .turn-dot{box-shadow:none;border:2px solid color-mix(in srgb, var(--sc) 30%, transparent);border-top-color:var(--sc);background:0 0;animation:.8s linear infinite spin}.turn-pill.alert .turn-dot{animation:1s infinite pulse}.turn-text{flex-direction:column;min-width:0;display:flex}.turn-text b{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:800;overflow:hidden}.turn-text small{color:var(--muted);margin-top:1px;font-size:12px;line-height:1.35}.tools{border:1px solid var(--line);background:#00000059;border-radius:16px;flex:none;align-items:center;gap:3px;padding:4px;display:flex}.tool{min-height:42px;color:var(--muted);transition:background-color .2s var(--ease-out), color .2s, transform .12s var(--ease-out), opacity .2s;border-radius:12px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:800;display:flex;position:relative}.tool svg{width:18px;height:18px}.tool:active:not(:disabled){transform:scale(.95)}.tool:disabled{opacity:.35}@media (hover:hover){.tool:not(:disabled):hover{color:var(--text);background:var(--surface-2)}}.tool.busy svg{animation:.8s infinite pulse}.panel{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:14px}.panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.panel-head h3{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:0;font-size:11px;font-weight:800}.panel-head span{color:var(--muted);text-align:right;font-size:12px;font-weight:700}.race .panel-head span{color:var(--text)}.race-bar{background:#ffffff0f;border-radius:999px;height:10px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.race-bar i{background:linear-gradient(180deg, color-mix(in srgb, var(--pc) 75%, #fff), var(--pc));height:100%;transition:width .5s var(--ease-out);display:block}.race-bar i+i{border-left:2px solid #121218;flex:1}.race-legend{color:var(--muted);justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;font-weight:700;display:flex}.race-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.race-list li{grid-template-columns:minmax(0,1fr) 1.6fr auto;align-items:center;gap:10px;font-size:12.5px;font-weight:700;display:grid}.race-list li.out{opacity:.45}.race-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.race-name i{background:var(--pc);border-radius:50%;flex:none;width:8px;height:8px}.race-track{background:#ffffff0f;border-radius:999px;height:8px;overflow:hidden}.race-track b{border-radius:inherit;background:var(--pc);height:100%;display:block}.race-steps{text-align:right;min-width:52px;color:var(--muted);font-variant-numeric:tabular-nums}.pcard.out{opacity:.5}.race-legend span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.race-legend i{background:var(--pc);border-radius:50%;flex:none;width:8px;height:8px}.toggle{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle kbd{margin-left:4px}.track{background:#ffffff1f;border-radius:999px;flex:none;width:38px;height:22px;transition:background-color .2s;position:relative}.thumb{width:16px;height:16px;transition:transform .22s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0006}.toggle input:checked+.track{background:var(--accent)}.toggle input:checked+.track .thumb{transform:translate(16px)}.toggle input:focus-visible+.track{outline:2px solid var(--accent-2);outline-offset:2px}.btn-row{gap:8px;margin-top:12px;display:flex}.btn-row .btn{flex:1}.history-panel{flex-direction:column;flex:1;min-height:140px;display:flex}.moves{scrollbar-width:thin;flex:1;min-height:0;margin:0 -6px;padding:0;list-style:none;overflow-y:auto}.moves li{font-variant-numeric:tabular-nums;border-radius:9px;grid-template-columns:28px 1fr 1fr;align-items:center;gap:6px;padding:3px 6px;font-size:13px;font-weight:700;display:grid}.moves li:nth-child(odd){background:#ffffff06}.moves .n{color:var(--dim);text-align:right;padding-right:2px;font-size:11px}.mv{border-radius:7px;justify-self:start;align-items:center;gap:7px;padding:3px 8px 3px 6px;display:inline-flex}.mv i{background:var(--pc);border-radius:50%;width:8px;height:8px}.mv.wall i{border-radius:2px;width:12px;height:4px}.mv.last,.mv.current{background:color-mix(in srgb, var(--pc) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pc) 40%, transparent)}button.mv{transition:background-color .15s,opacity .2s}@media (hover:hover){button.mv:not(.current):hover{background:var(--surface-2)}}.mv.later{opacity:.38}.replay-controls{border-top:1px solid var(--line);justify-content:center;gap:4px;margin-top:10px;padding-top:10px;display:flex}.replay-controls button{width:40px;height:34px;color:var(--muted);transition:color .15s, background-color .15s, transform .15s var(--ease-out);border-radius:10px;place-items:center;display:grid}.replay-controls button svg{width:18px;height:18px}.replay-controls button:active:not(:disabled){transform:scale(.94)}.replay-controls button:disabled{opacity:.35}@media (hover:hover){.replay-controls button:not(:disabled):not(.play):hover{color:var(--text);background:var(--surface-2)}}.replay-controls .play{color:#fff;background:var(--accent);width:48px;box-shadow:0 6px 16px -6px #6366f1cc}@media (hover:hover){.replay-controls .play:hover{background:var(--accent-2)}}.replay-dock{display:none}@media (max-width:960px){.replay-dock{background:var(--surface);border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:6px 6px 6px 14px;display:flex}.replay-dock .replay-controls{border:0;margin:0;padding:0}.history-panel .replay-controls{display:none}}.history-empty{color:var(--dim);margin:0;font-size:12px}.modal{z-index:20;-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .25s var(--ease-out), visibility 0s linear .25s;background:#05050899;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal.is-open{opacity:1;visibility:visible;transition:opacity .25s var(--ease-out)}.modal-card{border:1px solid var(--line-2);width:min(100%,420px);max-height:calc(100dvh - 32px);transition:transform .3s var(--ease-out);background:linear-gradient(#1b1b24,#121218);border-radius:24px;padding:26px 22px 22px;position:relative;overflow-y:auto;transform:translateY(12px)scale(.96);box-shadow:0 40px 100px -20px #000000e6}.modal.is-open .modal-card{transform:none}.modal-card h2{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:900}.modal-actions{gap:8px;margin-top:20px;display:flex}.modal-actions .btn{flex:1}.modal-close{position:absolute;top:14px;right:14px}.result-card{text-align:center}.result-icon{width:76px;height:76px;margin:0 auto 14px}.result-icon svg{width:100%;height:100%}.result-card.win h2{background:linear-gradient(#fde68a,#f59e0b);color:#0000;-webkit-background-clip:text;background-clip:text}.result-sub{color:var(--muted);margin:8px 0 0;font-size:14px}.result-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.stat{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px 6px}.stat b{font-variant-numeric:tabular-nums;font-size:18px;font-weight:900;display:block}.stat span{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.result-record{color:var(--dim);margin:12px 0 0;font-size:12px}.result-record:empty{display:none}.result-record.highlight{color:var(--gold);font-weight:700;animation:1.2s infinite pulse}.confirm-card p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.5}.rules-doc{flex-direction:column;gap:40px;width:min(100%,760px);min-width:0;margin:0 auto;padding-bottom:8px;display:flex}.shell-main .rules-doc{margin-top:34px}.rules-doc b{color:var(--text)}.rules-doc p a{color:var(--accent-2);font-weight:600}.rules-toc ol{counter-reset:toc;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.rules-toc li{counter-increment:toc}.rules-toc a{background:var(--surface);border:1px solid var(--line);min-height:40px;color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:700;transition:color .15s,border-color .15s;display:flex}.rules-toc a:before{content:counter(toc);min-width:16px;color:var(--accent-2);font-size:12px;font-weight:900}@media (hover:hover){.rules-toc a:hover{color:var(--text);border-color:var(--line-2)}}.rules-quick h2,.rules-cta h2{letter-spacing:-.02em;margin:0 0 14px;font-size:22px;font-weight:900}.rules-quick ol{counter-reset:quick;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.rules-quick li{counter-increment:quick;background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:16px;flex-direction:column;gap:6px;padding:44px 16px 16px;font-size:13.5px;line-height:1.5;display:flex;position:relative}.rules-quick li:before{content:counter(quick);color:#fff;background:var(--accent);border-radius:7px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:grid;position:absolute;top:14px;left:16px}.rules-quick li b{font-size:15px}.rule-sec{flex-direction:column;gap:14px;scroll-margin-top:20px;display:flex}.rule-sec h2{letter-spacing:-.02em;align-items:center;gap:12px;margin:0;font-size:22px;font-weight:900;display:flex}.rule-num{color:#fff;background:var(--accent);border-radius:10px;flex:none;place-items:center;width:30px;height:30px;font-size:14px;font-weight:900;display:grid}.rule-sec>p,.rule-list li,.rule-steps li{color:var(--muted);text-wrap:pretty;margin:0;font-size:15px;line-height:1.65}.rule-h3{margin:6px 0 0;font-size:16px;font-weight:800}.rule-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.rule-steps{counter-reset:step;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rule-steps li{counter-increment:step;padding-left:38px;position:relative}.rule-steps li:before{content:counter(step);width:26px;height:26px;color:var(--accent-2);background:#6366f129;border:1px solid #818cf859;border-radius:50%;place-items:center;font-size:12.5px;font-weight:900;display:grid;position:absolute;top:1px;left:0}.rule-keys{color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin:0;font-size:13.5px;line-height:2;display:flex}.rule-keys span{white-space:nowrap}.rule-figs{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;display:grid}.rule-figs.three{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.rule-fig{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:16px;display:flex}.rule-board{width:100%;min-width:0;height:auto;display:block}.rule-fig,.rule-mode,.rules-quick li,.rules-toc li{min-width:0}.rule-fig figcaption{text-align:center;max-width:42ch;color:var(--muted);flex-direction:column;align-items:center;gap:6px;font-size:13px;line-height:1.5;display:flex}.verdict{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.verdict.ok{color:#34d399}.verdict.no{color:var(--danger)}.rb-hidden{font:800 14px var(--font);fill:#ffffff8c}.rule-modes{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;display:grid}.rule-mode{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.rule-mode h3{align-self:stretch;margin:0;font-size:15px;font-weight:800}.rule-mode p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.rules-cta{text-align:center;background:linear-gradient(#6366f124,#6366f10a);border:1px solid #818cf840;border-radius:20px;padding:24px}.rules-cta p{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;display:flex}.mode-list{flex-direction:column;gap:10px;display:flex}.mode-card{--mc:var(--accent);text-align:left;background:var(--surface-2);border:1px solid var(--line);width:100%;transition:transform .15s var(--ease-out), border-color .2s, background-color .2s, box-shadow .2s;border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex}.mode-card>svg{width:20px;height:20px;color:var(--dim);transition:transform .2s var(--ease-out), color .2s;flex:none}.mode-card:active{transform:scale(.98)}@media (hover:hover){.mode-card:hover{border-color:color-mix(in srgb, var(--mc) 45%, transparent);box-shadow:0 14px 30px -18px var(--mc);background:#ffffff14}.mode-card:hover>svg{color:var(--text);transform:translate(3px)}}.mode-card.online{--mc:#6366f1}.mode-card.cpu,.mode-icon.cpu{--mc:#10b981}.mode-card.local,.mode-icon.local{--mc:#f59e0b}.mode-icon{--mc:var(--accent);color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--mc) 78%, #fff), var(--mc) 55%, color-mix(in srgb, var(--mc) 70%, #000));width:50px;height:50px;box-shadow:0 10px 22px -10px var(--mc), inset 0 1px 0 #ffffff4d;border-radius:15px;flex:none;place-items:center;display:grid}.mode-card .mode-icon{--mc:inherit}.mode-icon svg{width:26px;height:26px}.mode-icon.small{border-radius:11px;width:36px;height:36px}.mode-icon.small svg{width:20px;height:20px}.mode-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mode-text b{align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.mode-text small{color:var(--muted);font-size:13px}.mode-live{color:#6ee7b7;background:#34d3991f;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.mode-live i{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #34d399}.setup-head{align-items:center;gap:12px;display:flex}.setup-head h2{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:900}.menu-card{animation:cardIn .3s var(--ease-out)}@keyframes cardIn{0%{opacity:0;transform:translateY(6px)}}.text-input{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);font:600 14px var(--font);background:#00000059;border-radius:12px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f140}.text-input::placeholder{color:var(--dim)}.code-input{text-transform:uppercase;letter-spacing:.22em;font-weight:800}.code-input::placeholder{letter-spacing:normal;text-transform:none;font-weight:600}.online-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.online-actions .btn-big{font-size:15px}.join-row{gap:8px;display:flex}.join-row .btn{flex:none;min-width:74px}.online-count{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;display:flex}.online-count i{background:var(--dim);border-radius:50%;width:8px;height:8px}.online-count i.live{background:#34d399;box-shadow:0 0 8px #34d399}.lobby-card{text-align:center;align-items:center;gap:14px;padding:28px 22px}.lobby-card h2{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:900}.lobby-card>.btn{width:100%}.lobby-card code{background:var(--surface-2);color:var(--text);border-radius:5px;padding:1px 5px;font-size:12px}.lobby-sub{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.lobby-sub.small{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:800}.lobby-note{max-width:360px;color:var(--dim);margin:0;font-size:12px;line-height:1.5}.room-code{transition:transform .15s var(--ease-out);border-radius:16px;justify-content:center;gap:6px;padding:4px;display:flex}.room-code:active{transform:scale(.97)}.room-code span{color:#fff;background:linear-gradient(#6366f138,#6366f114);border:1px solid #818cf859;border-radius:12px;place-items:center;width:46px;height:58px;font-size:28px;font-weight:900;display:grid;box-shadow:0 10px 24px -14px #6366f1e6}.link-row{gap:8px;width:100%;display:flex}.link-row .text-input{min-width:0;color:var(--muted);flex:1;font-size:13px;font-weight:500}.link-row .btn{flex:none}.icon-only{width:42px;padding:0}.waiting{color:var(--muted);align-items:center;gap:10px;font-size:13px;font-weight:700;display:inline-flex}.waiting-dots{gap:4px;display:inline-flex}.waiting-dots i{background:var(--accent-2);border-radius:50%;width:6px;height:6px;animation:1.2s infinite dotBounce}.waiting-dots i:nth-child(2){animation-delay:.15s}.waiting-dots i:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,70%,to{opacity:.4;transform:translateY(0)}35%{opacity:1;transform:translateY(-5px)}}.radar{place-items:center;width:136px;height:136px;display:grid;position:relative}.radar span{animation:radar 2.4s var(--ease-out) infinite;border:2px solid #818cf88c;border-radius:50%;position:absolute;inset:0}.radar span:nth-child(2){animation-delay:.8s}.radar span:nth-child(3){animation-delay:1.6s}@keyframes radar{0%{opacity:1;transform:scale(.45)}to{opacity:0;transform:scale(1)}}.radar-logo{filter:drop-shadow(0 12px 24px #6366f173);width:66px;height:66px;position:relative}.net-banner{left:50%;top:calc(12px + env(safe-area-inset-top));z-index:15;color:#fecaca;background:#7f1d1de0;border:1px solid #f8717180;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:800;animation:1.4s infinite pulse;position:fixed;transform:translate(-50%)}.conn{background:#71717a;border:2px solid #121218;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.conn.on{background:#34d399}.psub .warn{color:var(--gold);font-weight:700}.toast{left:50%;top:calc(66px + env(safe-area-inset-top));z-index:30;text-align:center;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;max-width:calc(100vw - 32px);transition:transform .3s var(--ease-out), opacity .3s var(--ease-out);background:#181820eb;border-radius:14px;padding:11px 16px;font-size:13.5px;font-weight:700;position:fixed;transform:translate(-50%,-12px);box-shadow:0 16px 40px -12px #000c}.toast.show{opacity:1;transform:translate(-50%)}.toast.error{color:#fecaca;border-color:#f8717173}.fx{z-index:25;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@media (max-width:960px){body{overflow:auto}#game{min-height:100%;position:absolute;inset:0 0 auto}.layout{flex-direction:column;flex:none;justify-content:flex-start;align-items:center;display:flex;overflow:visible}.board-col{width:min(100%,600px);min-width:0}.side{width:min(100%,600px);height:auto;min-height:0}.history-panel{min-height:0}.moves{max-height:220px}}@media (max-width:480px){.online-actions{grid-template-columns:1fr}.room-code span{width:40px;height:52px;font-size:24px}.topbar{height:54px;padding:0 12px}.mini-logo{display:none}.icon-btn{width:38px;height:38px}.layout{gap:14px;padding:2px 10px 16px}.board-col{gap:8px}.pcard{gap:9px;min-height:56px;padding:8px 10px}.avatar-wrap{width:40px;height:40px}.avatar{width:29px;height:29px}.pname{font-size:13.5px}.pstat{min-width:34px}.pstat b{font-size:19px}.pip{width:4px;height:13px}.wlabel{display:none}.clock{gap:4px;padding:6px 8px;font-size:14px}.clock svg{display:none}.turn-pill{padding:9px 12px}.tool{padding:0 11px}.tool span{display:none}.color-who{width:64px}.swatch{width:26px;height:26px}}@media (max-width:360px){.pstat span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html.reduce-motion *,html.reduce-motion :before,html.reduce-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.note.center{text-align:center}.note.dim,.dim{color:var(--dim)}.note.mono{word-break:break-all;color:var(--dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.bad{color:var(--danger);font-weight:700}.empty{border:1px dashed var(--line-2);color:var(--muted);text-align:center;border-radius:14px;margin:8px 0;padding:18px;font-size:13px}.section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:22px 0 8px;font-size:12px;font-weight:800}select.text-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:34px}textarea.text-input{resize:vertical;min-height:70px;font-weight:500}.form-stack{flex-direction:column;gap:14px;display:flex}.btn-col{flex-direction:column;gap:8px;display:flex}.btn-link.left{align-self:flex-start;min-height:24px;padding:0}.home-top{align-items:center;gap:8px;display:flex}.profile-chip{background:var(--surface-2);border:1px solid var(--line);text-align:left;min-width:0;transition:background-color .2s, transform .15s var(--ease-out);border-radius:16px;flex:1;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.profile-chip:active{transform:scale(.98)}@media (hover:hover){.profile-chip:hover{background:#ffffff17}}.lvl-badge{--p:0%;background:conic-gradient(var(--accent-2) var(--p), #ffffff1a 0);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.lvl-badge b{background:#15151d;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;font-weight:900;display:grid}.lvl-badge.big{width:64px;height:64px}.lvl-badge.big b{width:52px;height:52px;font-size:22px}.profile-text{flex-direction:column;min-width:0;display:flex}.profile-text b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.profile-text small{color:var(--muted);font-size:11.5px}.streak{color:var(--dim);align-items:center;gap:4px;margin-left:auto;font-size:14px;font-weight:900;display:inline-flex}.streak svg{width:18px;height:18px}.streak.lit{color:#fb923c}.streak.big{flex-direction:column;gap:0;font-size:22px}.streak.big svg{width:26px;height:26px}.streak small{color:var(--dim);font-size:10px;font-weight:700}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tile{text-align:left;background:var(--surface);border:1px solid var(--line);min-width:0;transition:background-color .2s, border-color .2s, transform .15s var(--ease-out);border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.tile:active{transform:scale(.97)}@media (hover:hover){.tile:hover{background:var(--surface-2);border-color:var(--line-2)}}.tile-icon{width:34px;height:34px;color:var(--accent-2);background:#6366f129;border-radius:10px;flex:none;place-items:center;display:grid}.tile-icon svg{width:18px;height:18px}.tile.daily .tile-icon,.tile.rush .tile-icon,.tile.drills .tile-icon{color:var(--gold);background:#fbbf2424}.tile.arenas .tile-icon,.tile.leaderboard .tile-icon{color:#34d399;background:#10b98124}.tile-text{flex-direction:column;min-width:0;display:flex}.tile-text b{font-size:13px;font-weight:800;line-height:1.25}@media (max-width:420px){.tile{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}}.tile-text small{color:var(--muted);font-size:11px}.missions{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:6px;padding:12px;display:flex}.missions-head{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.missions-head b{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-size:12px;font-weight:800}.missions-head small{color:var(--dim);font-size:11px}.mission{align-items:center;gap:10px;padding:4px 0;display:flex}.mission-check{border:1.5px solid var(--line-2);color:#052e16;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:grid}.mission.done .mission-check{background:#34d399;border-color:#34d399}.mission-text{flex-direction:column;font-size:13px;font-weight:600;display:flex}.mission-text small{color:var(--muted);font-size:11px;font-weight:600}.mission.done .mission-text{color:var(--muted);-webkit-text-decoration:line-through #ffffff40;text-decoration:line-through #ffffff40}.chips-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mode-chip{min-height:38px;color:var(--muted);border:1px solid var(--line);transition:background-color .2s, color .2s, border-color .2s, transform .12s var(--ease-out);background:#0000004d;border-radius:11px;padding:6px 8px;font-size:12.5px;font-weight:800}.mode-chip:active{transform:scale(.96)}.mode-chip.on{color:#fff;background:linear-gradient(#7376f7,#4f46e5);border-color:#0000}@media (hover:hover){.mode-chip:not(.on):hover{color:var(--text);background:var(--surface-2)}}.stepper{border:1px solid var(--line);background:#00000059;border-radius:12px;align-items:center;gap:4px;padding:3px;display:inline-flex}.stepper button{width:34px;height:32px;color:var(--muted);border-radius:9px;font-size:18px;font-weight:800}.stepper button:not(:disabled):hover{background:var(--surface-2);color:var(--text)}.stepper button:disabled{opacity:.3}.stepper b{text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-size:15px}.link-tiles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.toggle.setting{align-items:flex-start}.toggle.setting .track{margin-top:1px}.toggle-text{flex-direction:column;gap:2px;display:flex}.toggle-text small{color:var(--muted);font-size:11.5px;font-weight:500;line-height:1.4}.pcard-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pcard.compact{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"av info stat""av walls clock";align-items:center;gap:3px 8px;min-height:54px;padding:7px 9px;display:grid}.pcard.compact .avatar-wrap{grid-area:av}.pcard.compact .pinfo{grid-area:info}.pcard.compact .pstat{grid-area:stat}.pcard.compact .pwalls{grid-area:walls;align-items:flex-start}.pcard.compact .clock{grid-area:clock}.pcard.compact .avatar-wrap{width:36px;height:36px}.pcard.compact .avatar{width:26px;height:26px}.pcard.compact .pname{font-size:13px}.pcard.compact .pstat{min-width:30px}.pcard.compact .pstat b{font-size:17px}.pcard.compact .pstat span,.pcard.compact .wlabel,.pcard.compact .clock svg{display:none}.pcard.compact .pip{width:4px;height:12px}.pcard.compact .clock{padding:5px 7px;font-size:13px}.chips{vertical-align:middle;gap:4px;margin-left:6px;display:inline-flex}.chip{color:var(--gold);background:#fbbf2429;border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:800}.chip.spent{background:var(--surface-2);color:var(--dim)}.board-wrap.with-eval{width:calc(100% - 18px);margin-left:18px}.eval-bar{background:var(--theirs);border-radius:999px;width:10px;position:absolute;top:0;bottom:0;left:-18px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.eval-bar i{height:var(--v);background:var(--mine);transition:height .6s var(--ease-out);position:absolute;bottom:0;left:0;right:0}.eval-bar b{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tool.on{color:#1c1400;background:var(--gold)}.premove-bar{color:var(--muted);background:var(--surface);border:1px dashed var(--line-2);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;font-size:12.5px;display:flex}.premove-bar b{color:var(--text)}.report-link{gap:6px;width:100%;margin-top:8px}.report-link svg{width:14px;height:14px}.moves.four li{grid-template-columns:24px repeat(4,1fr);gap:3px}.moves.four .mv{padding:2px 4px;font-size:12px}.coach-card{text-align:center}.coach-icon{width:54px;height:54px;color:var(--gold);background:#fbbf2426;border-radius:16px;place-items:center;margin:0 auto 10px;display:grid}.coach-icon svg{width:28px;height:28px}.modal-actions.stack{flex-direction:column}.result-rating{color:var(--muted);margin:14px 0 0;font-size:14px;font-weight:700}.result-rating b{border-radius:999px;margin-left:6px;padding:2px 8px}.result-rating.up b{color:#6ee7b7;background:#34d39926}.result-rating.down b{color:#fca5a5;background:#f8717126}.result-earned{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 10px;margin-top:12px;font-size:12.5px;display:flex}.result-earned b{color:var(--accent-2);font-size:14px}.result-earned .lvl{color:var(--gold);font-weight:800}.game-replay{flex-direction:column;gap:8px;width:min(100%,248px);margin:18px auto 0;display:flex}.game-replay .demo-frame:before{opacity:.6;inset:-6%}.replay-bar{justify-content:space-between;align-items:center;gap:10px;padding:0 2px;display:flex}.replay-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.replay-progress{background:var(--surface-2);border-radius:2px;height:3px;overflow:hidden}.replay-progress i{border-radius:inherit;background:var(--accent-2);height:100%;transition:width .3s linear;display:block}.video-row{justify-content:center;align-items:center;gap:6px;margin-top:12px;display:flex}.video-btn{isolation:isolate;gap:8px;min-height:40px;padding:8px 16px;font-size:13.5px;position:relative;overflow:hidden}.video-btn svg{flex:none;width:18px;height:18px}.video-btn.recording{cursor:default;font-variant-numeric:tabular-nums}.video-fill{z-index:-1;background:#6366f147;transition:width .25s linear;position:absolute;inset:0 auto 0 0}.history-panel .video-row{margin-top:10px}.history-panel .video-btn{flex:1}.settings-card{width:min(100%,520px)}.settings-section{flex-direction:column;gap:12px;margin-top:18px;display:flex}.settings-section h3{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:4px 0 0;font-size:11px;font-weight:800}.picker{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;display:grid}.pick{color:var(--muted);border:1px solid var(--line);background:#0000004d;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:9px 6px 8px;font-size:12px;font-weight:700;display:flex;position:relative}.pick.on{color:var(--text);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pick.locked{opacity:.55}.pick em{color:var(--tc,var(--gold));align-items:center;gap:3px;font-size:10px;font-style:normal;font-weight:800;display:inline-flex}.pick em svg{width:auto;height:12px}.settings-rank{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.theme-swatch{border-radius:7px;width:100%;height:26px;box-shadow:inset 0 0 0 1px #ffffff1f}.skin-swatch{flex:none;width:26px;height:26px}.wall-swatch{background:linear-gradient(#a5b4fc,#6366f1 50%,#3730a3);border-radius:4px;width:44px;height:8px}.wall-swatch.w-glass{background:#6366f166;box-shadow:inset 0 0 0 1.5px #a5b4fc}.wall-swatch.w-stone{background:#6b6a8a;border-radius:2px}.wall-swatch.w-neon{background:#1e1b4b;box-shadow:0 0 8px #818cf8,inset 0 0 0 1.5px #a5b4fc}.offer{background:#10b98114;border:1px solid #34d39940;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.offer p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.seats{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.seat{color:var(--dim);background:var(--surface);border:1px dashed var(--line-2);border-radius:12px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:700;display:flex}.seat i{background:var(--pc);opacity:.4;border-radius:50%;width:10px;height:10px}.seat small{color:var(--dim);margin-left:auto;font-size:10.5px}.seat.in{color:var(--text);border-style:solid}.seat.in i{opacity:1}.wait-banner{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:18;color:var(--muted);border:1px solid var(--line-2);background:#181820f0;border-radius:999px;align-items:center;gap:10px;padding:6px 8px 6px 14px;font-size:12.5px;font-weight:700;display:flex;position:fixed;transform:translate(-50%)}.page{flex-direction:column;display:flex;overflow-y:auto}.page .topbar{z-index:2;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#09090df2,#09090d99);position:sticky;top:0}.page-icon{width:32px;height:32px;color:var(--accent-2);background:#6366f129;border-radius:10px;flex:none;place-items:center;display:grid}.page-icon svg{width:18px;height:18px}.page-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:900;overflow:hidden}.page-body{width:min(100%,640px);padding:8px 16px max(32px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}.page-body.wide{width:min(100%,1100px)}.cards{gap:10px;display:grid}.big-card{text-align:left;background:var(--surface-2);border:1px solid var(--line);transition:transform .15s var(--ease-out), border-color .2s;border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.big-card:active{transform:scale(.98)}@media (hover:hover){.big-card:hover{border-color:var(--line-2)}}.big-card span:last-child{flex-direction:column;gap:3px;display:flex}.big-card b{font-size:16px;font-weight:800}.big-card small{color:var(--muted);font-size:13px;line-height:1.45}.big-icon{color:#1c1400;background:linear-gradient(#fcd34d,#f59e0b);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.big-card.rush .big-icon{color:#fff;background:linear-gradient(#a5b4fc,#6366f1)}.big-icon svg{width:24px;height:24px}.drill-list{flex-direction:column;gap:8px;display:flex}.drill{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.drill small{color:var(--muted);margin-left:auto;font-size:12px}.drill svg{width:16px;height:16px;color:var(--dim)}.puzzle-layout{justify-content:center;display:flex}.puzzle-layout .board-col,.editor-layout .board-col{width:min(100%,600px,100dvh - 260px);min-width:0}.rush-bar{background:var(--surface);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:8px;padding:10px 14px 14px;display:grid;position:relative;overflow:hidden}.rush-bar span{flex-direction:column;align-items:center;line-height:1.1;display:flex}.rush-bar b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:900}.rush-bar small{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.rush-strikes{justify-content:center;gap:6px;flex-direction:row!important}.rush-strikes i{color:#ffffff26;font-size:18px;font-style:normal;font-weight:900}.rush-strikes i.hit{color:var(--danger)}.rush-progress{background:#ffffff0f;height:4px;bottom:0;left:0;right:0;position:absolute!important}.rush-progress i{background:var(--accent-2);height:100%;transition:width .25s linear;display:block}.editor-layout{grid-template-columns:minmax(0,auto) 320px;justify-content:center;align-items:start;gap:18px;display:grid}.editor-layout .side{height:auto;min-height:0}.tool-strip{flex-wrap:wrap;gap:6px;display:flex}.tool-btn{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:11px;align-items:center;gap:7px;padding:7px 10px;font-size:12.5px;font-weight:800;display:inline-flex}.tool-btn.on{color:var(--text);border-color:var(--pc);box-shadow:0 0 0 1px var(--pc)}.tool-btn i.dot{background:var(--pc);border-radius:50%;width:12px;height:12px}.tool-btn i.bar{background:var(--pc);border-radius:3px;width:16px;height:5px}.tool-btn i.x{width:12px;height:12px;position:relative}.tool-btn i.x:before,.tool-btn i.x:after{content:"";background:var(--pc);border-radius:1px;width:2px;height:14px;position:absolute;top:-1px;left:5px;transform:rotate(45deg)}.tool-btn i.x:after{transform:rotate(-45deg)}.editor-status{color:#6ee7b7;margin:0;font-size:13px;font-weight:700}.editor-status.bad{color:var(--danger)}.wdl{background:#ffffff0f;border-radius:999px;width:100%;height:8px;display:flex;overflow:hidden}.wdl .w{background:#34d399}.wdl .d{background:#a1a1aa}.wdl .l{background:#f87171}.arena-list{flex-direction:column;gap:6px;display:flex}.arena-row{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}a.arena-row:hover,button.arena-row:hover{background:var(--surface-2)}.arena-row>svg{width:16px;height:16px;color:var(--dim);flex:none}.arena-row.live{border-color:#34d39959}.arena-status{letter-spacing:.06em;text-transform:uppercase;min-width:78px;color:var(--dim);flex:none;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.arena-status i{background:#34d399;border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse;box-shadow:0 0 8px #34d399}.live .arena-status,.arena-status.live{color:#6ee7b7}.arena-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.arena-main b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.arena-main small{color:var(--muted);font-size:12px}.arena-when{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:700}.arena-head{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;display:flex}.arena-head b{color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto}.arena-wait{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;padding:14px;font-size:14px;font-weight:700;display:flex}.arena-wait small{color:var(--dim)}.arena-me{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.arena-me span{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;padding:10px 4px;display:flex}.arena-me b{font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:20px;font-weight:900;display:inline-flex}.arena-me small{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.arena-me .fire b{color:#fb923c}.arena-me svg,.fire-tag svg{width:16px;height:16px}.fire-tag{color:#fb923c;vertical-align:-3px;margin-left:4px}.standings{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.standings th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding:0 8px 6px;font-size:10.5px;font-weight:800}.standings td{border-top:1px solid var(--line);padding:8px}.standings td small{color:var(--dim);margin-left:8px;font-size:11px}.standings tr.me td{background:#6366f11f}.notice{text-align:left;color:#fde68a;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.notice svg{flex:none;width:22px;height:22px}.notice span{flex-direction:column;display:flex}.notice small{color:#fde68abf}.profile-head{align-items:center;gap:14px;display:flex}.player-hero{border-radius:var(--radius);border:1px solid var(--line-2);background:radial-gradient(120% 160% at 100% 0%, color-mix(in srgb, var(--tc) 20%, transparent), transparent 62%), linear-gradient(180deg, #1b1b24, #131319);align-items:center;gap:16px;padding:20px;display:flex}.player-avatar{color:#0b0b10;background:linear-gradient(135deg, color-mix(in srgb, var(--tc) 55%, #fff), var(--tc));width:64px;height:64px;box-shadow:0 12px 30px -14px var(--tc);border-radius:20px;flex:none;place-items:center;font-size:28px;font-weight:900;display:grid}.player-id{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.player-id h2{letter-spacing:-.02em;align-items:center;gap:10px;min-width:0;margin:0;font-size:26px;font-weight:900;display:flex}.player-id h2>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flag{border-radius:3px;font-size:.8em;box-shadow:0 0 0 1px #ffffff24}.flag-wrap{cursor:default;border-radius:3px;outline:none;flex:none;display:inline-flex;position:relative}.flag-wrap:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.flag-tip{z-index:20;pointer-events:none;white-space:nowrap;letter-spacing:0;color:var(--text);border:1px solid var(--line-2);opacity:0;transition:opacity .12s var(--ease-out), transform .12s var(--ease-out);background:#23232e;border-radius:8px;padding:5px 9px;font-size:12px;font-weight:700;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);box-shadow:0 10px 24px -10px #000c}.flag-wrap:hover .flag-tip,.flag-wrap:focus .flag-tip{opacity:1;transform:translate(-50%)}.player-id small{color:var(--muted);font-size:12.5px}.player-id small a{color:var(--accent-2);font-weight:700}.rank-card{text-align:left;background:color-mix(in srgb, var(--tc) 10%, #0000004d);border:1px solid color-mix(in srgb, var(--tc) 35%, transparent);transition:transform .15s var(--ease-out), border-color .15s;border-radius:16px;flex:none;align-items:center;gap:12px;padding:10px 12px 10px 14px;display:flex}.rank-card .rank-shield{filter:drop-shadow(0 6px 14px color-mix(in srgb, var(--tc) 45%, transparent));flex:none}.rank-card-text{flex-direction:column;line-height:1.2;display:flex}.rank-card-text small{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:10.5px;font-weight:800}.rank-card-text b{color:var(--tc);font-size:19px;font-weight:900}.rank-card-text span{font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.rank-card>svg:last-child{width:16px;height:16px;color:var(--dim)}.rank-card:active{transform:scale(.98)}@media (hover:hover){.rank-card:hover{border-color:var(--tc)}}@media (max-width:560px){.player-hero{flex-wrap:wrap}.rank-card{width:100%}.rank-card>svg:last-child{margin-left:auto}}.rank-bar{background:#ffffff0f;border-radius:999px;height:10px;margin-top:2px;overflow:hidden}.rank-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--tc), var(--nc));height:100%;display:block}.rank-ends{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.rank-all{align-self:flex-start;min-height:28px;padding:0}.player-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.player-stats span{background:var(--surface-2);border-radius:12px;flex-direction:column;gap:2px;padding:10px;display:flex}.player-stats b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.player-stats small{color:var(--dim);font-size:12px}@media (max-width:420px){.player-stats{grid-template-columns:repeat(2,1fr)}}.wdl-legend{gap:14px;margin:0;font-size:12px;font-weight:700;display:flex}.wdl-legend .w{color:#6ee7b7}.wdl-legend .d{color:var(--muted)}.wdl-legend .l{color:#fca5a5}.lb-season{border-radius:var(--radius);border:1px solid var(--line-2);background:radial-gradient(120% 180% at 0 0,#fbbf2421,#0000 60%),linear-gradient(#1b1b24,#131319);grid-template-columns:repeat(3,auto) 1fr;align-items:center;gap:12px 32px;padding:18px 22px;display:grid}.lb-season div{flex-direction:column;gap:2px;display:flex}.lb-season small{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:10.5px;font-weight:800}.lb-season b{font-variant-numeric:tabular-nums;font-size:17px;font-weight:900}.lb-season p{text-align:right;max-width:46ch;color:var(--muted);justify-self:end;margin:0;font-size:12.5px;line-height:1.5}@media (max-width:680px){.lb-season{grid-template-columns:repeat(3,1fr);gap:12px 16px}.lb-season p{text-align:left;grid-column:1/-1;justify-self:start;max-width:none}}.lb-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.lb-card{text-align:center;border:1px solid color-mix(in srgb, var(--mc) 35%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--mc) 13%, #1b1b24), #131319 75%);min-width:0;transition:border-color .15s, transform .15s var(--ease-out);border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:26px 14px 18px;display:flex;position:relative}.lb-card.place-1{--mc:#fbbf24;order:2;padding-top:38px;box-shadow:0 26px 60px -32px #fbbf2499}.lb-card.place-2{--mc:#cbd5e1;order:1}.lb-card.place-3{--mc:#d97706;order:3}.lb-medal{color:#0b0b10;background:var(--mc);width:30px;height:30px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;place-items:center;font-size:14px;font-weight:900;display:grid;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.lb-card .player-avatar{border-radius:18px;width:56px;height:56px;font-size:24px}.lb-card.place-1 .player-avatar{border-radius:22px;width:68px;height:68px;font-size:30px}.lb-card-who,.lb-card-score{flex-direction:column;align-items:center;gap:4px;min-width:0;max-width:100%;display:flex}.lb-card-score small{color:var(--dim);font-size:11.5px}.lb-card .lb-rating{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:900;line-height:1.05}.lb-card.place-1 .lb-rating{font-size:30px}.lb-name-line{align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.lb-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:15px;font-weight:800;overflow:hidden}.lb-name:after{content:"";border-radius:inherit;position:absolute;inset:0}.lb-name:focus-visible{outline:none}.lb-name:focus-visible:after{outline:2px solid var(--accent-2);outline-offset:2px}.lb-tier{color:var(--tc);align-items:center;gap:6px;font-size:12.5px;font-weight:800;display:inline-flex}.lb-you{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--accent);border-radius:999px;flex:none;padding:1px 7px;font-size:10px;font-weight:900}.lb-open{--mc:#52525b;min-height:168px;color:var(--muted);background:0 0;border-style:dashed;justify-content:center}.lb-open b{font-size:14px}.lb-open small{color:var(--dim);font-size:11.5px}.lb-card.me,.lb-row.me{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.lb-card.place-1.me{box-shadow:inset 0 0 0 1px var(--accent), 0 26px 60px -32px #fbbf2499}@media (hover:hover){.lb-card:not(.lb-open):hover{border-color:var(--mc);transform:translateY(-2px)}.lb-row:hover{border-color:var(--line-2);background:var(--surface-2)}}@media (max-width:600px){.lb-podium{grid-template-columns:1fr;align-items:stretch;gap:8px;margin-top:8px}.lb-card,.lb-card.place-1{text-align:left;flex-direction:row;order:0;gap:12px;padding:12px 14px 12px 48px}.lb-medal{width:26px;height:26px;box-shadow:none;font-size:12px;top:50%;left:12px;transform:translateY(-50%)}.lb-card .player-avatar,.lb-card.place-1 .player-avatar{border-radius:14px;width:44px;height:44px;font-size:19px}.lb-card-who{flex:1;align-items:flex-start}.lb-card-score{align-items:flex-end}.lb-card .lb-rating,.lb-card.place-1 .lb-rating{font-size:20px}.lb-open{flex-direction:column;align-items:flex-start;min-height:0}}.lb-table{margin-top:14px}.lb-head{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);gap:12px;padding:0 14px 6px;font-size:10.5px;font-weight:800;display:flex}.lb-head span:first-child{flex:1}.lb-head span:not(:first-child),.lb-games,.lb-row .lb-rating{text-align:right;flex:none;width:64px}.lb-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lb-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;transition:background .15s,border-color .15s;display:flex;position:relative}.lb-pos{text-align:center;width:26px;color:var(--dim);font-variant-numeric:tabular-nums;flex:none;font-size:14px;font-weight:900}.lb-avatar{color:#0b0b10;background:linear-gradient(135deg, color-mix(in srgb, var(--tc) 55%, #fff), var(--tc));border-radius:12px;flex:none;place-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:grid}.lb-who{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.lb-row .lb-name{font-size:14px}.lb-row .lb-tier{font-size:11.5px}.lb-games{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.lb-row .lb-rating{font-variant-numeric:tabular-nums;font-size:16px;font-weight:900}@media (max-width:480px){.lb-row,.lb-head{gap:10px}.lb-head,.lb-row{padding-inline:12px}.lb-head span:not(:first-child),.lb-games,.lb-row .lb-rating{width:48px}}.ranks-card{width:min(100%,440px)}.ranks-sub{color:var(--muted);margin:6px 28px 14px 0;font-size:13.5px;line-height:1.5}.ranks-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ranks-list li{border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:8px 12px;display:flex}.ranks-list li.here{background:color-mix(in srgb, var(--tc) 12%, transparent);border-color:color-mix(in srgb, var(--tc) 45%, transparent)}.ranks-name{color:var(--tc);font-size:15px;font-weight:800}.ranks-here{color:#0b0b10;background:var(--tc);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.ranks-range{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;font-weight:700}.rank-open{text-align:left;border-radius:12px;padding:0}.rank-open-name{color:var(--tc);font-size:16px;font-weight:900}.game-outcome{flex-direction:column;gap:2px;margin:0 0 10px;display:flex}.game-outcome b{font-size:17px;font-weight:900}.game-outcome small{color:var(--muted);font-size:12.5px}.game-seats{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.game-seats li{align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.game-seats li>i{background:var(--pc);border-radius:50%;flex:none;width:10px;height:10px}.game-seats a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px}@media (hover:hover){.game-seats a:hover{-webkit-text-decoration-color:var(--accent-2);text-decoration-color:var(--accent-2)}}.game-seats small{color:var(--muted);font-variant-numeric:tabular-nums;gap:6px;margin-left:auto;font-size:12px;font-weight:700;display:flex}.game-seats b.up{color:#6ee7b7}.game-seats b.down{color:#fca5a5}.profile-name{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.profile-name small{color:var(--muted);font-size:11.5px}.profile-username{letter-spacing:-.02em;align-items:center;gap:8px;min-width:0;margin:0;font-size:22px;font-weight:900;display:flex}.profile-username>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xp-bar{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.xp-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.profile-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rating-big{align-items:center;gap:12px;display:flex}.rating-big>b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:900}.tier{color:var(--tc);background:color-mix(in srgb, var(--tc) 14%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 6px;font-size:12px;font-weight:800;display:inline-flex}.tier .rank-shield{flex:none}.tier small{color:var(--muted);font-size:10.5px;font-weight:600}.season-list,.blocked{flex-direction:column;gap:4px;margin:10px 0 0;padding:0;list-style:none;display:flex}.season-list li{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.season-list li b{color:var(--text);margin-left:auto}.numbers{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.numbers span{background:var(--surface-2);border-radius:12px;flex-direction:column;padding:8px;display:flex}.numbers b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.numbers small{color:var(--muted);font-size:12px}.chat-panel{flex-direction:column;gap:8px;display:flex}.chat-panel .panel-head{margin-bottom:0}.chat-mute{min-height:24px;padding:0;font-size:12px}.chat-list{overscroll-behavior:contain;flex-direction:column;gap:6px;min-height:64px;max-height:220px;margin:0;padding:2px;list-style:none;display:flex;overflow-y:auto}.chat-list li{background:var(--surface-2);overflow-wrap:anywhere;border-radius:12px 12px 12px 4px;flex-direction:column;align-self:flex-start;gap:1px;max-width:85%;padding:6px 10px;font-size:13px;line-height:1.4;display:flex}.chat-list li b{color:var(--pc);font-size:11px;font-weight:800}.chat-list li.mine{background:#6366f12e;border-radius:12px 12px 4px;align-self:flex-end}.chat-list li.chat-empty{text-align:center;max-width:none;color:var(--dim);background:0 0;align-self:stretch;padding:14px 6px;font-size:12.5px}.chat-quick{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.chat-quick::-webkit-scrollbar{display:none}.chat-quick button{white-space:nowrap;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;flex:none;padding:5px 10px;font-size:12px;font-weight:700}@media (hover:hover){.chat-quick button:hover:not(:disabled){color:var(--text);border-color:var(--line-2)}}.chat-form{gap:6px;display:flex}.chat-form .text-input{flex:1;min-width:0;min-height:38px}.chat-form .btn{flex:none;min-height:38px;padding:0 14px}.chat-error{color:var(--danger);margin:0;font-size:12px}@media (max-width:600px){.chat-form .text-input{font-size:16px}}.gh-list{flex-direction:column;gap:6px;margin:2px 0 0;padding:0;list-style:none;transition:opacity .15s;display:flex}.gh-list.busy{opacity:.5;pointer-events:none}.gh-row{background:linear-gradient(90deg, color-mix(in srgb, var(--oc) 11%, transparent), transparent 45%), var(--surface);border:1px solid var(--line);border-left:4px solid var(--oc);border-radius:14px;align-items:center;gap:12px;padding:10px 12px 10px 14px;transition:background .15s,border-color .15s;display:flex;position:relative}.gh-row.win{--oc:#34d399}.gh-row.loss{--oc:#f87171}.gh-row.draw{--oc:#a1a1aa}.gh-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.gh-players{flex-wrap:wrap;align-items:center;gap:3px 8px;font-size:14px;display:flex}.gh-player{min-width:0;color:var(--muted);align-items:center;gap:6px;font-weight:600;display:inline-flex}.gh-player.me{color:var(--text);font-weight:800}.gh-player i{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 2px #00000059}.gh-player a{z-index:1;color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px;font-weight:700;position:relative}.gh-vs{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.gh-amp{color:var(--dim);font-size:12px;font-weight:700}.gh-open{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.gh-open:after{content:"";border-radius:inherit;position:absolute;inset:0}.gh-open:focus-visible{outline:none}.gh-open:focus-visible:after{outline:2px solid var(--accent-2);outline-offset:-2px}.gh-rating{font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:flex-end;gap:3px;min-width:56px;display:flex}.gh-rating b{font-size:15px;font-weight:900;line-height:1}.gh-rating small{font-size:12px}.gh-change{color:var(--muted);background:var(--surface-2);border-radius:999px;padding:1px 7px;font-size:11.5px;font-weight:900}.gh-change.up{color:#6ee7b7;background:#34d39924}.gh-change.down{color:#fca5a5;background:#f8717124}.gh-row>svg{width:16px;height:16px;color:var(--dim);flex:none}@media (hover:hover){.gh-row:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--oc) 16%, transparent), transparent 45%), var(--surface-2);border-color:var(--line-2);border-left-color:var(--oc)}.gh-player a:hover{-webkit-text-decoration-color:var(--accent-2);text-decoration-color:var(--accent-2)}}@media (max-width:480px){.gh-row{gap:10px}}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:12px;display:flex}.pager button{min-width:36px;height:36px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:10px;place-items:center;padding:0 8px;font-size:13px;font-weight:800;display:grid}.pager button svg{width:16px;height:16px}.pager button.on{color:#fff;background:var(--accent);border-color:var(--accent)}.pager button:disabled:not(.on){opacity:.4}@media (hover:hover){.pager button:hover:not(:disabled){color:var(--text);border-color:var(--line-2)}}.pager-gap{color:var(--dim);padding:0 4px}.profile-grid .game-history{grid-column:1/-1}.blocked li{justify-content:space-between;align-items:center;font-size:13px;display:flex}.profile-grid .panel{flex-direction:column;gap:8px;display:flex}.profile-grid .panel .join-row{margin-top:4px}.signin-modal{width:min(100%,400px);padding:30px 26px 22px}.signin-card{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.signin-card .modal-close{top:-16px;right:-12px}.signin-card h2{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:900}.signin-hero{background:radial-gradient(circle at 50% 28%,#818cf857,#6366f10f 72%);border:1px solid #818cf852;border-radius:24px;place-items:center;width:76px;height:76px;margin-bottom:18px;display:grid;box-shadow:0 18px 44px -18px #6366f1e6,inset 0 1px #ffffff1f}.signin-logo{width:46px;height:46px}.signin-sub{max-width:32ch;color:var(--muted);text-wrap:balance;margin:8px 0 0;font-size:14px;line-height:1.5}.signin-perks{text-align:left;gap:10px;width:100%;margin:22px 0;padding:0;list-style:none;display:grid}.signin-perks li{align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.signin-perk-icon{width:32px;height:32px;color:var(--accent-2);background:#6366f11f;border:1px solid #6366f133;border-radius:10px;flex:none;place-items:center;display:grid}.signin-perk-icon svg{width:16px;height:16px}.google-btn{color:#1f1f1f;letter-spacing:.01em;width:100%;min-height:50px;transition:transform .15s var(--ease-out), background-color .2s, box-shadow .2s;background:#fff;border:1px solid #747775;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 20px;font-size:15px;font-weight:600;display:flex;box-shadow:0 10px 26px -14px #ffffff73}.google-btn svg{flex:none;width:20px;height:20px}.google-btn:active:not(:disabled){transform:scale(.98)}.google-btn:disabled{cursor:progress;opacity:.85}.google-btn:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}@media (hover:hover){.google-btn:hover:not(:disabled){background:#f3f4f6;box-shadow:0 12px 30px -12px #ffffff8c}}.google-spinner{border:2px solid #d1d5db;border-top-color:#4285f4;border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite spin}.signin-error{text-align:left;color:#fecaca;background:#f871711a;border:1px solid #f871714d;border-radius:12px;width:100%;margin:12px 0 0;padding:10px 12px;font-size:13px;line-height:1.45}.signin-later{margin-top:6px}.signin-note{color:var(--muted);margin:0;font-size:13px}.signin-fine{max-width:36ch;color:var(--dim);text-wrap:balance;margin:14px 0 0;font-size:11.5px;line-height:1.5}.signin-page{border:1px solid var(--line-2);background:linear-gradient(#1b1b24,#121218);border-radius:24px;width:min(100%,440px);margin:12px auto 0;padding:32px 26px 24px;box-shadow:0 30px 80px -30px #000000d9}.signin-panel{flex-direction:column;align-items:stretch;gap:12px;display:flex}.signin-panel>p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.5}.signin-panel .signin-fine{max-width:none;margin:0}.signin-panel .signin-error{margin:0}.username-input{text-align:center;margin-top:22px;font-size:16px;font-weight:700}.username-status{min-height:18px;color:var(--muted);margin:8px 0 0;font-size:12.5px;font-weight:600}.username-status.ok{color:#34d399}.username-status.bad{color:var(--danger)}.username-save{width:100%;margin-top:16px}.playing-as{background:var(--surface);border:1px solid var(--line);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:12px;margin:0;padding:11px 14px;font-size:14px;overflow:hidden}.playing-as b{color:var(--text)}.adm,.adm-login{--adm-side:#0d0d13;--adm-card:#15151c;--adm-card-2:#1b1b24;--adm-line:#ffffff12;--adm-line-2:#ffffff21;--series-1:#7578f8;--grid:#24242d;--axis:#383842;--good:#0ca30c;--warning:#fab219;--serious:#ec835a;--critical:#d03b3b;--info:#7578f8}.adm{z-index:1;grid-template-columns:244px minmax(0,1fr);height:100dvh;display:grid;position:relative}.adm-side{background:var(--adm-side);border-right:1px solid var(--adm-line);flex-direction:column;gap:2px;height:100dvh;padding:18px 12px;display:flex;overflow-y:auto}.adm-brand{align-items:center;gap:10px;padding:2px 10px 20px;display:flex}.adm-logo{flex:none;width:34px;height:34px}.adm-brand span{flex-direction:column;line-height:1.15;display:flex}.adm-brand b{font-size:15px;font-weight:900}.adm-brand small{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);font-size:10.5px;font-weight:800}.adm-nav{flex-direction:column;gap:2px;display:flex}.adm-nav a{color:var(--muted);border-radius:10px;align-items:center;gap:11px;padding:9px 10px;font-size:14px;font-weight:600;transition:background-color .15s,color .15s;display:flex}.adm-nav a svg{flex:none;width:18px;height:18px}@media (hover:hover){.adm-nav a:hover{color:var(--text);background:#ffffff0a}}.adm-nav a.on{color:#fff;box-shadow:inset 2px 0 0 var(--accent-2);background:#6366f129}.adm-nav a.on svg{color:var(--accent-2)}.adm-badge{text-align:center;font-variant-numeric:tabular-nums;min-width:22px;color:var(--muted);background:#ffffff14;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:800}.adm-badge.alert{color:#fecaca;background:#d03b3b33}.adm-side-foot{border-top:1px solid var(--adm-line);flex-direction:column;gap:2px;margin-top:auto;padding-top:16px;display:flex}.adm-side-link{width:100%;color:var(--muted);text-align:left;border-radius:10px;align-items:center;gap:11px;padding:9px 10px;font-size:13.5px;font-weight:600;display:flex}.adm-side-link svg{width:17px;height:17px}@media (hover:hover){.adm-side-link:hover{color:var(--text);background:#ffffff0a}}.adm-main{overscroll-behavior:contain;height:100dvh;overflow-y:auto}.adm-head{z-index:3;border-bottom:1px solid var(--adm-line);-webkit-backdrop-filter:blur(12px);background:#09090dd1;align-items:center;gap:12px;padding:18px 32px;display:flex;position:sticky;top:0}.adm-head-text{min-width:0}.adm-head h1{letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:21px;font-weight:800;overflow:hidden}.adm-head p{color:var(--dim);margin:2px 0 0;font-size:13px}.adm-head-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto;display:flex}.adm-body{flex-direction:column;gap:18px;max-width:1320px;padding:24px 32px 48px;display:flex}.adm-stack{flex-direction:column;gap:18px;display:flex}.adm-grid-2{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.adm-icon-btn{width:36px;height:36px;color:var(--muted);border:1px solid var(--adm-line);background:#ffffff08;border-radius:10px;flex:none;place-items:center;display:grid}.adm-icon-btn svg{width:18px;height:18px}@media (hover:hover){.adm-icon-btn:hover:not(:disabled){color:var(--text);background:#ffffff12}}.adm-spin{animation:.9s linear infinite spin}.adm-btn-sm{border-radius:10px;min-height:34px;padding:6px 12px;font-size:13px}.adm-btn-sm svg{width:15px;height:15px}.adm-link-btn{color:var(--accent-2);white-space:nowrap;font-size:12.5px;font-weight:700}@media (hover:hover){.adm-link-btn:hover{color:#c7d2fe}}.adm-live{color:var(--muted);border:1px solid var(--adm-line);border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.adm-live i{background:var(--good);border-radius:50%;width:7px;height:7px;animation:1.6s infinite pulse;box-shadow:0 0 0 3px #0ca30c2e}.adm-card{background:var(--adm-card);border:1px solid var(--adm-line);border-radius:16px;min-width:0}.adm-card-head{align-items:flex-start;gap:12px;padding:16px 18px 0;display:flex}.adm-card-head h2{margin:0;font-size:14.5px;font-weight:700}.adm-card-head p{color:var(--dim);margin:3px 0 0;font-size:12px}.adm-card-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.adm-card-body{padding:14px 18px 18px}.adm-card-flush{padding:8px 0 0}.adm-card-head+.adm-card-flush{padding-top:10px}.adm-tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.adm-tile{background:var(--adm-card);border:1px solid var(--adm-line);border-radius:16px;flex-direction:column;gap:6px;padding:16px 18px;transition:border-color .15s,background-color .15s;display:flex}.adm-tile.link{cursor:pointer}@media (hover:hover){.adm-tile.link:hover{border-color:var(--adm-line-2);background:var(--adm-card-2)}}.adm-tile-label{color:var(--muted);align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex}.adm-tile-label svg{width:15px;height:15px;color:var(--dim)}.adm-tile-value{letter-spacing:-.02em;font-size:30px;font-weight:800;line-height:1.1}.adm-tile-note{color:var(--dim);font-size:12px}.adm-empty{color:var(--dim);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;font-size:13.5px;display:flex}.adm-empty svg{color:#3f3f4a;width:26px;height:26px}.adm-empty p{margin:0}.adm-refreshing{opacity:.6;transition:opacity .2s}.adm-error{color:#fecaca;background:#d03b3b1f;border:1px solid #d03b3b59;border-radius:12px;margin:0;padding:10px 14px;font-size:13px}.adm-notice{background:#0ca30c1a;border:1px solid #0ca30c4d;border-radius:12px;align-items:center;gap:8px;margin:0;padding:10px 14px;font-size:13px;display:flex}.adm-notice svg{width:16px;height:16px;color:var(--good)}.adm-explain{max-width:80ch;color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.adm-foot-note{color:var(--dim);border-top:1px solid var(--adm-line);margin:0;padding:12px 18px;font-size:12px}.adm-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.adm-search{background:var(--adm-card);border:1px solid var(--adm-line);border-radius:10px;flex:260px;align-items:center;gap:8px;max-width:360px;height:38px;padding:0 12px;display:flex}.adm-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #6366f138}.adm-search svg{width:16px;height:16px;color:var(--dim);flex:none}.adm-search input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13.5px}.adm-search input::placeholder{color:var(--dim)}.adm-seg{background:var(--adm-card);border:1px solid var(--adm-line);border-radius:11px;gap:2px;padding:3px;display:inline-flex}.adm-seg button{color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:13px;font-weight:600;display:inline-flex}.adm-seg button span{color:var(--dim);font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}@media (hover:hover){.adm-seg button:hover{color:var(--text)}}.adm-seg button.on{color:#fff;background:#6366f138}.adm-seg button.on span{color:#c7d2fe}.adm-select{background:var(--adm-card);border:1px solid var(--adm-line);height:38px;color:var(--dim);border-radius:10px;align-items:center;gap:8px;padding:0 4px 0 12px;font-size:12.5px;display:inline-flex}.adm-select select{height:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:0 8px;font-size:13px;font-weight:600}.adm-select select option{background:#15151c}.adm-table-wrap{overflow-x:auto}.adm-table{border-collapse:collapse;width:100%;font-size:13.5px}.adm-table th{text-align:left;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--adm-line);padding:10px 16px;font-size:11px;font-weight:700}.adm-table td{border-bottom:1px solid var(--adm-line);vertical-align:middle;padding:12px 16px}.adm-table tbody tr:last-child td{border-bottom:0}.adm-table td small{color:var(--dim);margin-top:2px;font-size:11.5px;display:block}.adm-table .num{text-align:right;font-variant-numeric:tabular-nums}.adm-table tbody tr{transition:background-color .12s}@media (hover:hover){.adm-table tbody tr:hover{background:#ffffff06}}.adm-table tr.clickable{cursor:pointer}.adm-table-compact{max-height:320px;overflow-y:auto}.adm-table-compact .adm-table td,.adm-table-compact .adm-table th{padding:8px 4px}.adm-actions{text-align:right;white-space:nowrap}.adm-actions>*+*{margin-left:6px}.adm-actions>*{vertical-align:middle}.adm-wrap{white-space:normal;max-width:34ch;color:var(--muted)}.adm-mono{letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.adm-chat{margin-top:6px}.adm-chat summary{cursor:pointer;color:var(--accent-2);font-size:12px;font-weight:700}.adm-chat ol{background:var(--surface-2);border-radius:10px;flex-direction:column;gap:3px;max-height:180px;margin:6px 0 0;padding:8px 10px;font-size:12px;list-style:none;display:flex;overflow-y:auto}.adm-chat b{color:var(--text)}.adm-pills{flex-wrap:wrap;gap:6px;display:flex}.adm-pill{white-space:nowrap;color:var(--text);border:1px solid var(--adm-line);background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.adm-pill i{background:#71717a;border-radius:50%;width:7px;height:7px}.adm-pill.good i{background:var(--good)}.adm-pill.warning i{background:var(--warning)}.adm-pill.serious i{background:var(--serious)}.adm-pill.critical i{background:var(--critical)}.adm-pill.critical{background:#d03b3b24;border-color:#d03b3b59}.adm-pill.info i{background:var(--info)}.adm-seats{flex-wrap:wrap;gap:4px 12px;display:flex}.adm-seats span{align-items:center;gap:6px;display:inline-flex}.adm-seats i{background:var(--good);border-radius:50%;width:7px;height:7px}.adm-seats .off{color:var(--dim)}.adm-seats .off i{background:#52525b}.adm-list{margin:0;padding:0 0 6px;list-style:none}.adm-list li{border-top:1px solid var(--adm-line);align-items:center;gap:12px;padding:10px 18px;display:flex}.adm-list li:first-child{border-top:0}.adm-list-main{flex:1;min-width:0;font-size:13.5px;font-weight:600}.adm-list-main small{color:var(--dim);margin-top:2px;font-size:11.5px;font-weight:500;display:block}.adm-list-meta{color:var(--dim);white-space:nowrap;margin-left:auto;font-size:12px}.adm-chevron{width:16px;height:16px;color:var(--dim)}.adm-list li .adm-player{flex:1}.adm-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}.adm-avatar img{object-fit:cover;width:100%;height:100%}.adm-player{align-items:center;gap:10px;min-width:0;display:inline-flex}.adm-player-text{flex-direction:column;min-width:0;display:flex}.adm-player-text b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.adm-player-text small{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;max-width:260px;margin-top:1px;font-size:11.5px;overflow:hidden}@media (hover:hover){a.adm-player:hover b{color:#c7d2fe}}.adm-profile{flex-wrap:wrap;align-items:center;gap:20px;padding:22px;display:flex}.adm-profile-main{flex-direction:column;flex:280px;gap:8px;min-width:0;display:flex}.adm-profile-main h2{letter-spacing:-.015em;margin:0;font-size:22px;font-weight:800}.adm-profile-main p{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13.5px;display:flex}.adm-facts{grid-template-columns:repeat(2,minmax(120px,auto));gap:12px 28px;margin:0;display:grid}.adm-facts dt{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:700}.adm-facts dd{margin:3px 0 0;font-size:13.5px;font-weight:600}.adm-inline-form{flex-wrap:wrap;align-items:center;gap:8px;max-width:520px;display:flex}.adm-inline-form .text-input{flex:200px;min-height:38px}.adm-meter{align-items:center;gap:10px;display:inline-flex}.adm-meter-track{background:#ec835a2e;border-radius:4px;width:110px;height:8px;overflow:hidden}.adm-meter-track i{background:var(--serious);border-radius:0 4px 4px 0;height:100%;display:block}.adm-meter b{font-variant-numeric:tabular-nums}.adm-meter small{color:var(--dim);font-size:11.5px}.adm-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;display:grid}.adm-field{flex-direction:column;gap:7px;min-width:0;display:flex}.adm-field>span:first-child{letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:700}.adm-field .text-input{min-height:40px}.adm-field-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.adm-select.wide{width:100%;height:40px;padding:0 4px 0 6px}.adm-select.wide select{width:100%}.adm-datetime{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:auto;min-height:38px}.adm-form-foot{border-top:1px solid var(--adm-line);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;padding-top:14px;display:flex}.adm-form-foot p{color:var(--muted);flex:1;margin:0;font-size:13px}.adm-errors{margin:0;padding:0;list-style:none}.adm-errors li{border-top:1px solid var(--adm-line)}.adm-errors li:first-child{border-top:0}.adm-errors summary{cursor:pointer;align-items:center;gap:14px;padding:13px 18px;list-style:none;display:flex}.adm-errors summary::-webkit-details-marker{display:none}@media (hover:hover){.adm-errors summary:hover{background:#ffffff06}}.adm-error-count{text-align:center;font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:8px;flex:none;min-width:42px;padding:3px 0;font-size:12px;font-weight:800}.adm-error-text{flex-direction:column;flex:1;min-width:0;display:flex}.adm-error-text b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.adm-error-text small{color:var(--dim);margin-top:2px;font-size:11.5px}.adm-errors pre{white-space:pre-wrap;word-break:break-word;color:var(--muted);margin:0;padding:12px 18px 16px 74px;font-size:11.5px;line-height:1.5}.adm-chart{width:100%;position:relative}.adm-chart svg{display:block;overflow:visible}.adm-chart svg:focus-visible{outline:2px solid var(--accent-2);outline-offset:4px;border-radius:6px}.adm-grid{stroke:var(--grid);stroke-width:1px}.adm-axis{stroke:var(--axis);stroke-width:1px}.adm-tick{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.adm-line{fill:none;stroke:var(--series-1);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.adm-area{fill:var(--series-1);opacity:.1}.adm-dot{fill:var(--series-1);stroke:var(--adm-card);stroke-width:2px}.adm-crosshair{stroke:var(--muted);stroke-width:1px;opacity:.6}.adm-end-label{fill:var(--text);font-size:12px;font-weight:700}.adm-tooltip{pointer-events:none;white-space:nowrap;border:1px solid var(--adm-line-2);background:#23232e;border-radius:10px;flex-direction:column;gap:2px;padding:8px 11px;display:flex;position:absolute;top:0;transform:translate(-50%);box-shadow:0 12px 30px -10px #000c}.adm-tooltip b{font-size:15px;font-weight:800}.adm-tooltip span{color:var(--muted);align-items:center;gap:6px;font-size:11.5px;display:flex}.adm-key{background:var(--series-1);border-radius:1px;width:12px;height:2px;display:inline-block}.adm-bars{flex-direction:column;gap:10px;margin:0;padding:4px 0 0;list-style:none;display:flex}.adm-bars li{grid-template-columns:minmax(90px,180px) minmax(0,1fr) 54px;align-items:center;gap:12px;font-size:13px;display:grid}.adm-bar-label{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);overflow:hidden}.adm-bar-track{border-left:1px solid var(--axis);height:12px}.adm-bar-track i{background:var(--series-1);border-radius:0 4px 4px 0;height:100%;transition:filter .15s;display:block}@media (hover:hover){.adm-bars li:hover .adm-bar-track i{filter:brightness(1.2)}}.adm-bar-value{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.adm-login{z-index:1;place-items:center;height:100dvh;padding:24px 16px;display:grid;position:relative;overflow-y:auto}.adm-login-card{text-align:center;border:1px solid var(--line-2);background:linear-gradient(#1b1b24,#121218);border-radius:24px;flex-direction:column;align-items:center;gap:12px;width:min(100%,400px);padding:34px 28px 26px;display:flex;box-shadow:0 40px 100px -30px #000000e6}.adm-login-logo{background:radial-gradient(circle at 50% 28%,#818cf857,#6366f10f 72%);border:1px solid #818cf852;border-radius:22px;place-items:center;width:72px;height:72px;margin-bottom:4px;display:grid;box-shadow:0 18px 44px -18px #6366f1e6}.adm-login-logo .adm-logo{width:44px;height:44px}.adm-login-card h1{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:900}.adm-login-card p{color:var(--muted);text-wrap:balance;margin:0 0 6px;font-size:13.5px;line-height:1.5}.adm-login-card .btn{width:100%}.adm-login-error{color:#fecaca;background:#d03b3b1f;border:1px solid #d03b3b59;border-radius:10px;width:100%;margin:0;padding:9px 12px;font-size:13px}.adm-login-back{color:var(--dim);align-items:center;gap:6px;margin-top:6px;font-size:12.5px;display:inline-flex}.adm-login-back svg{width:14px;height:14px}@media (hover:hover){.adm-login-back:hover{color:var(--text)}}@media (max-width:900px){.adm{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.adm-side{border-right:0;border-bottom:1px solid var(--adm-line);flex-direction:row;align-items:center;gap:6px;height:auto;padding:8px 10px;overflow:auto hidden}.adm-brand{padding:0 6px 0 2px}.adm-brand span{display:none}.adm-nav{flex-direction:row}.adm-nav a{white-space:nowrap;padding:8px 10px}.adm-nav a.on{box-shadow:inset 0 -2px 0 var(--accent-2)}.adm-side-foot{border-top:0;border-left:1px solid var(--adm-line);flex-direction:row;margin:0 0 0 auto;padding:0 0 0 8px}.adm-side-link{white-space:nowrap}.adm-main{height:auto;min-height:0}.adm-head{flex-wrap:wrap;padding:14px 16px}.adm-body{padding:16px 16px 40px}.adm-grid-2,.adm-form{grid-template-columns:minmax(0,1fr)}.adm-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.adm-tile{padding:14px}.adm-tile-value{font-size:24px}}@media (max-width:960px){.editor-layout{grid-template-columns:1fr}.editor-layout .board-col,.puzzle-layout .board-col,.editor-layout .side{width:min(100%,600px);margin:0 auto}.profile-grid{grid-template-columns:1fr}.board-wrap.with-eval{width:100%;margin-top:14px;margin-left:0}.eval-bar{background:var(--theirs);width:auto;height:6px;inset:-12px 0 auto}.eval-bar i{height:auto;width:var(--v);transition:width .6s var(--ease-out);top:0;bottom:0}}@media (max-width:480px){.pcard.compact .turn-tag,.pcard.compact .psub{display:none}.pcard.compact .pname{font-size:12.5px}.tiles,.chips-grid{grid-template-columns:1fr 1fr}.pcard.compact .clock{font-size:12px}.arena-me b{font-size:17px}.numbers{grid-template-columns:1fr 1fr}.page-title{font-size:16px}}.home-nav{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(140%);background:#09090dd6;position:sticky;top:0}.home-nav-inner{align-items:center;gap:24px;width:min(100%,1240px);height:64px;margin:0 auto;padding:0 28px;display:flex}.nav-brand{flex:none;align-items:center;gap:10px;display:flex}.nav-logo{width:34px;height:34px}.nav-links{gap:2px;min-width:0;display:flex}.nav-links a{white-space:nowrap;height:36px;color:var(--muted);border-radius:10px;align-items:center;padding:0 12px;font-size:14px;font-weight:600;transition:color .15s,background-color .15s;display:inline-flex}.nav-links a[aria-current=page]{color:var(--text);background:var(--surface-2)}@media (hover:hover){.nav-links a:hover{color:var(--text);background:var(--surface-2)}}.nav-right{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.online-pill{background:var(--surface);border:1px solid var(--line);height:30px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:7px;margin-right:6px;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex}.online-pill i{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #34d399}.home-nav .profile-chip{border-radius:999px;flex:none;gap:10px;max-width:240px;padding:4px 14px 4px 4px}.home-nav .lvl-badge{width:32px;height:32px}.home-nav .lvl-badge b{width:26px;height:26px;font-size:12px}.home-nav .profile-text small{display:none}.home-nav .streak{font-size:13px}.home-nav .streak svg{width:16px;height:16px}.home-main{width:min(100%,1240px);padding:0 28px max(32px, env(safe-area-inset-bottom));margin:0 auto}.hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(32px,5vw,80px);min-height:min(100vh - 64px,880px);padding:40px 0 56px;display:grid}.hero.is-setup{align-items:start;min-height:0;padding-top:32px}.hero-copy{max-width:540px;animation:cardIn .35s var(--ease-out);flex-direction:column;gap:16px;display:flex}.hero-copy>.menu-card{width:100%;max-width:520px;animation:none}.eyebrow{color:#c7d2fe;background:#6366f11f;border:1px solid #818cf840;border-radius:999px;align-self:flex-start;align-items:center;gap:7px;margin:0;padding:6px 12px 6px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.eyebrow svg{width:14px;height:14px;color:var(--gold)}.hero-title{letter-spacing:-.045em;background:linear-gradient(#fff 40%,#b9bbe6);color:#0000;-webkit-background-clip:text;background-clip:text;margin:4px 0 0;font-size:clamp(46px,5.4vw,76px);font-weight:900;line-height:1}.hero-title span{background:linear-gradient(#a5b4fc,#6366f1);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-title small{letter-spacing:.14em;text-transform:uppercase;color:#a5b4fc;margin-bottom:14px;font-size:14px;font-weight:800;line-height:1.2;display:block}.hero-lead{max-width:470px;color:var(--muted);text-wrap:pretty;margin:0 0 8px;font-size:17px;line-height:1.6}.hero-foot{align-items:center;gap:16px;display:flex}.hero-foot .btn-link{flex:none;align-items:center;gap:6px;display:inline-flex}.hero-foot .btn-link svg{width:16px;height:16px}.hero-foot .join-row{width:min(100%,280px);margin-left:auto}.hero-board{width:min(560px,44vw,100vh - 220px);min-width:380px}.hero.is-setup .hero-board{position:sticky;top:96px}.demo{flex-direction:column;gap:14px;margin:0;display:flex}.demo-frame{aspect-ratio:1;isolation:isolate;position:relative}.demo-frame:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#6366f14d,#0000);position:absolute;inset:-10%}.demo-canvas{pointer-events:none;width:100%;height:100%;box-shadow:0 40px 90px -40px #000000e6, 0 0 0 1px var(--line);border-radius:4.5%;display:block}.demo-bar{min-height:26px;color:var(--muted);align-items:center;gap:10px;padding:0 4px;font-size:12.5px;font-weight:700;display:flex}.demo-live{letter-spacing:.1em;text-transform:uppercase;color:var(--text);align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.demo-live i{background:#f43f5e;border-radius:50%;width:7px;height:7px;animation:1.6s infinite pulse;box-shadow:0 0 8px #f43f5e}.demo-live.still i{background:var(--accent-2);box-shadow:0 0 8px var(--accent-2);animation:none}.demo-mode{background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:3px 9px}.demo-race{gap:14px;margin-left:auto;display:flex}.demo-pawn{white-space:nowrap;color:var(--text);font-variant-numeric:tabular-nums;opacity:.5;align-items:baseline;gap:4px;font-size:14px;font-weight:800;transition:opacity .25s;display:inline-flex}.demo-pawn.on,.demo-pawn.win{opacity:1}.demo-pawn i{background:var(--pc);width:9px;height:9px;box-shadow:0 0 8px color-mix(in srgb, var(--pc) 60%, transparent);border-radius:50%;align-self:center;margin-right:3px}.demo-pawn small{color:var(--muted);font-size:11px;font-weight:600}.demo-pawn.win{font-size:13px}.preview-text{flex-direction:column;gap:10px;min-width:0;display:flex}.preview-say{min-height:3em;color:var(--text);text-wrap:pretty;animation:sayIn .35s var(--ease-out);margin:0;padding:0 4px;font-size:16px;font-weight:600;line-height:1.5}@keyframes sayIn{0%{opacity:0;transform:translateY(4px)}}.preview-dots{align-items:center;gap:6px;margin-left:auto;display:flex}.preview-dots i{background:var(--line-2);width:6px;height:6px;transition:background-color .3s, transform .3s var(--ease-out);border-radius:50%}.preview-dots i.done{background:color-mix(in srgb, var(--accent-2) 45%, transparent)}.preview-dots i.on{background:var(--accent-2);transform:scale(1.35)}.preview-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:800}.mode-preview.compact{background:var(--surface);border:1px solid var(--line);border-radius:16px;grid-template-columns:minmax(0,148px) minmax(0,1fr);align-items:center;gap:14px;margin-top:4px;padding:10px 12px 10px 10px;display:grid}.mode-preview.compact .demo-frame:before{display:none}.mode-preview.compact .demo-canvas{box-shadow:0 0 0 1px var(--line)}.mode-preview.compact .preview-text{gap:6px}.mode-preview.compact .preview-say{min-height:4.5em;padding:0;font-size:13px;line-height:1.5}.mode-preview.compact .preview-dots{margin-left:0}.home-section{padding:8px 0 32px}.home-h2{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0 0 14px;font-size:12px;font-weight:800}.about{max-width:720px;padding:8px 0 40px}.about h2{letter-spacing:-.02em;margin:0 0 10px;font-size:22px;font-weight:800}.about h3{margin:22px 0 6px;font-size:15px;font-weight:700}.about p{color:var(--muted);text-wrap:pretty;margin:0;font-size:15px;line-height:1.65}.about a{color:var(--accent-2);font-weight:600}.about .about-note,.shell-main .about-note{color:var(--dim);margin:22px 0 0;font-size:12.5px;line-height:1.55}#menu>.about{width:min(100%,560px);padding:8px 16px max(40px, env(safe-area-inset-bottom));margin:0 auto}.shell-main .about{margin-top:34px;padding:0}.hgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hgrid.today{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr)}.hcard{text-align:left;border:1px solid var(--line);min-height:210px;transition:border-color .2s, background-color .2s, transform .15s var(--ease-out);background:linear-gradient(#ffffff0d,#ffffff05);border-radius:20px;flex-direction:column;gap:12px;padding:18px;display:flex}a.hcard:active{transform:scale(.985)}@media (hover:hover){a.hcard:hover{border-color:var(--line-2);background-color:#ffffff06}.hcard:hover .hcard-cta svg,.hcard-cta:hover svg{transform:translate(3px)}}.hcard-head{align-items:center;gap:10px;min-width:0;display:flex}.hcard-head h3{white-space:nowrap;margin:0;font-size:15px;font-weight:800}.hcard-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:12px;font-weight:600;overflow:hidden}.hcard-icon{border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.hcard-icon svg{width:17px;height:17px}.hcard-icon.gold{color:var(--gold);background:#fbbf2424}.hcard-icon.green{color:#34d399;background:#10b98124}.hcard-icon.indigo{color:var(--accent-2);background:#6366f129}.hcard-icon.orange{color:#fb923c;background:#fb923c29}.hcard-icon.dim{background:var(--surface-2);color:var(--dim)}.hcard-text{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.hcard-cta{color:var(--accent-2);align-self:flex-start;align-items:center;gap:3px;margin-top:auto;font-size:13px;font-weight:700;display:inline-flex}.hcard-cta svg{width:15px;height:15px;transition:transform .2s var(--ease-out)}.hcard-cta.done{color:#34d399}.hcard-skeleton{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);background-size:200% 100%;border-radius:12px;height:92px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.daily-card{flex-direction:row;align-items:center;gap:18px}.mini-board{border-radius:8%;flex:none;display:block;box-shadow:0 16px 34px -18px #000000e6}.daily-text{flex-direction:column;align-self:stretch;gap:8px;min-width:0;display:flex}.daily-goal{letter-spacing:-.02em;font-size:24px;font-weight:900}.daily-text>small{color:var(--muted);font-size:12.5px;line-height:1.5}.big-num{align-items:baseline;gap:8px;display:flex}.big-num b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:42px;font-weight:900;line-height:1}.big-num small{color:var(--muted);font-size:12.5px;font-weight:600}.hcard-missions{flex-direction:column;gap:2px;display:flex}.level-row{text-align:left;align-items:center;gap:10px;margin-top:auto;font-size:12.5px;font-weight:700;display:flex}.level-row .xp-bar{flex:1;height:6px}.level-row small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}@media (hover:hover){.level-row:hover small{color:var(--text)}}.next-arena{text-align:left;border:1px solid var(--line);background:#00000040;border-radius:14px;flex-direction:column;gap:3px;padding:12px 14px;transition:border-color .2s;display:flex}.next-arena.live{border-color:#34d39959}@media (hover:hover){.next-arena:hover{border-color:#34d3998c}}.next-arena .arena-status{min-width:0;margin-bottom:2px}.next-arena b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.next-arena small{color:var(--muted);font-size:12px}.next-when{color:var(--text);font-variant-numeric:tabular-nums;margin-top:4px;font-size:13px;font-weight:800}.next-arena.live .next-when{color:#6ee7b7}.top-list{margin:0;padding:0;list-style:none}.top-list li{border-bottom:1px solid var(--line);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 0;font-size:13.5px;display:grid}.top-list li:last-child{border-bottom:0}.top-list .rank{color:var(--dim);text-align:center;font-size:12px;font-weight:800}.top-list li:first-child .rank{color:var(--gold)}.top-list .who{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;font-weight:700;display:flex;overflow:hidden}.top-list .who>span{flex:none;display:inline-flex}.top-list b{font-variant-numeric:tabular-nums}.link-card{min-height:0}.home-footer{margin-top:16px;padding:40px 0 4px;position:relative}.home-footer:before{content:"";background:linear-gradient(90deg, transparent, var(--line-2) 15%, #818cf880 50%, var(--line-2) 85%, transparent);height:1px;position:absolute;top:0;left:0;right:0}.foot-top{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px;display:grid}.foot-brand{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.foot-name{align-items:center;gap:10px;display:flex}.foot-logo{flex:none;width:36px;height:36px}.foot-logo .logo-p1,.foot-logo .logo-p2,.foot-logo .logo-wall{animation:none}@media (hover:hover){.foot-name:hover .logo-p1{animation:4s cubic-bezier(.45,0,.2,1) infinite logoP1}.foot-name:hover .logo-p2{animation:4s cubic-bezier(.45,0,.2,1) infinite logoP2}.foot-name:hover .logo-wall{animation:4s cubic-bezier(.45,0,.2,1) infinite logoWall}}.foot-tagline{max-width:300px;color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.foot-live{background:var(--surface);border:1px solid var(--line);min-height:36px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;transition:border-color .2s, background-color .2s, transform .15s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.foot-live i{background:var(--dim);border-radius:50%;flex:none;width:7px;height:7px}.foot-live.on{padding-right:4px}.foot-live.on i{background:#34d399;animation:2s infinite pulse;box-shadow:0 0 8px #34d399}.foot-live b{color:var(--text);animation:tick .35s var(--ease-out);font-weight:800;display:inline-block}@keyframes tick{0%{opacity:0;transform:translateY(5px)}}.foot-live-cta{color:#c7d2fe;background:#6366f129;border-radius:999px;align-items:center;gap:2px;margin-left:4px;padding:5px 6px 5px 11px;font-weight:700;transition:background-color .2s;display:inline-flex}.foot-live-cta svg{width:14px;height:14px;transition:transform .2s var(--ease-out)}a.foot-live:active{transform:scale(.98)}@media (hover:hover){a.foot-live:hover{background-color:#ffffff0d;border-color:#34d39966}a.foot-live:hover .foot-live-cta{background:#6366f147}a.foot-live:hover .foot-live-cta svg{transform:translate(2px)}}.foot-actions{flex-wrap:wrap;gap:6px;display:flex}.foot-btn{border:1px solid var(--line);height:32px;color:var(--muted);transition:color .15s, background-color .15s, border-color .15s, transform .15s var(--ease-out);border-radius:10px;align-items:center;gap:7px;padding:0 12px 0 10px;font-size:13px;font-weight:600;display:inline-flex}.foot-btn svg{width:15px;height:15px}.foot-btn:active{transform:scale(.97)}@media (hover:hover){.foot-btn:hover{color:var(--text);background:var(--surface-2);border-color:var(--line-2)}}.foot-col{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.foot-col h3{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:6px 0 10px;font-size:12px;font-weight:800}.foot-link{min-height:30px;color:var(--muted);transition:color .15s, transform .2s var(--ease-out);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:inline-flex}.foot-link small{letter-spacing:.03em;border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:800}.foot-link small.new{color:var(--gold);background:#fbbf2424}.foot-link small.done{color:#6ee7b7;background:#34d3991f}@media (hover:hover){.foot-link:hover{color:var(--text);transform:translate(3px)}}.foot-bottom{border-top:1px solid var(--line);color:var(--dim);align-items:center;gap:20px;margin-top:36px;padding-top:16px;font-size:12.5px;font-weight:600;display:flex}.foot-season{align-items:center;gap:6px;display:inline-flex}.foot-season svg{width:14px;height:14px;color:var(--gold)}.foot-up{height:30px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:0 8px 0 12px;font-weight:700;transition:color .15s,background-color .15s;display:inline-flex}.foot-up svg{width:15px;height:15px;transition:transform .2s var(--ease-out);transform:rotate(90deg)}@media (hover:hover){.foot-up:hover{color:var(--text);background:var(--surface-2)}.foot-up:hover svg{transform:rotate(90deg)translate(-2px)}}@media (max-width:1180px){.nav-links a{padding:0 9px;font-size:13.5px}.online-pill{display:none}}@media (max-width:1080px){.home-nav .profile-text{display:none}.home-nav .profile-chip{padding-right:10px}.hgrid.today{grid-template-columns:repeat(2,minmax(0,1fr))}.hgrid.today .daily-card{grid-column:1/-1}.foot-top{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}.foot-brand{grid-column:1/-1}}.site-main{width:min(100%,960px);padding:28px 28px max(40px, env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.site-main.wide{width:min(100%,1240px)}.site-head{align-items:flex-end;gap:16px;margin-bottom:6px;display:flex}.site-title{flex-direction:column;gap:8px;min-width:0;display:flex}.site-title h1{letter-spacing:-.02em;align-items:center;gap:12px;margin:0;font-size:30px;font-weight:900;line-height:1.1;display:flex}.site-title .page-icon{border-radius:12px;width:40px;height:40px}.site-title .page-icon svg{width:21px;height:21px}.site-head .topbar-actions{margin-left:auto}.crumb{color:var(--muted);border-radius:8px;align-self:flex-start;align-items:center;gap:4px;margin-left:-4px;padding:2px 6px 2px 2px;font-size:13px;font-weight:700;transition:color .15s;display:inline-flex}.crumb svg{width:16px;height:16px}@media (hover:hover){.crumb:hover{color:var(--text)}}.site .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.site .big-card{gap:18px;padding:22px}.site .big-card b{font-size:18px}.site .drill-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.site .drill{padding:16px}.site .drill:hover{border-color:var(--line-2)}.site .arena-row{padding:14px 16px}.site .puzzle-layout .board-col{width:min(100%,600px,100dvh - 300px)}.site .editor-layout{justify-content:start}.shell{z-index:1;flex-direction:column;animation:.3s 1s both screenIn;display:flex;position:fixed;inset:0;overflow-y:auto}.shell-top{align-items:center;gap:24px;width:min(100%,1240px);margin:0 auto;padding:14px 28px;display:flex}.shell-brand{flex:none;align-items:center;gap:10px;display:flex}.shell-logo{width:34px;height:34px}.shell-logo .logo-p1,.shell-logo .logo-p2,.shell-logo .logo-wall{animation:none}.shell-nav{scrollbar-width:none;gap:2px;min-width:0;display:flex;overflow-x:auto}.shell-nav a{color:var(--muted);white-space:nowrap;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600;transition:color .15s,background-color .15s}@media (hover:hover){.shell-nav a:hover{color:var(--text);background:var(--surface-2)}}.shell-main{flex:1;width:min(100%,760px);margin:0 auto;padding:48px 28px 36px}.shell-crumbs{color:var(--dim);align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.shell-crumbs a{color:var(--muted)}.shell h1{letter-spacing:-.035em;text-wrap:balance;background:linear-gradient(#fff 40%,#b9bbe6);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(34px,5vw,56px);font-weight:900;line-height:1.05}.shell-lead{max-width:620px;color:var(--muted);text-wrap:pretty;margin:18px 0 0;font-size:18px;line-height:1.6}.shell-cta{flex-wrap:wrap;gap:10px;margin:26px 0 0;display:flex}.shell-section{margin-top:34px}.shell-section h2{letter-spacing:-.01em;margin:0 0 8px;font-size:18px;font-weight:800}.shell-section p{color:var(--muted);text-wrap:pretty;margin:0;font-size:15px;line-height:1.65}.shell-section .shell-links{flex-wrap:wrap;gap:6px 18px;margin-top:10px;display:flex}.shell-section b{color:var(--text)}.shell.is-article{animation:none}.shell-links a{color:var(--accent-2);font-size:14px;font-weight:700}.shell-loading{color:var(--dim);align-items:center;gap:10px;margin:40px 0 0;font-size:13px;display:inline-flex}.shell-loading i{border:2px solid var(--line-2);border-top-color:var(--accent-2);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.shell-foot{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:min(100%,760px);margin:0 auto;padding:28px;display:grid}.shell-foot h2{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0 0 8px;font-size:12px;font-weight:800}.shell-foot a{color:var(--muted);padding:4px 0;font-size:13.5px;font-weight:600;display:block}@media (hover:hover){.shell-foot a:hover,.shell-crumbs a:hover{color:var(--text)}}@media (max-width:640px){.shell-top{flex-wrap:wrap;gap:8px;padding:12px 16px}.shell-nav{width:100%;margin:0 -12px}.shell-main{padding:28px 16px}.shell-lead{font-size:16px}.shell-foot{grid-template-columns:1fr 1fr;padding:24px 16px}}