:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;--bg: #0f1419;--panel: #1a2030;--border: #2a3346;--text: #e7ebf0;--muted: #8a94a6;--accent: #ff8a1e;--good: #4ade80;--bad: #f87171}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}.app{max-width:800px;margin:0 auto;padding:24px}@media (max-width: 900px){.app{padding:16px}.app>main h1{font-size:1.25rem;margin-bottom:0}.app>main>.subtitle{display:none}}h1{font-size:1.6rem;margin:0 0 4px}h2{font-size:1.2rem;margin:0 0 12px}.subtitle{color:var(--muted);margin-bottom:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}button{background:var(--accent);color:#1a1300;border:none;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;font-size:.95rem}button:hover{filter:brightness(1.08)}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.spin-result{text-align:center;padding:32px 16px}.team-name{font-size:2rem;font-weight:700;margin:8px 0 4px}.team-record{color:var(--muted);font-size:1.1rem}.roster{margin-top:20px;display:grid;gap:6px}.player-row{display:grid;grid-template-columns:1fr 60px 60px 60px;gap:8px;padding:10px 12px;background:#ffffff05;border-radius:6px;align-items:center;cursor:pointer;border:1px solid transparent}.player-row:hover{border-color:var(--accent)}.player-row.drafted{opacity:.4;cursor:not-allowed}.player-row.drafted:hover{border-color:transparent}.drafted-tag{display:inline-block;margin-left:8px;padding:1px 6px;background:var(--good);color:#042814;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.player-row .name{font-weight:500}.player-row .stat{color:var(--muted);font-size:.85rem;text-align:right;font-variant-numeric:tabular-nums}.player-row .ws{color:var(--accent);font-weight:600;text-align:right}.controls{display:flex;gap:8px;margin-top:8px;justify-content:center;flex-wrap:wrap}.respin-info{text-align:center}.sidebar h2{margin-bottom:8px}.sidebar .record{font-size:2.4rem;font-weight:700;margin:8px 0 4px;font-variant-numeric:tabular-nums}.sidebar .record.good{color:var(--good)}.sidebar .ws-total{color:var(--muted);font-size:.95rem;margin-bottom:12px}.breakdown{background:#ffffff05;border-radius:6px;padding:10px 12px;margin-bottom:16px;font-size:.85rem}.breakdown-row{display:flex;justify-content:space-between;padding:6px 0;cursor:pointer;background:none;border:none;color:inherit;font:inherit;text-align:left;width:100%}.breakdown-row:hover .info-mark{color:var(--accent)}.info-mark{display:inline-block;margin-left:4px;color:var(--muted);font-size:.85em;opacity:.7}.breakdown-info{background:#ff8a1e14;border-left:2px solid var(--accent);color:var(--muted);padding:8px 10px;margin:4px 0 8px;border-radius:4px;font-size:.8rem;line-height:1.45}.breakdown-row.total{border-top:1px solid var(--border);margin-top:4px;padding-top:6px;font-weight:600}.breakdown-label{color:var(--muted)}.breakdown-value{font-variant-numeric:tabular-nums}.breakdown-value.pos{color:var(--good)}.breakdown-value.neg{color:var(--bad)}.cap-tag{color:var(--accent);font-size:.7rem;margin-left:4px}.draft-list{display:grid;gap:6px}.draft-pick{padding:10px;background:#ffffff05;border-radius:6px;font-size:.9rem}.draft-pick .meta{color:var(--muted);font-size:.8rem;margin-top:2px}.empty-slot{padding:10px;border:1px dashed var(--border);border-radius:6px;color:var(--muted);font-size:.85rem;text-align:center;font-weight:600;letter-spacing:.05em}.slot-label{display:inline-block;min-width:28px;padding:2px 6px;margin-right:6px;background:var(--accent);color:#1a1300;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.05em;vertical-align:middle}.pos-tag{display:inline-block;margin-left:8px;padding:1px 6px;background:#ffffff14;color:var(--muted);border-radius:4px;font-size:.7rem;font-weight:600}.pos-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.pos-btn{background:#ff8a1e1f;color:var(--text);border:1px solid var(--accent);border-radius:8px;padding:12px 6px;cursor:pointer;text-align:center;font-family:inherit;font-weight:600;transition:background .15s}.pos-btn:hover:not(.disabled){background:var(--accent);color:#1a1300}.pos-btn.disabled{background:transparent;border-color:var(--border);color:var(--muted);cursor:not-allowed;opacity:.5}.pos-btn-label{font-size:1.1rem}.pos-btn-sub{font-size:.7rem;font-weight:400;margin-top:4px;color:inherit;opacity:.8}.stat-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10}.stat-modal-bg.layered{z-index:20}.stat-modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin:16px 0}.stat-cell{padding:10px;background:#ffffff08;border-radius:6px}.stat-cell .label{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.stat-cell.has-info{cursor:help;position:relative}.stat-cell.has-info:hover{background:#ff8a1e14;outline:1px solid var(--accent)}.stat-cell.has-info .label{border-bottom:1px dotted var(--muted);display:inline-block;padding-bottom:1px}.stat-cell .value{font-size:1.3rem;font-weight:600;font-variant-numeric:tabular-nums}.tab-row{display:flex;gap:4px;margin:20px 0 4px;border-bottom:1px solid var(--border)}.tab{background:transparent;color:var(--muted);border:none;border-bottom:2px solid transparent;border-radius:0;padding:8px 16px;font-weight:600;cursor:pointer}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.stat-section{margin:12px 0 4px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.respin-info{color:var(--muted);font-size:.85rem;margin-top:8px}.gameover{text-align:center;padding:32px}.gameover .final{font-size:3rem;font-weight:700;margin:16px 0}.gameover .final.perfect{color:var(--good)}.team-summary{margin:24px 0 8px;text-align:center}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}@media (max-width: 600px){.summary-cards{grid-template-columns:repeat(2,1fr)}}.summary-card{padding:14px 10px;background:#ffffff08;border:1px solid var(--border);border-radius:8px;text-align:center}.summary-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;font-weight:600}.stars{display:flex;gap:2px;justify-content:center;font-size:1rem;margin-bottom:6px;line-height:1}.star{color:var(--border)}.star.filled{color:var(--accent)}.summary-label{font-weight:700;font-size:.95rem;margin-bottom:2px}.summary-label.tone-good{color:var(--good)}.summary-label.tone-ok{color:var(--text)}.summary-label.tone-bad{color:var(--bad)}.summary-metric{color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums}.analysis-section{padding:16px 0;border-bottom:1px solid var(--border);text-align:left}.analysis-section:last-of-type{border-bottom:none}.analysis-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.analysis-head h3{margin:0;font-size:1rem}.analysis-section .stars{justify-content:flex-start}.analysis-blurb{margin:10px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.home-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:40px;max-width:540px;width:100%;text-align:center}.home-title{font-size:2.6rem;margin:0 0 8px;letter-spacing:-.02em}.home-tagline{color:var(--muted);font-size:1.05rem;margin:0 0 32px}.home-rules{text-align:left;background:#ff8a1e0f;border:1px solid rgba(255,138,30,.2);border-radius:12px;padding:20px 24px;margin-bottom:28px}.home-rules h2{margin:0 0 12px;font-size:1rem;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.home-rules ol{margin:0 0 12px;padding-left:20px;line-height:1.6}.home-rules li{margin-bottom:4px}.home-respins{margin:0;color:var(--muted);font-size:.9rem}.home-start{font-size:1.05rem;padding:14px 32px;width:100%;max-width:240px}
