:root{--paper:#f4f1ea;--white:#fff;--ink:#15171a;--ink-2:#3c3d40;--muted:#6b6a66;--faint:#a9a69e;--gray:#8e8a82;--line:#e2ddd2;--line-2:#d6d1c6;--line-3:#ece8df;--line-4:#f0ece3;--accent:#2f6b45;--hi:#e6edd8;--sage:#b9c7a0;--win:#17804a;--win-bg:#e3f1e8;--loss:#c8412b;--loss-bg:#f8e4df;--loss-ink:#7a2616;--live:#e0452b;--coral:#ff7a5e;--cond:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--sans:Barlow, system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--paper);font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--ink)}a:hover{color:var(--win)}input:focus{outline:none}button{font-family:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:1320px;margin:0 auto;padding:28px}.cond{font-family:var(--cond);font-weight:700}.up{text-transform:uppercase}.eyebrow{font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.eyebrow-12{font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.card{background:var(--white);border-radius:18px;padding:18px}.link{color:var(--accent);font:600 14px var(--sans);cursor:pointer;background:0 0;border:none;padding:0}.muted{color:var(--muted)}.nowrap{white-space:nowrap}.topbar{background:var(--white);color:var(--ink);border-bottom:1px solid var(--line);z-index:5;position:sticky;top:0}.topbar-inner{align-items:center;gap:32px;max-width:1320px;height:64px;margin:0 auto;padding:0 28px;display:flex}.brand{font:700 22px/1 var(--cond);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.nav{scrollbar-width:none;flex:1;gap:4px;height:100%;display:flex;overflow-x:auto}.nav button{height:100%;color:var(--muted);font:700 17px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:none;padding:0 16px}.nav button[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}.top-right{align-items:center;gap:12px;display:flex;position:relative}.lock-pill{background:var(--paper);color:var(--ink);font:600 13px/1 var(--sans);white-space:nowrap;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:flex}.avatar{background:var(--hi);width:36px;height:36px;color:var(--ink);font:700 14px var(--cond);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.menu{background:var(--white);border:1px solid var(--line);z-index:20;border-radius:14px;min-width:200px;padding:6px;position:absolute;top:46px;right:0;box-shadow:0 12px 32px #15171a1f}.menu button{text-align:left;width:100%;font:600 14px var(--sans);cursor:pointer;color:var(--ink);background:0 0;border:none;border-radius:9px;padding:10px 12px;display:block}.menu button:hover{background:var(--paper)}.menu .who{padding:8px 12px 6px}.chip{font:600 13px/1 var(--sans);border:1.5px solid var(--line-2);color:var(--ink-2);background:0 0;border-radius:999px;padding:5px 9px}button.chip{cursor:pointer}.chip.on{background:var(--hi);color:var(--ink);border-color:var(--sage)}.week-chip{border:1.5px solid var(--line-2);color:var(--ink-2);font:700 15px/1 var(--cond);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px}.week-chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.seg{background:var(--line);border-radius:12px;padding:3px;display:flex}.seg button{height:38px;color:var(--muted);font:700 15px var(--cond);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-radius:9px;padding:0 18px}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.pick-btn{border:1.5px solid var(--line);height:52px;color:var(--ink);cursor:pointer;font:700 22px/1 var(--cond);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.pick-btn span:last-child{font:600 15px var(--sans)}.pick-btn[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.pick-btn:disabled{cursor:default}.row-btn{cursor:pointer}.row-btn:hover{background:var(--paper)!important}.modal-back{z-index:50;background:#15171a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:560px;padding:24px;display:flex}.note{background:var(--paper);font:500 13px/1.35 var(--sans);color:var(--ink-2);border-radius:12px;padding:10px 12px}.banner{max-width:1320px;margin:16px auto 0;padding:0 28px}.banner>div{font:500 14px/1.4 var(--sans);border-radius:14px;padding:12px 16px}.btn{border:1.5px solid var(--line-2);height:44px;color:var(--ink);font:700 16px var(--cond);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:#fff;border-radius:12px;padding:0 18px}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn:disabled{opacity:.5;cursor:default}@media (width<=760px){.topbar-inner{flex-wrap:wrap;gap:0 12px;height:auto;padding:10px 16px 0}.brand{flex:1;order:1;font-size:22px}.top-right{order:2}.nav{flex-basis:100%;order:3;height:46px;margin:6px -16px 0;padding:0 8px}.nav button{padding:0 12px}.lock-pill{display:none}.wrap{padding:20px 16px!important}.pad-x{padding-left:16px!important;padding-right:16px!important}.banner{padding:0 16px}.hero-xl{font-size:48px!important}.hero-xxl{font-size:64px!important}.span-2{grid-column:auto!important}.h2h-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=760px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.game-card{gap:6px!important;padding:10px 11px!important}.game-card-top{flex-wrap:wrap;letter-spacing:.05em!important;gap:4px 8px!important;font-size:10px!important}.game-card-team{font-size:18px!important}.game-card-team span span{font-size:11px!important}}.legend-item{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.chip-scroll{scrollbar-width:none}.chip-scroll::-webkit-scrollbar{display:none}button,a,[role=button]{-webkit-tap-highlight-color:transparent}@media (width<=760px){input:not([inputmode=numeric]),select,textarea{font-size:16px!important}}
