.sp{isolation:isolate;min-height:100dvh;position:relative;overflow-x:clip}.sp__main{gap:28px;padding-block:24px 80px;display:grid}.sp__hero{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:28px;display:flex}.sp__intro{gap:16px;display:grid}.sp__title{max-width:14ch}.sp__stats{border:1px solid var(--line);background:linear-gradient(#1b1d20b8,#101112d1);border-radius:16px;margin:0;display:flex}.sp__stats>div{gap:4px;padding:16px 26px;display:grid}.sp__stats>div+div{border-left:1px solid var(--line)}.sp__stats dt{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:10px}.sp__stats dd{letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:center;gap:9px;margin:0;font-size:28px;font-weight:500;display:flex}.sp__tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sp__search{border:1px solid var(--line-2);height:44px;color:var(--dim);background:#15171999;border-radius:999px;flex:260px;align-items:center;gap:10px;padding:0 14px;transition:border-color .2s,color .2s;display:flex}.sp__search:focus-within{border-color:var(--accent-line);color:var(--accent)}.sp__search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14.5px}.sp__search input::placeholder{color:var(--dim)}.sp__search button{color:var(--dim);padding:4px;font-size:12px}.sp__search button:hover{color:var(--text)}.sp__seg{border:1px solid var(--line-2);background:#15171999;border-radius:999px;padding:3px;display:inline-flex}.sp__seg button{height:36px;color:var(--muted);border-radius:999px;padding:0 16px;font-size:13.5px;transition:background .2s,color .2s}.sp__seg button:hover{color:var(--text)}.sp__seg button.is-on{background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px var(--accent-line) inset}.sp__refresh{height:44px}.sp__spin{animation:1s linear infinite spspin;display:inline-block}@keyframes spspin{to{transform:rotate(360deg)}}.sp__error{align-items:center;gap:10px;display:flex}.sp__error button{color:var(--accent);margin-left:auto;font-size:14px;font-weight:550}.sp__grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.spc{border:1px solid var(--line);transition:border-color .3s, transform .4s var(--ease), box-shadow .4s, opacity .3s;background:linear-gradient(#1b1d20b8,#101112d1);border-radius:18px;gap:24px;padding:22px;display:grid;position:relative;overflow:hidden}.spc:before{content:"";opacity:.5;pointer-events:none;background:repeating-conic-gradient(#f4f1ea09 0 25%, transparent 0 50%) 0 0 / 36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#0000 45%,#000);mask-image:linear-gradient(120deg,#0000 45%,#000)}.spc>*{position:relative}.spc:hover{border-color:var(--accent-line);transform:translateY(-3px);box-shadow:0 30px 60px -30px #000000e6,0 0 40px -20px #c9a96e66}.spc.is-idle{opacity:.78}.spc.is-idle:hover{opacity:1}.spc__top{align-items:center;gap:10px;display:flex}.spc__badge{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line-2);border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 9px;font-size:10.5px;display:inline-flex}.spc__badge .dot{background:var(--dim)}.spc__badge.is-live{color:var(--ok);background:#8fb99612;border-color:#8fb99647}.spc__badge.is-live .dot{background:var(--ok)}.spc__star{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:10.5px}.spc__time{color:var(--dim);letter-spacing:.04em;margin-left:auto;font-size:11.5px}.spc__players{gap:10px;display:grid}.spc__player{align-items:center;gap:12px;min-width:0;display:flex}.spc__avatar{border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:14px;font-weight:600;display:grid}.spc__avatar--w{background:var(--text);color:#151719}.spc__avatar--b{color:var(--text);box-shadow:0 0 0 1px var(--line-2) inset;background:#0b0c0e}.spc__pname{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:550;overflow:hidden}.spc__side{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-left:auto;font-size:10px}.spc__vs{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);padding-left:46px;font-size:10px;line-height:1}.spc__foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.spc__moves{color:var(--muted);font-size:12px}.spc__moves b{color:var(--text);font-size:14px;font-weight:550}.spc__watch{color:var(--accent);font-size:14px;font-weight:550}.spc__watch span{transition:transform .3s var(--ease);display:inline-block}.spc:hover .spc__watch span{transform:translate(4px)}.spc--feat{border-color:var(--accent-line);background:radial-gradient(60% 120% at 100% 0,#c9a96e1f,#0000 60%),linear-gradient(#1b1d20cc,#101112e6);grid-template-columns:1fr auto;grid-template-areas:"top top""players foot";align-items:end}.spc--feat .spc__top{grid-area:top}.spc--feat .spc__players{grid-area:players;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.spc--feat .spc__vs{padding:0}.spc--feat .spc__side{display:none}.spc--feat .spc__pname{font-size:clamp(22px,3vw,32px)}.spc--feat .spc__foot{border:0;grid-area:foot;gap:28px;padding:0}.spc--skel{min-height:190px;list-style:none;animation:1.4s ease-in-out infinite spskel}.spc--skel:before{display:none}@keyframes spskel{50%{opacity:.5}}.sp__empty{border:1px dashed var(--line-2);color:var(--muted);text-align:center;border-radius:18px;justify-items:center;gap:14px;padding:72px 20px;display:grid}.sp__empty h2{letter-spacing:-.02em;color:var(--text);font-size:22px;font-weight:550}.sp__empty p{max-width:40ch}.sp__empty .btn{margin-top:8px}.sp__empty-board{border:1px solid var(--line-2);background:repeating-conic-gradient(var(--sq-light) 0 25%, var(--sq-dark) 0 50%) 0 0 / 36px 36px;opacity:.8;border-radius:10px;width:72px;height:72px}.sp__hint{text-align:center;letter-spacing:.1em;color:var(--dim);font-size:11px}@media (max-width:720px){.sp__stats{width:100%}.sp__stats>div{flex:1;padding:14px 16px}.sp__stats dd{font-size:22px}.spc--feat{grid-template-columns:1fr;grid-template-areas:"top""players""foot"}.spc--feat .spc__players{grid-template-columns:1fr;gap:10px}.spc--feat .spc__vs{padding-left:46px}.spc--feat .spc__foot{border-top:1px solid var(--line);justify-content:space-between;padding-top:16px}}.spg{grid-template-columns:minmax(0,640px) minmax(0,380px);justify-content:center;align-items:start;gap:clamp(20px,4vw,56px);padding-block:24px 80px;display:grid}.spg__stage{gap:14px;display:grid}.spg__plate{border:1px solid var(--line);background:#151719b3;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.spg__p{letter-spacing:-.01em;opacity:.55;align-items:center;gap:10px;font-weight:600;transition:opacity .3s;display:inline-flex}.spg__p.is-active{opacity:1}.spg__vs{letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-size:10.5px}.spg__side{gap:14px;display:grid}.spg__viewonly{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:6px;font-size:10.5px}.spg__moves{max-height:420px}@media (max-width:960px){.spg{grid-template-columns:minmax(0,640px)}}