:root{--bg:#0d1b2a;--bg-card:#1b263b;--bg-card-hover:#243653;--fg:#e0e1dd;--muted:#778da9;--accent:#f4a261;--good:#6ab04c;--bad:#e63946;--tier-1:#f4a261;--tier-2:#e9c46a;--tier-3:#b5b682;--tier-other:#778da9;--pos-qb:#c084fc;--pos-rb:#f87171;--pos-wr:#60a5fa;--pos-te:#fbbf24;--pos-def:#94a3b8}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px}#app{max-width:900px;padding:env(safe-area-inset-top,16px) 12px env(safe-area-inset-bottom,24px) 12px;margin:0 auto}header{justify-content:space-between;align-items:center;padding:8px 4px 12px;display:flex}.title{align-items:baseline;gap:8px;display:flex}.title h1{letter-spacing:.04em;text-transform:lowercase;margin:0;font-size:1.4rem}.badge{background:var(--accent);color:var(--bg);text-transform:uppercase;border-radius:8px;padding:2px 8px;font-size:.7rem;font-weight:600}.clock{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;font-size:.85rem;line-height:1.3}.clock .strong{color:var(--fg);font-weight:600}.clock .my-turn{color:var(--accent);font-weight:700}.card{background:var(--bg-card);border-radius:12px;margin-bottom:12px;padding:12px}.card h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.78rem;font-weight:600}.controls-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.controls-row label{color:var(--muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.controls-row select,.controls-row input{background:var(--bg);color:var(--fg);border:1px solid var(--muted);font:inherit;border-radius:6px;min-height:36px;padding:6px 8px;font-size:.9rem}.controls-row button{background:var(--accent);color:var(--bg);font:inherit;cursor:pointer;border:0;border-radius:6px;min-height:36px;padding:8px 14px;font-size:.9rem;font-weight:600}.controls-row button.secondary{color:var(--fg);border:1px solid var(--muted);background:0 0}.controls-row button:disabled{opacity:.4;cursor:not-allowed}.rec-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rec-item{background:var(--bg);border-left:3px solid var(--tier-other);cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:grid}.rec-item:hover,.rec-item:active{background:var(--bg-card-hover)}.rec-item.tier-1{border-left-color:var(--tier-1)}.rec-item.tier-2{border-left-color:var(--tier-2)}.rec-item.tier-3{border-left-color:var(--tier-3)}.rec-item .rank{color:var(--muted);text-align:center;width:24px;font-size:1.1rem;font-weight:700}.rec-item .info .name{font-size:.95rem;font-weight:600}.rec-item .info .meta{color:var(--muted);margin-top:2px;font-size:.78rem}.rec-item .pos{border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.rec-item .pos.QB{background:var(--pos-qb);color:var(--bg)}.rec-item .pos.RB{background:var(--pos-rb);color:var(--bg)}.rec-item .pos.WR{background:var(--pos-wr);color:var(--bg)}.rec-item .pos.TE{background:var(--pos-te);color:var(--bg)}.rec-item .pos.DEF{background:var(--pos-def);color:var(--bg)}.rec-item .signal{color:var(--accent);margin-top:2px;font-size:.72rem;display:block}.roster-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.roster-pos{background:var(--bg);border-radius:6px;padding:8px 10px}.roster-pos .pos-label{letter-spacing:.05em;color:var(--muted);margin-bottom:4px;font-size:.7rem;font-weight:700}.roster-pos.shortfall .pos-label{color:var(--bad)}.roster-pos .player{padding:1px 0;font-size:.85rem}.roster-pos .empty{color:var(--muted);font-size:.8rem;font-style:italic}.board-list{flex-direction:column;gap:4px;max-height:300px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.board-item{background:var(--bg);border-radius:4px;grid-template-columns:50px auto 1fr auto;align-items:center;gap:8px;padding:6px 8px;font-size:.85rem;display:grid}.board-item .pick-no{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.board-item .pos{border-radius:3px;padding:1px 5px;font-size:.65rem;font-weight:700}.board-item.my-pick{background:var(--bg-card-hover);border-left:3px solid var(--accent)}.board-item .slot{color:var(--muted);font-size:.75rem}.filter-tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.filter-tab{background:var(--bg);color:var(--fg);font:inherit;cursor:pointer;border:1px solid #1b263b;border-radius:6px;min-height:32px;padding:6px 10px;font-size:.8rem}.filter-tab.active{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.rec-item.draftable{cursor:pointer}.signal-list{margin:0;padding:0;list-style:none}.signal-list li{background:var(--bg);border-radius:4px;margin-bottom:4px;padding:6px 8px;font-size:.85rem}.signal-list .label{color:var(--accent);font-weight:600}.muted{color:var(--muted);font-size:.8rem}@media (width<=480px){.controls-row{flex-direction:column;align-items:stretch}.controls-row label{justify-content:space-between}.controls-row select,.controls-row input,.controls-row button{width:100%}.rec-item{grid-template-columns:auto 1fr}.rec-item .pos{grid-column:2;justify-self:end;margin-top:-22px}}