:root{--bg: #f2f0ea;--bg-2: #fbfaf6;--bg-3: #e6e3d8;--ink: #15171c;--on-ink: #f2f0ea;--line: rgba(21, 23, 28, .17);--line-strong: rgba(21, 23, 28, .55);--text: #1a1c22;--text-dim: #5f6068;--accent: #1d7a4b;--accent-2: #1f3bd1;--warn: #c46a00;--bad: #c8302b;--hl-pick: #ffe55c;--hl-strength: 100%;--hl: color-mix(in srgb, var(--hl-pick) var(--hl-strength), transparent);--hl-soft: color-mix(in srgb, var(--hl) 52%, transparent);--radius: 0px;--radius-sm: 0px;--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.09'/></svg>");--font-display: "Gloock", Georgia, "Times New Roman", serif;--font-body: "Newsreader", Georgia, "Times New Roman", serif;--font-ui: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-num: var(--font-ui);--fs-body: 15px;--label-track: .1em;--cell-y: 8px;--cell-x: 10px;--card-gap: 30px;font-synthesis:none}:root[data-theme=dark]{--bg: #131216;--bg-2: #1c1b21;--bg-3: #26242c;--ink: #efeae0;--on-ink: #131216;--line: rgba(239, 234, 224, .16);--line-strong: rgba(239, 234, 224, .55);--text: #ece8de;--text-dim: #9a97a0;--accent: #5ccf92;--accent-2: #8ea2ff;--warn: #ffa64d;--bad: #ff7d73;--hl-strength: 34%;--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.05'/></svg>")}:root[data-type=clean]{--font-display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-ui: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num: var(--font-body);--fs-body: 14px;--label-track: .08em}:root[data-type=ledger]{--font-display: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--font-body: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--font-ui: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--font-num: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--fs-body: 13px}:root[data-density=compact]{--cell-y: 4px;--cell-x: 8px;--card-gap: 18px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--bg);background-image:var(--grain);background-attachment:fixed;color:var(--text);font:var(--fs-body)/1.5 var(--font-body);font-optical-sizing:auto;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}a{color:var(--accent-2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}code{font-family:var(--font-ui);background:var(--bg-3);padding:1px 5px;font-size:12px}::selection{background:var(--hl);color:var(--text)}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 24px 0;border-top:6px solid var(--ink);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px}.logo-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--ink)}.logo-mark svg{display:block}.brand-name{font-family:var(--font-display);font-weight:400;font-size:34px;line-height:1;letter-spacing:-.01em;color:var(--text)}.brand-name span{font-family:var(--font-body);font-style:italic;font-weight:500;font-size:.56em;letter-spacing:0;color:var(--accent-2);margin-left:8px}.brand-sub{font-family:var(--font-ui);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-top:4px}.sport-switch{font-size:12px;padding:4px 8px;flex:none}.topbar>.row:last-child{margin-left:auto}.tabs{display:flex;gap:0;flex-wrap:wrap;flex:1 1 100%;order:5;border-top:3px double var(--ink);margin:6px -24px 0;padding:0 18px;border-bottom:1px solid var(--ink)}.tab{position:relative;isolation:isolate;padding:10px 10px 9px;color:var(--text-dim);font-family:var(--font-ui);font-weight:500;font-size:11.5px;letter-spacing:var(--label-track);text-transform:uppercase;transition:color .15s ease}.tab:hover{text-decoration:none;color:var(--text)}.tab.active{color:var(--text);font-weight:600}.tab.active:before{content:"";position:absolute;z-index:-1;top:7px;right:3px;bottom:6px;left:3px;background:var(--hl);transform:rotate(-1.2deg)}.backend{font-family:var(--font-ui);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:3px 7px;border:1px solid var(--line-strong);color:var(--text-dim)}.backend.supabase{color:var(--accent);border-color:var(--accent)}.tab-dropdown{position:relative}.tab-dropdown>button.tab{background:none;border:none;cursor:pointer;padding:10px 10px 9px}.tab-dropdown>button.tab:hover{background:none}.tab-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:60;min-width:170px;background:var(--bg-2);border:1px solid var(--ink);padding:4px;box-shadow:5px 5px 0 var(--line);display:flex;flex-direction:column}.tab-dropdown-item{padding:8px 10px;color:var(--text-dim);font-family:var(--font-ui);font-size:11.5px;letter-spacing:var(--label-track);text-transform:uppercase;white-space:nowrap}.tab-dropdown-item:hover{background:var(--bg-3);text-decoration:none;color:var(--text)}.tab-dropdown-item.active{background:var(--hl-soft);color:var(--text)}.banner{background:color-mix(in srgb,var(--warn) 14%,var(--bg));border-bottom:1px solid var(--warn);color:var(--text);padding:8px 24px;font-size:13px}.content{padding:28px 24px 36px;max-width:1200px;width:100%;margin:0 auto;flex:1}.loading{color:var(--text-dim);padding:60px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;font-family:var(--font-ui);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.loading-ball{display:inline-flex;color:var(--ink);animation:loading-spin 1.1s ease-in-out infinite}@keyframes loading-spin{0%,to{transform:rotate(-14deg) translateY(0)}50%{transform:rotate(14deg) translateY(-6px)}}h1{display:inline-block;font-family:var(--font-display);font-size:46px;font-weight:400;line-height:1.04;letter-spacing:-.015em;margin:0 0 8px;padding:0 .08em;background:linear-gradient(transparent 62%,var(--hl) 62%,var(--hl) 90%,transparent 90%)}h2{font-family:var(--font-body);font-style:italic;font-size:24px;font-weight:500;margin:30px 0 10px;color:var(--text)}.sub{color:var(--text-dim);font-size:1.08em;font-style:italic;margin:0 0 22px;max-width:70ch}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.team-accent{border-left:4px solid var(--accent-team, var(--line))!important}.rank-lead{background:var(--hl-soft);box-shadow:inset 4px 0 0 var(--ink)}.rank-medal{font-size:15px}.card{background:transparent;border:0;border-top:2px solid var(--ink);border-radius:0}.card+.card{margin-top:var(--card-gap)}.grid>.card+.card{margin-top:0}.card-h{padding:9px 0 8px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--font-ui);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.card-b{padding:12px 0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:var(--cell-y) var(--cell-x);border-bottom:1px dotted var(--line-strong)}th{color:var(--text-dim);font-family:var(--font-ui);font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:var(--label-track);border-bottom:1.5px solid var(--ink);white-space:nowrap}td.num,th.num{text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:.94em}td{font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:none}tbody tr{transition:background-color .1s}tbody tr:hover{background:color-mix(in srgb,var(--hl) 22%,transparent)}.pill{font-family:var(--font-ui);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:0 5px;line-height:17px;background:transparent;color:var(--text-dim);border:1px solid var(--line-strong);display:inline-flex;align-items:center;gap:3px}.pill[class*=pos-]{border-color:currentColor}.chip-x{background:none;border:none;color:var(--text-dim);font-size:11px;padding:0 2px;line-height:1;cursor:pointer}.chip-x:hover{color:var(--bad);border:none;background:none}.pos-QB{color:#f58bc0}.pos-RB{color:#5fd88a}.pos-WR{color:#62aaff}.pos-TE{color:#efc04a}.pos-DL,.pos-LB,.pos-DB,.pos-DP{color:#ff9a6c}.pos-P{color:#7fd6e0}.pos-HC{color:#c9a3ff}:root:not([data-theme=dark]) .pos-QB{color:#b32a74}:root:not([data-theme=dark]) .pos-RB{color:#1c7a3c}:root:not([data-theme=dark]) .pos-WR{color:#1a5fbf}:root:not([data-theme=dark]) .pos-TE{color:#8a6500}:root:not([data-theme=dark]) .pos-DL,:root:not([data-theme=dark]) .pos-LB,:root:not([data-theme=dark]) .pos-DB,:root:not([data-theme=dark]) .pos-DP{color:#b24a1c}:root:not([data-theme=dark]) .pos-P{color:#11707c}:root:not([data-theme=dark]) .pos-HC{color:#6d3fb5}.bet-detail-row td{background:var(--bg-3)}.bet-detail{padding:6px 2px 10px;display:flex;flex-direction:column;gap:3px}.bet-breakdown{width:100%;border-collapse:collapse;margin:4px 0 2px;font-size:12px}.bet-breakdown td{padding:2px 0;border:none;vertical-align:top;white-space:normal}.bet-breakdown tr.good td:first-child{color:var(--accent)}.big-num{font-family:var(--font-display);font-size:34px;font-weight:400;line-height:1.1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.muted{color:var(--text-dim)}.good{color:var(--accent)}.bad{color:var(--bad)}.warnc{color:var(--warn)}button,select,input,textarea{font:13px/1.4 var(--font-ui);color:var(--text);background:var(--bg-2);border:1px solid var(--line-strong);border-radius:0;padding:6px 10px}input:hover,select:hover,textarea:hover{border-color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-2);outline-offset:1px;border-color:var(--ink)}::placeholder{color:color-mix(in srgb,var(--text-dim) 75%,transparent)}button{cursor:pointer;font-weight:500;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;background:transparent;border-color:var(--ink);transition:background-color .12s ease,color .12s ease,transform .08s ease}button:hover{background:var(--bg-3)}button:active{transform:translateY(1px)}.team-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;color:#fff;font-family:var(--font-display);font-weight:400;text-shadow:0 1px 1px rgba(0,0,0,.3)}.avatar-picker{position:relative;border-radius:50%;cursor:pointer}.avatar-picker img{border-radius:50%;object-fit:cover;display:block;transition:opacity .15s}.avatar-picker:hover .avatar-edit{transform:scale(1.08)}.avatar-edit{position:absolute;right:-3px;bottom:-3px;width:22px;height:22px;border-radius:50%;background:var(--bg-2);border:1px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:11px;transition:transform .12s}.avatar-err{position:absolute;top:calc(100% + 4px);left:0;width:max-content;max-width:180px;font-size:11px;color:var(--bad);z-index:5}button.primary{background:var(--ink);color:var(--on-ink);font-weight:600;border-color:var(--ink);padding:7px 14px}button.primary:hover{background:var(--accent-2);border-color:var(--accent-2);color:var(--bg)}button.danger{color:var(--bad);border-color:var(--bad)}button.danger:hover{background:var(--bad);color:var(--bg)}button.ghost{background:transparent;border-color:transparent}button.ghost:hover{background:var(--bg-3);border-color:var(--line)}button:disabled{opacity:.4;cursor:not-allowed}button:disabled:hover{background:transparent}button.primary:disabled:hover{background:var(--ink)}button.ghost:disabled:hover{background:transparent;border-color:transparent}label.field{display:flex;flex-direction:column;gap:4px;font-size:10.5px;color:var(--text-dim);font-family:var(--font-ui);letter-spacing:var(--label-track);text-transform:uppercase;font-weight:600}label.field input,label.field select{color:var(--text);text-transform:none;letter-spacing:normal;font-weight:400;font-size:13px}.segmented{display:inline-flex;gap:0;border:1px solid var(--ink)}.segmented button{padding:3px 12px;background:transparent;border:none;border-right:1px solid var(--ink);color:var(--text-dim);font-weight:500}.segmented button:last-child{border-right:none}.segmented button:hover{background:var(--bg-3)}.segmented button.active{background:var(--ink);color:var(--on-ink)}.segmented button.active:hover{background:var(--ink)}.grid{display:grid;gap:var(--card-gap)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 800px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}.look{position:relative}.look-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:70;width:320px;max-width:calc(100vw - 24px);background:var(--bg-2);border:1px solid var(--ink);border-top-width:4px;box-shadow:6px 6px 0 var(--line);padding:14px 16px 16px;display:flex;flex-direction:column;gap:14px;text-align:left}.look-h{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--font-display);font-size:22px}.look-h small{font-family:var(--font-ui);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.look-group{display:flex;flex-direction:column;gap:6px}.look-label{font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.look-opts{display:flex;flex-wrap:wrap;gap:6px}.look-opt{padding:5px 10px;font-size:11px;background:transparent;border:1px solid var(--line-strong);color:var(--text)}.look-opt.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.look-swatch{width:28px;height:28px;padding:0;border:1px solid var(--ink);position:relative}.look-swatch.on{outline:2px solid var(--text);outline-offset:2px}.look-type{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:6px 10px;text-transform:none;letter-spacing:0}.look-type b{font-size:17px;line-height:1.1;font-weight:400}.look-type small{font-size:10px;opacity:.7;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-ui)}.look-note{font-size:11px;color:var(--text-dim)}@media (max-width: 800px){.content{padding:18px 14px 86px}.topbar{padding:8px 14px;gap:10px}.brand-name{font-size:26px}h1{font-size:36px}.tabs,.tab-dropdown{display:none}.card-b{overflow-x:auto;-webkit-overflow-scrolling:touch}.card-b table{width:max-content;min-width:100%}.card-b .bet-breakdown{width:100%;min-width:0}input,select,textarea{font-size:16px}.row{gap:8px}.big-num{font-size:28px}}.bottom-nav{display:none}@media (max-width: 800px){.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;background:color-mix(in srgb,var(--bg) 95%,transparent);border-top:3px double var(--ink);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;color:var(--text-dim);background:none;border:none;font:inherit;cursor:pointer;position:relative;isolation:isolate;transition:color .15s ease}.bottom-nav-item:hover{background:none;text-decoration:none;color:var(--text)}.bottom-nav-item.active{color:var(--text);text-decoration:none}.bottom-nav-item.active:before{content:"";position:absolute;z-index:-1;top:1px;right:14px;bottom:1px;left:14px;background:var(--hl);transform:rotate(-1.5deg)}.bn-icon{display:flex;line-height:1;font-size:19px}.bn-icon svg{width:23px;height:23px}.bn-label{font-family:var(--font-ui);font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.bn-badge{position:absolute;top:-2px;right:16px;margin:0}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0a0a0e73;display:flex;align-items:flex-end}.bottom-sheet{width:100%;background:var(--bg-2);border-top:4px solid var(--ink);padding:8px 10px calc(14px + env(safe-area-inset-bottom));max-height:75vh;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.bottom-sheet-handle{width:40px;height:3px;background:var(--line-strong);margin:4px auto 10px}.mobile-nav-item{padding:11px 12px;color:var(--text-dim);font-family:var(--font-ui);font-size:12px;letter-spacing:var(--label-track);text-transform:uppercase;display:flex;align-items:center;gap:8px;border-bottom:1px dotted var(--line-strong)}.mobile-nav-item:hover,.mobile-nav-item.active{background:var(--hl-soft);color:var(--text);text-decoration:none}.mobile-nav-sep{padding:14px 12px 4px;font-family:var(--font-ui);font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-2)}.lineup-slot{display:inline-block;width:42px;color:var(--text-dim);font-family:var(--font-ui);font-weight:500;font-size:11px;letter-spacing:.08em}.bench td{color:var(--text-dim)}.player-list{display:flex;flex-direction:column;gap:0}.player-row{padding:6px 4px;border-bottom:1px dotted var(--line-strong)}.player-row.starter{box-shadow:inset 3px 0 0 var(--ink);padding-left:10px}.player-row.bench{color:var(--text-dim);font-style:italic}.player-row.total-row{display:flex;align-items:center;padding:6px 4px;border-bottom:none;border-top:1.5px solid var(--ink)}.pr-main{display:flex;align-items:center;gap:6px;min-width:0}.pr-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.pr-pts{flex:none;font-family:var(--font-display);font-size:20px;font-variant-numeric:tabular-nums}.pr-detail{font-size:12px;margin-top:2px;padding-left:48px;line-height:1.5;font-style:normal}@media (max-width: 480px){.pr-detail{padding-left:0}}.scoreboard-team{display:flex;align-items:baseline;gap:8px}.scoreboard-team .rank{color:var(--text-dim);width:18px}.chip-warn{color:var(--warn);font-size:12px}.kv{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px dotted var(--line-strong)}.kv:last-child{border-bottom:none}.kv-tile{background:transparent;border:1px solid var(--line-strong);border-top:2px solid var(--ink);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.compare-bar{height:6px;background:var(--bg-3);margin-top:3px}.compare-fill{height:100%}.compare-fill.you{background:var(--accent-2)}.compare-fill.avg{background:var(--text-dim)}.login-wrap{max-width:420px;margin:8vh auto 0}.login-card{background:var(--bg-2);border:1px solid var(--ink);border-top:6px solid var(--ink);padding:0 20px;box-shadow:8px 8px 0 var(--line)}.login-card .card-b{padding:16px 0}.login-card .card-h{font-size:13px;gap:12px;padding-top:14px}.login-card input,.login-card select{width:100%}.login-note{text-align:center;margin-top:18px;font-size:13px;font-style:italic}.order-list{display:flex;flex-direction:column;gap:4px}.order-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-2);border:1px solid var(--line-strong)}.order-row .n{width:20px;color:var(--text-dim);font-weight:700}.order-row .arrows button{padding:2px 7px}.inj{font-family:var(--font-ui);font-size:10px;font-weight:600;padding:0 4px;letter-spacing:.06em;white-space:nowrap;border:1px solid currentColor}.inj-warn{color:var(--warn)}.inj-bad{color:var(--bad)}.inj-line{font-size:13px}.badge{display:inline-block;min-width:16px;padding:0 4px;margin-left:5px;font-family:var(--font-ui);font-size:9.5px;font-weight:700;line-height:15px;text-align:center;background:var(--bad);color:var(--bg);vertical-align:middle}.chat-list{max-height:60vh;min-height:240px;overflow-y:auto;padding:12px 4px;display:flex;flex-direction:column;gap:2px}.chat-msg{max-width:78%;align-self:flex-start}.chat-msg.mine{align-self:flex-end;text-align:right}.chat-meta{font-size:12px;margin:8px 0 2px}.chat-body{display:inline-block;position:relative;padding:6px 10px;border:1px solid var(--line-strong);background:var(--bg-2);white-space:pre-wrap;word-break:break-word;text-align:left}.chat-msg.mine .chat-body{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.chat-del{position:absolute;top:-8px;right:-8px;padding:0 5px;font-size:10px;opacity:0;transition:opacity .1s}.chat-body:hover .chat-del{opacity:1}.chat-input{display:flex;gap:8px;padding:10px 0;border-top:1px solid var(--line)}.chat-input textarea{flex:1;resize:none}.verdict{font-family:var(--font-ui);font-size:10px;font-weight:600;padding:1px 6px;letter-spacing:.06em;white-space:nowrap;border:1px solid currentColor}.v-value,.v-value-injury{color:var(--accent)}.v-reach{color:var(--bad)}.v-flier{color:var(--warn)}.v-fair{color:var(--text-dim)}.online-sidebar{position:fixed;top:96px;right:0;z-index:40;display:flex;align-items:flex-start}.online-toggle{background:var(--bg-2);border:1px solid var(--ink);border-right:none;padding:8px 5px;cursor:pointer;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:700}.online-toggle:hover{color:var(--text)}.online-panel{background:var(--bg-2);border:1px solid var(--ink);border-right:none;width:190px;max-height:60vh;overflow-y:auto;box-shadow:-5px 5px 0 var(--line)}.online-h{padding:8px 10px;border-bottom:1px solid var(--line-strong);font-family:var(--font-ui);font-weight:600;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;gap:8px}.online-error{margin:6px;padding:8px;font-size:11px;line-height:1.5;background:color-mix(in srgb,var(--bad) 12%,var(--bg));border:1px solid var(--bad)}.online-error code{font-size:10px}.online-list{list-style:none;margin:0;padding:4px}.online-list li{display:flex;align-items:center;gap:6px;padding:5px 6px;font-size:12px}.online-list li.me{background:var(--hl-soft)}.online-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--text-dim);opacity:.5}.online-dot.on{background:var(--accent);opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}.online-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-ago{font-size:10px;white-space:nowrap}@media (max-width: 800px){.online-sidebar{top:auto;bottom:calc(64px + env(safe-area-inset-bottom))}.online-panel{width:160px;max-height:38vh}}.scoreboard-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.score-list{display:flex;flex-direction:column;gap:0}.score-row{display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding:8px 10px;text-align:left;font:inherit;letter-spacing:normal;text-transform:none;font-weight:400;color:var(--text);background:transparent;border:0;border-bottom:1px dotted var(--line-strong);border-left:4px solid var(--accent-team, var(--line))}.score-row:hover{background:color-mix(in srgb,var(--hl) 24%,transparent)}.score-row.active,.score-row.active:hover{background:var(--hl-soft)}.sr-rank{font-family:var(--font-display);font-size:18px;color:var(--text-dim);width:22px;flex:none;text-align:center}.sr-name{font-weight:600;font-size:15px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-proj{font-size:12px;flex:none}.sr-score{font-family:var(--font-display);font-size:28px;line-height:1;font-variant-numeric:tabular-nums;flex:none;min-width:58px;text-align:right}@media (max-width: 480px){.sr-proj{display:none}.sr-score{min-width:46px}}@keyframes score-flash-anim{0%{background-color:var(--hl)}to{background-color:transparent}}.score-flash{animation:score-flash-anim 2.2s ease-out}.sparkline{flex:none;opacity:.85}.sparkline.good{color:var(--accent)}.sparkline.bad{color:var(--bad)}@media (max-width: 480px){.sparkline{display:none}}.feed-item{display:flex;align-items:center;gap:8px;padding:4px 2px;border-bottom:1px dotted var(--line)}.feed-text{font-size:13px;min-width:0;flex:1 1 auto}.feed-time{font-size:11px;flex:none;white-space:nowrap}.game-card{flex:0 0 160px;background:var(--bg-2);border:1px solid var(--line-strong);border-top:2px solid var(--ink);padding:8px 10px;cursor:pointer}.game-card.wide{flex-basis:190px}.game-card:hover{border-color:var(--ink)}.game-card.active{background:var(--hl-soft);border-color:var(--ink)}.gc-status{font-family:var(--font-ui);font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px;min-height:12px}.gc-live{color:var(--bad);font-weight:700;display:inline-flex;align-items:center}.gc-live-dot{width:6px;height:6px;border-radius:50%;background:var(--bad);display:inline-block;margin-right:5px;animation:gc-pulse 1.3s infinite}@keyframes gc-pulse{0%,to{opacity:1}50%{opacity:.25}}.gc-team{display:flex;align-items:center;gap:6px;padding:3px 0}.gc-team img{width:18px;height:18px;object-fit:contain;flex:none}.gc-team .gc-abbr{font-family:var(--font-display);font-size:18px}.gc-team .gc-score{margin-left:auto;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:20px}.gc-team.win .gc-abbr,.gc-team.win .gc-score{font-weight:700}.gc-team.lose{opacity:.5}.gc-odds{font-size:10px;margin-top:4px}.game-detail{max-height:640px;overflow-y:auto}.gd-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--line-strong)}.gd-header .gc-team{padding:0}.gd-header .gc-team .gc-abbr{font-size:24px}.gd-header .gc-team .gc-score{font-size:30px}.gd-header .gc-team img{width:26px;height:26px}
