:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--panel:#131a22;--panel-2:#1a2330;--border:#263041;--text:#e6edf3;--text-dim:#8b98a5;--accent:#3b82f6;--accent-2:#22d3ee;--danger:#f43f5e;--ok:#34d399;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0}button{font-family:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 20px;display:flex}.brand h1{margin:0;font-size:18px}.brand .subtitle{color:var(--text-dim);font-size:12px}.sleeper-connect{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.status-dot{background:var(--text-dim);border-radius:50%;width:8px;height:8px}.status-dot.ok{background:var(--ok);box-shadow:0 0 6px var(--ok)}.status-dot.err{background:var(--danger)}.status-text{color:var(--text-dim);font-size:12px}.status-text.err{color:var(--danger);text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;min-width:160px;padding:7px 10px;font-size:13px}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:6px;padding:7px 14px;font-size:13px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:0 0}.btn.danger{border-color:var(--danger);color:var(--danger);background:0 0}.app-body{flex:1;min-height:0;display:flex}.settings-panel{background:var(--panel);border-right:1px solid var(--border);flex-shrink:0;width:300px;max-height:calc(100vh - 60px);padding:16px;overflow-y:auto}.settings-panel h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin:18px 0 8px;font-size:13px}.settings-panel section:first-child h3{margin-top:0}.field{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.field input,.field select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;width:110px;padding:5px 8px}.field.small input{width:60px}.roster-grid{grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.hint{color:var(--text-dim);margin:0 0 10px;font-size:12px}.strategy-list{flex-direction:column;gap:6px;max-height:360px;padding-right:4px;display:flex;overflow-y:auto}.strategy-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.strategy-row select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 6px}.round-label{color:var(--text)}.app-main{flex-direction:column;flex:1;gap:24px;min-width:0;padding:20px;display:flex;overflow-y:auto}.upcoming-picks-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.upcoming-picks h2{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:15px}.bye-summary{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.bye-summary-label{color:var(--text-dim)}.bye-chip{background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);border-radius:4px;padding:2px 6px}.bye-chip.warn{color:#fb923c;border-color:#fb923c}.bye-chip.clash{border-color:var(--danger);color:var(--danger);font-weight:700}.pick-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.pick-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px}.pick-card-head{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.round-tag{background:var(--panel-2);color:var(--text);border-radius:4px;padding:2px 6px;font-weight:600}.want-tag{color:var(--accent-2);background:#3b82f626;border-radius:4px;margin-left:auto;padding:2px 6px}.pick-primary{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:10px;display:flex}.pick-primary:hover{border-color:var(--accent)}.pick-primary.empty{color:var(--text-dim);cursor:default}.pick-primary .pname{flex:1;font-weight:600}.pick-primary .pmeta{color:var(--text-dim);font-size:12px}.scarcity{color:#fb923c;background:#fb923c1a;border-radius:6px;margin-top:8px;padding:6px 8px;font-size:12px}.bye-warning{color:var(--danger);background:#f43f5e1a;border-radius:6px;margin-top:8px;padding:6px 8px;font-size:12px}.alternates{flex-direction:column;gap:4px;margin-top:10px;display:flex}.alt-chip{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:flex}.tier-badge{color:#0b0f14;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:inline-flex}.sos-badge{letter-spacing:.02em;cursor:help;border-radius:4px;flex-shrink:0;align-items:center;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.sos-badge.sos-easy{color:var(--ok);background:#34d39926}.sos-badge.sos-medium{color:#fb923c;background:#fb923c26}.sos-badge.sos-hard{color:var(--danger);background:#f43f5e26}.board-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.tabs{gap:4px;display:flex}.tab{background:var(--panel);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.check{color:var(--text-dim);align-items:center;gap:6px;margin-left:auto;font-size:13px;display:flex}.board-list{flex-direction:column;gap:4px;display:flex}.board-row{background:var(--panel);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.board-row:hover{border-color:var(--accent)}.board-row .rank{color:var(--text-dim);flex-shrink:0;width:40px}.board-row .pname{min-width:160px;font-weight:600}.board-row .pmeta{color:var(--text-dim);min-width:90px}.board-row .pmeta.bye-clash{color:var(--danger);font-weight:600}.board-row .pos-rank{min-width:40px}.board-row .state-tag{letter-spacing:.03em;margin-left:auto;font-size:11px;font-weight:700}.board-row .state-tag.mine{color:var(--ok)}.board-row .state-tag.picked{color:var(--text-dim)}.board-row.state-picked{opacity:.45}.board-row.state-mine{border-color:var(--ok);background:#34d39914}.empty-state{color:var(--text-dim);text-align:center;padding:20px}.muted{color:var(--text-dim)}@media (width<=720px){.settings-panel{z-index:10;width:auto;max-height:none;position:fixed;inset:60px 0 0}.board-row{flex-wrap:wrap}}