:root{--bg:#0c0c0c;--panel:#181818;--panel-2:#212121;--border:#2d2d2d;--ink:#f5f5f5;--muted:#9a9a9a;--accent:#f5f5f5;--accent-dim:#c6c6c6;--chalk:#8a8a8a;--danger:#e5573f;--radius:12px;--gutter:clamp(16px,4vw,56px);--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);background-image:radial-gradient(120% 80% at 50% -10%,hsla(0,0%,100%,.08),transparent 60%);background-attachment:fixed;color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.site-header{justify-content:space-between;gap:16px;padding:14px var(--gutter);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:hsla(0,0%,5%,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.brand,.site-header{display:flex;align-items:center}.brand{gap:10px;font-weight:700;font-size:17px}.ball{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#000;color:#fff;font-weight:800;border:2px solid #fff;font-size:13px}.site-header nav{display:flex;gap:18px;font-size:14px;color:var(--muted)}.site-header nav a:hover{color:var(--ink)}.site-main{width:100%;padding:clamp(20px,3vw,40px) var(--gutter) 72px}.site-footer{width:100%;padding:24px var(--gutter) 40px;color:var(--muted);font-size:12.5px;border-top:1px solid var(--border)}.page-title{font-size:clamp(24px,3vw,34px);font-weight:800;margin:4px 0 6px;letter-spacing:-.01em}.page-sub{color:var(--muted);margin:0 0 24px;max-width:68ch}.feed-intro{margin-bottom:22px}.feed-intro__eyebrow{color:var(--accent);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px}.feed-intro__title{font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.02em;margin:0 0 10px}.feed-intro__lede{color:var(--muted);max-width:62ch;margin:0;font-size:15.5px}.feed-streambar{display:flex;justify-content:flex-end;margin-bottom:18px}.feed-viewtoggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.feed-viewtoggle__btn{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--muted);border:0;padding:7px 14px;font:inherit;font-size:13px;cursor:pointer}.feed-viewtoggle__btn.is-on{background:var(--accent);color:#0c0c0c;font-weight:700}.feed-band{margin-bottom:30px}.feed-band__label{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid var(--border)}.feed-thumb{position:relative;display:block;overflow:hidden;background:#101010}.feed-thumb__img{width:100%;height:100%;object-fit:cover;display:block}.feed-thumb__veil{position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,4%,0) 45%,hsla(0,0%,4%,.55))}.feed-thumb__play{position:absolute;left:12px;bottom:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:hsla(0,0%,6%,.72);color:#fff;font-size:11px;border:1px solid hsla(0,0%,100%,.35)}.feed-thumb--empty{display:grid;place-items:center;color:#262626}.feed-thumb__glyph{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#000;color:#fff;font-weight:800;border:2px solid #fff}.feed-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fill,minmax(clamp(260px,24vw,340px),1fr))}.feed-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s,transform .15s}.feed-card:hover{border-color:var(--accent-dim);transform:translateY(-2px)}.feed-card .feed-thumb--card{aspect-ratio:16/9}.feed-card__body{flex-direction:column;padding:14px 16px 16px}.feed-card__badges,.feed-card__body{display:flex;gap:8px}.feed-card__title{font-size:16px;font-weight:700;line-height:1.3;margin:0}.feed-list{display:flex;flex-direction:column;gap:10px}.feed-row{display:grid;grid-template-columns:clamp(120px,18vw,168px) 1fr auto;align-items:center;grid-gap:16px;gap:16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px 10px 10px;transition:border-color .15s}.feed-row:hover{border-color:var(--accent-dim)}.feed-row .feed-thumb--row{aspect-ratio:16/9;border-radius:8px}.feed-row__title{font-size:15.5px;font-weight:650;margin:0 0 6px}.feed-row__go{color:var(--muted);font-size:18px}.feed-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:12.5px}.feed-meta__by{color:var(--ink);font-weight:600}.feed-meta__chips{color:var(--accent)}.badge{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:999px;border:1px solid var(--border)}.badge-creator{color:#bfe6d3;background:hsla(0,0%,100%,.12);border-color:var(--accent-dim)}.badge-play{color:#cdddff;background:rgba(47,111,237,.12);border-color:#2b4a8f}.badge-featured{color:var(--ink);border-color:var(--accent-dim);background:hsla(0,0%,100%,.06)}.empty{border:1px dashed var(--border);border-radius:var(--radius);padding:40px 20px;text-align:center;color:var(--muted)}.item-grid{display:grid;grid-template-columns:1fr;grid-gap:22px;gap:22px}@media (min-width:900px){.item-grid{grid-template-columns:minmax(0,1fr) clamp(300px,26vw,420px)}}.video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#000;border:1px solid var(--border)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.outline{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.outline h3{margin:4px 6px 12px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.outline-row{display:flex;gap:10px;width:100%;text-align:left;background:transparent;border:0;color:var(--ink);padding:9px 8px;border-radius:8px;cursor:pointer;font:inherit}.outline-row:hover{background:var(--panel-2)}.outline-row.active{background:hsla(0,0%,100%,.14)}.ts-chip{flex:0 0 auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700;color:var(--accent);min-width:46px}.outline-label{font-size:14px}.admin-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));align-items:start}.count-pill b,.ts-chip{font-family:var(--mono)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.panel h2{margin:0 0 14px;font-size:16px}.field{display:grid;grid-gap:6px;gap:6px;margin-bottom:12px}.field label{font-size:12.5px;color:var(--muted)}.field input{background:var(--bg);border:1px solid var(--border);color:var(--ink);border-radius:8px;padding:9px 11px;font:inherit}.btn{background:var(--accent);color:#0c0c0c;border:0;border-radius:8px;padding:9px 14px;font-weight:700;cursor:pointer;font:inherit}.btn:hover{background:var(--accent-dim);color:#fff}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{color:var(--ink);background:var(--panel-2)}.counts{display:flex;flex-wrap:wrap;gap:8px}.count-pill{border:1px solid var(--border);border-radius:999px;padding:5px 11px;font-size:13px}.count-pill b{color:var(--accent)}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--border)}.notice{font-size:13px;color:var(--muted);margin-top:10px}.notice.err{color:var(--danger)}.games-hero{margin-bottom:26px}.games-hero__eyebrow{color:var(--accent);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px}.games-hero__title{font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.02em;margin:0 0 10px}.games-hero__lede{color:var(--muted);max-width:64ch;margin:0;font-size:15.5px}.games-layout{display:grid;grid-gap:22px;gap:22px;grid-template-columns:1fr;align-items:start}@media (min-width:940px){.games-layout{grid-template-columns:clamp(320px,32vw,420px) 1fr}}.contest-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(clamp(240px,22vw,320px),1fr))}.contest-card{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px;transition:border-color .15s,transform .15s}.contest-card:hover{border-color:var(--accent-dim);transform:translateY(-2px)}.contest-card__title{font-size:16px;font-weight:700;margin:0}.contest-card__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:12.5px}.contest-card__count{font-family:var(--mono);color:var(--ink)}.pill{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.pill--open{color:var(--ink);border-color:var(--accent-dim)}.pill--live,.pill--locked{color:#0c0c0c;background:var(--accent);border-color:var(--accent)}.pill--live{animation:pulse 1.8s ease-in-out infinite}.pill--settled{color:var(--muted)}@keyframes pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.pill--live{animation:none}}.board-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 16px;margin-bottom:6px}.board-title{font-size:clamp(22px,3vw,32px);font-weight:800;letter-spacing:-.01em;margin:0}.board-matchup{color:var(--muted);font-size:15px;margin:2px 0 18px}.board-matchup b{color:var(--ink);font-weight:700}.board-score{font-family:var(--mono);color:var(--accent);font-weight:700}.board-wrap{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1fr;align-items:start}@media (min-width:1020px){.board-wrap{grid-template-columns:minmax(0,1fr) clamp(280px,24vw,380px)}}.squares{--axis:clamp(26px,4.4vw,44px);display:grid;grid-template-columns:var(--axis) repeat(10,minmax(0,1fr));grid-gap:clamp(2px,.5vw,5px);gap:clamp(2px,.5vw,5px);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(8px,1.4vw,16px)}.sq-corner{display:grid;place-items:center;font-size:10px;color:var(--muted);text-align:center;line-height:1.15}.sq-corner b{color:var(--ink);font-size:10.5px}.sq-axis{display:grid;place-items:center;aspect-ratio:1;font-family:var(--mono);font-weight:700;font-size:clamp(12px,1.8vw,18px);color:var(--accent)}.sq-axis--pending{color:var(--border)}.sq-cell{aspect-ratio:1;display:grid;place-items:center;text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:7px;font-size:clamp(9px,1.15vw,12px);color:var(--muted);overflow:hidden;padding:2px;line-height:1.1;transition:background .12s,border-color .12s,transform .12s}.sq-cell__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}button.sq-cell{cursor:pointer;font:inherit;font-size:clamp(9px,1.15vw,12px)}button.sq-cell:hover{border-color:var(--accent);background:var(--panel-2);transform:scale(1.04)}.sq-cell--taken{color:var(--ink);background:var(--panel-2);font-weight:600}.sq-cell--mine{color:#0c0c0c;background:var(--accent);border-color:var(--accent);font-weight:700}.sq-cell--win{position:relative;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 16px hsla(0,0%,100%,.35)}.sq-cell__win-tag{position:absolute;top:2px;right:3px;font-family:var(--mono);font-size:8.5px;font-weight:800;color:var(--accent);letter-spacing:.02em}.sq-cell--empty{color:#2a2a2a}.board-rail{gap:16px}.board-rail,.winners-list{display:flex;flex-direction:column}.winners-list{gap:8px}.winner-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--border)}.winner-row__period{font-family:var(--mono);font-weight:700;color:var(--accent)}.winner-row__who{font-weight:600}.winner-row__share{font-family:var(--mono);color:var(--muted)}.host-bar{display:flex;flex-wrap:wrap;gap:10px}.invite-code{font-family:var(--mono);background:var(--bg);border:1px dashed var(--border);border-radius:8px;padding:8px 11px;color:var(--ink)}.identity-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;color:var(--muted);font-size:13.5px}.identity-bar b{color:var(--ink)}.legaline{color:var(--muted);font-size:12px;margin-top:10px}.select{background:var(--bg);border:1px solid var(--border);color:var(--ink);border-radius:8px;padding:9px 11px;font:inherit}.seg{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.seg__btn{background:transparent;color:var(--muted);border:0;padding:8px 16px;font:inherit;font-size:13px;cursor:pointer}.seg__btn.is-on{background:var(--accent);color:#0c0c0c;font-weight:700}.stripcard{max-width:460px;background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.45)}.stripcard__head{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 18px 14px;background:radial-gradient(120% 100% at 50% 0,hsla(0,0%,100%,.06),transparent 70%),var(--panel-2);border-bottom:1px solid var(--border)}.stripcard__teams{font-weight:800;font-size:17px;letter-spacing:-.01em;text-align:center}.stripcard__amuse{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:3px 10px}.stripcard__rule{font-size:11.5px;color:var(--muted)}.stripcard__rule b{color:var(--ink);font-weight:600}.stripcard__lines{list-style:none;margin:0;padding:0}.stripcard__lines>li{margin:0}.stripline{position:relative;display:grid;grid-template-columns:58px 1fr;align-items:stretch;width:100%;text-align:left;color:var(--ink);font:inherit;background:transparent;border:0;border-top:1px solid var(--border);min-height:54px;transition:background .12s}.stripcard__lines>li:first-child .stripline{border-top:0}button.stripline{cursor:pointer}.stripline__tab{display:grid;place-items:center;font-family:var(--mono);font-weight:800;font-size:24px;color:var(--accent);background:linear-gradient(180deg,#202020,#171717);border-right:1px dashed var(--border)}.stripline__tab--hidden{color:#6a6a6a;background:repeating-linear-gradient(45deg,#2a2a2a 0 6px,#222 6px 12px)}.stripline__tab--hidden .stripline__pull{font-family:var(--mono);font-size:8.5px;font-weight:700;letter-spacing:.12em;color:#7a7a7a;text-transform:uppercase}.stripline__body{display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px dashed transparent}.stripline__name{flex:1 1;font-size:15px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dashed var(--border);padding-bottom:4px}.stripline__name--open{font-weight:500;color:var(--muted)}.stripline--win .stripline__name{border-bottom-color:rgba(0,0,0,.28)}.stripline__plus{margin-left:auto;color:var(--muted);font-size:20px;line-height:1}.stripline--open:hover{background:var(--panel-2)}.stripline--open:hover .stripline__name--open{color:var(--ink)}.stripline--open:hover .stripline__plus{color:var(--accent)}.stripline--mine{background:hsla(0,0%,100%,.1)}.stripline--mine .stripline__tab{color:#fff;background:linear-gradient(180deg,#2c2c2c,#202020)}.stripline--win{background:var(--accent)}.stripline--win .stripline__tab{color:#0c0c0c;background:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.25)}.stripline--win .stripline__name,.stripline__ribbon{color:#0c0c0c;font-weight:800}.stripline__ribbon{margin-left:auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;background:rgba(0,0,0,.14);border-radius:999px;padding:2px 8px}.chips{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.chip{display:flex;flex-direction:column;gap:3px;text-align:left;cursor:pointer;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:9px 11px;font:inherit;color:var(--ink);transition:border-color .12s,background .12s}.chip:hover{border-color:var(--accent-dim)}.chip.is-on{border-color:var(--accent);background:var(--panel-2);box-shadow:0 0 0 1px var(--accent)}.chip__label{font-size:13.5px;font-weight:700}.chip__hint{font-size:11.5px;color:var(--muted)}.lobby-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.btn-lg{padding:12px 20px;font-size:15px;border-radius:10px}.join-inline{display:flex;gap:8px}.join-inline input{background:var(--bg);border:1px solid var(--border);color:var(--ink);border-radius:8px;padding:9px 12px;font:inherit;width:clamp(120px,20vw,200px)}.lobby-filters{flex-wrap:wrap;gap:14px 20px;padding:14px 16px;margin-bottom:20px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.filter,.lobby-filters{display:flex;align-items:center}.filter{gap:8px}.filter__label{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.lobby-search{margin-left:auto;background:var(--bg);border:1px solid var(--border);color:var(--ink);border-radius:999px;padding:9px 14px;font:inherit;min-width:clamp(160px,22vw,260px)}.lobby-filters .seg__btn{padding:6px 12px;font-size:12.5px}.modal-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:start center;padding:clamp(16px,6vh,72px) 16px;overflow-y:auto;background:rgba(6,6,6,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlay-in .14s ease-out}.modal{width:100%;max-width:560px;background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.6);animation:modal-in .16s ease-out}@keyframes overlay-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.99)}}@media (prefers-reduced-motion:reduce){.modal,.modal-overlay{animation:none}}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal__head h2{margin:0;font-size:18px}.modal__close{background:transparent;border:0;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;padding:0 4px;border-radius:6px}.modal__close:hover{color:var(--ink)}.modal__body{padding:18px 20px 20px}.modal__row{display:grid;grid-gap:0 14px;gap:0 14px;grid-template-columns:1fr}@media (min-width:520px){.modal__row{grid-template-columns:1fr 1fr}}.modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}