:root,:root[data-theme=dark]{--bg:#0a0f14;--bg-glow:#14202b;--panel:#121a22;--panel-2:#18222c;--line:#243240;--text:#e8eef4;--muted:#8aa0b2;--accent:#2bd576;--accent-2:#3aa0ff;--gold:#f4c542;--danger:#ff6b6b;--on-accent:#06160e;--pitch-a:#123821;--pitch-b:#0f2a1a;--pitch-ink:#eafff2;--pitch-muted:rgba(234,255,242,0.55)}:root[data-theme=light]{--bg:#f4f6f8;--bg-glow:#e7edf3;--panel:#ffffff;--panel-2:#eef1f5;--line:#d9e0e7;--text:#0e1a13;--muted:#5c6b78;--accent:#12a150;--accent-2:#2563eb;--gold:#c08a09;--danger:#d23b3b;--on-accent:#ffffff;--pitch-a:#2f8049;--pitch-b:#256e3c;--pitch-ink:#ffffff;--pitch-muted:rgba(255,255,255,0.78)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,var(--bg-glow) 0,var(--bg) 60%);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.site-header{justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--line)}.site-header,.wordmark{display:flex;align-items:center}.wordmark{color:var(--text);gap:10px}.wordmark:hover{text-decoration:none}.wordmark-text{font-weight:800;letter-spacing:2px;font-size:20px}.xi{color:var(--accent)}.site-logo{height:38px;width:auto;border-radius:8px;display:block}.hero-logo{width:200px;max-width:70%;height:auto;border-radius:18px;margin:0 auto 8px;display:block}.logo-on-light,:root[data-theme=light] .logo-on-dark{display:none}:root[data-theme=light] .logo-on-light{display:block}.header-nav{display:flex;gap:20px;align-items:center}.header-nav a{color:var(--muted)}.theme-toggle{background:var(--panel);border:1px solid var(--line);color:var(--text);width:34px;height:34px;border-radius:999px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.theme-toggle:hover{border-color:var(--accent)}main{max-width:1040px;margin:0 auto;padding:24px}.site-footer{max-width:1040px;margin:40px auto 24px;padding:16px 24px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);text-align:center}.hero{text-align:center;padding:40px 0 24px}.hero h1{font-size:44px;margin:0 0 12px}.tagline{color:var(--muted);max-width:620px;margin:0 auto;font-size:18px}.modes{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin:32px 0}.mode-card{display:block;padding:24px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.mode-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px);transition:.15s}.mode-card.scout:hover{border-color:var(--gold)}.mode-card h2{margin:0 0 8px}.mode-card p{color:var(--muted);margin:0 0 16px}.cta{color:var(--accent);font-weight:600}.scout .cta{color:var(--gold)}.home-note{text-align:center;color:var(--muted);font-size:14px}.formation-pick{max-width:760px;margin:0 auto}.fp-head{text-align:center;margin-bottom:8px}.fp-head h1{margin:0;letter-spacing:4px;text-transform:uppercase;font-size:28px}.fp-sub{margin:4px 0 0}.fp-label,.fp-sub{color:var(--muted);text-transform:uppercase;letter-spacing:2px;font-size:12px}.fp-label{margin:24px 0 12px}.fp-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.fp-card{position:relative;text-align:left;cursor:pointer;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:16px;color:var(--text)}.fp-card:hover{border-color:var(--accent-2)}.fp-card.on{border-color:var(--accent);box-shadow:0 0 0 3px rgba(43,213,118,.15)}.fp-name{font-size:22px;font-weight:800}.fp-check{position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:999px;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px}.mini-pitch{margin-top:12px;border-radius:10px;padding:14px 10px;background:repeating-linear-gradient(180deg,var(--pitch-a) 0 28px,var(--pitch-b) 28px 56px);display:flex;flex-direction:column;gap:14px}.mini-line{display:flex;justify-content:space-around}.mini-line .dot{width:12px;height:12px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 2px rgba(0,0,0,.25)}.fp-start{width:100%;margin-top:22px;padding:16px;border:none;border-radius:12px;cursor:pointer;background:var(--accent);color:var(--on-accent);font-size:17px;font-weight:800;letter-spacing:1px}.fp-start:hover:not(:disabled){filter:brightness(1.05)}.fp-start:disabled{opacity:.6;cursor:not-allowed}.busy{text-align:center;color:var(--muted);padding:60px 0}.draft{display:grid;grid-template-columns:1fr 320px;grid-gap:24px;gap:24px;align-items:start}.round-label{color:var(--muted);font-size:14px;margin-bottom:12px}.spin-board{display:flex;gap:12px;margin-bottom:16px}.reel{flex:1 1;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center;animation:pop .25s ease}@keyframes pop{0%{transform:scale(.96);opacity:.4}to{transform:scale(1);opacity:1}}.reel .kind{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.reel .value{display:block;font-size:22px;font-weight:700;margin-top:6px}.squad-label{color:var(--muted);font-size:13px;margin:-6px 0 12px;letter-spacing:.5px}.player-search{width:100%;margin-bottom:10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px 14px;color:var(--text);font-size:14px}.player-search:focus{outline:none;border-color:var(--accent)}.skips{display:flex;gap:10px;margin-bottom:12px}.secondary,.skips button{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 14px;cursor:pointer;font-size:14px}.skips button:disabled{opacity:.4;cursor:not-allowed}.skips button:hover:not(:disabled){border-color:var(--accent-2)}.rule-error{color:var(--danger);font-size:14px}.eligible{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-gap:8px;gap:8px}.eligible button{width:100%;display:grid;grid-template-columns:1fr auto auto;grid-gap:12px;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 16px;cursor:pointer;color:var(--text);text-align:left}.eligible button:hover:not(:disabled){border-color:var(--accent);background:var(--panel-2)}.eligible button{flex-direction:column;display:flex;gap:8px;align-items:stretch}.elig-head{display:grid;grid-template-columns:1fr auto auto;grid-gap:12px;gap:12px;align-items:center}.eligible .name{font-weight:600}.eligible .hof{color:var(--gold)}.eligible .groups{color:var(--muted);font-size:12px;letter-spacing:1px}.eligible .rating{font-weight:800;font-size:18px;color:var(--accent);min-width:34px;text-align:right}.eligible .meta{color:var(--muted);font-size:13px}.attrs{display:flex;gap:6px;flex-wrap:wrap}.attr,.attrs.compact{gap:4px}.attr{display:inline-flex;align-items:baseline;padding:2px 7px;border-radius:6px;background:var(--panel-2);border:1px solid var(--line);font-size:11px}.attr-k{color:var(--muted);letter-spacing:.5px}.attr-v{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.attr.elite .attr-v{color:var(--accent)}.attr.good .attr-v{color:#2f9e5c}.attr.ok .attr-v{color:var(--text)}.attr.low .attr-v{color:var(--muted)}.result-table .attrs{justify-content:flex-start}.roster-board h3{margin:0 0 12px;color:var(--muted);font-weight:600}.pitch{background:linear-gradient(0deg,var(--pitch-b),var(--pitch-a));border:1px solid var(--line);border-radius:14px;padding:16px 10px;display:flex;flex-direction:column;gap:14px;color:var(--pitch-ink)}.pitch-line{display:flex;justify-content:space-around;gap:6px}.pitch-spot{flex:1 1;min-width:0;text-align:center;border-radius:8px;padding:8px 4px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.12)}.pitch-spot.filled{border-color:var(--accent);background:rgba(255,255,255,.16)}.spot-pos{display:block;font-size:10px;color:var(--pitch-muted);letter-spacing:1px}.spot-name{display:block;font-size:12px;font-weight:600;margin-top:2px;color:var(--pitch-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pitch-spot.empty .spot-name{color:var(--pitch-muted);font-weight:400}.result{text-align:center;max-width:760px;margin:0 auto}.record{font-size:64px;font-weight:900;margin:24px 0 0}.record .w{color:var(--gold)}.pct{color:var(--muted);margin:0 0 16px;text-transform:uppercase;letter-spacing:2px;font-size:13px}.verdict{color:var(--text);margin-bottom:24px}.run{list-style:none;padding:0;max-width:460px;margin:0 auto 24px;display:grid;grid-gap:8px;gap:8px}.run li{display:grid;grid-template-columns:120px 1fr 42px;grid-gap:10px;gap:10px;align-items:center}.run .stage{text-align:left;color:var(--muted);font-size:13px}.run .bar{background:var(--panel-2);border-radius:6px;height:10px;overflow:hidden}.run .bar span{display:block;height:100%;background:var(--accent)}.run .prob{text-align:right;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.share-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.share-row .secondary:hover{border-color:var(--accent);text-decoration:none}.post-row{display:flex;gap:10px;justify-content:center;margin-bottom:16px}.handle-input{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 14px;color:var(--text);font-size:14px;min-width:200px}.handle-input:focus{outline:none;border-color:var(--accent)}.post-row button{background:var(--accent);color:var(--on-accent);border:none;border-radius:8px;padding:8px 16px;font-weight:700;cursor:pointer;font-size:14px}.post-row button:disabled{opacity:.5;cursor:not-allowed}.board-hint{color:var(--muted);margin-bottom:16px}.board-hint strong{color:var(--gold)}.game-byline{color:var(--muted);font-size:14px}.board{max-width:720px;margin:0 auto}.board h1{text-align:center}.board-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.board-tabs a{padding:8px 18px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:var(--panel)}.board-tabs a:hover{text-decoration:none;border-color:var(--accent-2)}.board-tabs a.active{color:var(--text);border-color:var(--accent);background:var(--panel-2)}.board-empty{text-align:center;color:var(--muted);padding:40px 0}.board-table td,.board-table th{font-size:14px}.board-table td.center,.board-table th.center{text-align:center}.board-table .board-title{font-weight:700;color:var(--accent)}.board-note{color:var(--muted);font-size:13px;margin-top:20px;text-align:center}.result-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px}.result-table td,.result-table th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}.result-table th{color:var(--muted);font-weight:600}.result-table .pos{color:var(--muted);font-weight:700}.result-table .war{text-align:right;font-weight:700;color:var(--accent)}.result-table .hof{color:var(--gold)}.howto{max-width:720px;margin:0 auto}.howto h1{font-size:30px;margin-bottom:20px}.steps{list-style:none;padding:0;margin:0;display:grid;grid-gap:10px;gap:10px;counter-reset:step}.step{gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 18px}.step,.step-num{display:flex;align-items:center}.step-num{flex:none;width:30px;height:30px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:800;font-size:14px;justify-content:center}.step-text{color:var(--text)}.howto-details{margin-top:32px}.howto-details h2{color:var(--accent);font-size:20px;margin-bottom:12px}.howto-details ul{padding-left:20px}.howto-details li{color:#cdd9e3;margin-bottom:8px}.prose{max-width:680px;margin:0 auto}.prose h1{font-size:32px}.prose h2{margin-top:28px;color:var(--accent);font-size:20px}.prose li,.prose p{color:#cdd9e3}@media (max-width:760px){.draft,.modes{grid-template-columns:1fr}.hero h1{font-size:32px}}