*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#061018;color:#e8eaed;min-height:100vh;padding-bottom:28px}
.sticky-top{position:sticky;top:0;z-index:100;background:#061018}
header{background:linear-gradient(135deg,#002244,#061018);padding:10px 12px;border-bottom:2px solid #69BE28}
.hdr{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hdr img{width:48px;height:48px;border-radius:50%;border:2px solid #69BE28;flex-shrink:0}
.hdr h1{font-size:1.05rem;font-weight:800;margin:0}
.sub{font-size:.68rem;color:#A5ACAF;margin-top:1px}
.badge{display:inline-block;background:#69BE28;color:#041208;font-size:.6rem;font-weight:800;padding:2px 6px;border-radius:4px;margin-left:4px;letter-spacing:.03em}
.badge.stale{background:#7f1d1d;color:#fca5a5}
.badge.sample{background:#78350f;color:#fcd34d}
.badge.ok{background:#14532d;color:#86efac}
.tools{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.tools a,.tools button,button.linkish{background:#0b1c2e;border:1px solid #1e3a5f;color:#A5ACAF;padding:6px 8px;border-radius:6px;font-size:.65rem;font-weight:700;text-decoration:none}
.strip{background:#002244;border-bottom:1px solid #69BE28;padding:8px 12px;font-size:.8rem;font-weight:700}
.strip span{color:#69BE28}
.chips{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px;background:#061018;border-bottom:1px solid #122334}
.chip{font-size:.68rem;font-weight:800;padding:4px 8px;border-radius:999px;background:#0b1c2e;border:1px solid #69BE28;color:#69BE28}
.chip.gone{opacity:.35;text-decoration:line-through;border-color:#334155;color:#64748b}
nav{display:flex;gap:6px;padding:8px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#061018;border-bottom:1px solid #122334}
nav button{flex-shrink:0;background:#0b1c2e;border:1px solid #1e3a5f;color:#A5ACAF;padding:8px 12px;border-radius:16px;font-size:.75rem;font-weight:700}
nav button.active{background:#002244;border-color:#69BE28;color:#69BE28}
.panel{display:none;padding:10px}
.panel.active{display:block}
input[type=search],input[type=text],input[type=number],input[type=file],select,textarea{width:100%;background:#0b1c2e;border:1px solid #1e3a5f;color:#e8eaed;padding:10px 12px;border-radius:9px;font-size:16px;margin-bottom:8px}
textarea{min-height:72px}
.filters,.sorts{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap;align-items:center}
.sorts .lbl{font-size:.65rem;font-weight:800;color:#64748b;letter-spacing:.04em;text-transform:uppercase;margin-right:4px}
.filters button,.sorts button{background:#0b1c2e;border:1px solid #1e3a5f;color:#A5ACAF;padding:6px 10px;border-radius:6px;font-size:.7rem;font-weight:700}
.filters button.on{background:#69BE28;border-color:#69BE28;color:#041208}
.sorts button.on{background:#002244;border-color:#69BE28;color:#69BE28}
.sorts button.on[data-sort="vor"]{border-color:#D4A017;color:#D4A017}
.row{display:flex;align-items:center;gap:8px;padding:10px;background:#0b1c2e;border-radius:9px;margin-bottom:5px;border-left:4px solid #1e3a5f}
.row.t1{border-left-color:#69BE28;background:linear-gradient(90deg,#12301a 0%,#0b1c2e 55%)}
.row.t2{border-left-color:#7eb6ff;background:linear-gradient(90deg,#0d2438 0%,#0b1c2e 60%)}
.row.t3{border-left-color:#38bdf8}
.row.t4{border-left-color:#a78bfa}
.row.t5{border-left-color:#f59e0b}
.row.t6{border-left-color:#f472b6}
.row.t7,.row.t8,.row.t9{border-left-color:#64748b}
.row.you{border-left-color:#69BE28;background:#0c2416}
.row.drafted{opacity:.38}
.row.fade{border-left-color:#b91c1c}
.rank{font-weight:800;font-size:1.05rem;min-width:28px;color:#A5ACAF}
.rank.t1{color:#69BE28}.rank.t2{color:#7eb6ff}.rank.t3{color:#38bdf8}.rank.t4{color:#c4b5fd}.rank.t5{color:#fbbf24}.rank.t6{color:#f9a8d4}
.tierchip{font-size:.55rem;font-weight:800;letter-spacing:.04em;padding:1px 5px;border-radius:4px;margin-left:4px;vertical-align:middle}
.tierchip.t1{background:#14532d;color:#86efac}.tierchip.t2{background:#1e3a5f;color:#93c5fd}.tierchip.t3{background:#0c4a6e;color:#7dd3fc}
.tierchip.t4{background:#4c1d95;color:#ddd6fe}.tierchip.t5{background:#78350f;color:#fcd34d}.tierchip.t6{background:#831843;color:#fbcfe8}
.tierchip.t7,.tierchip.t8,.tierchip.t9{background:#1e293b;color:#94a3b8}
.info{flex:1;min-width:0}
.name{font-weight:700;font-size:.95rem}
.meta{font-size:.68rem;color:#A5ACAF;margin-top:1px}
.note{font-size:.68rem;color:#7a8794;margin-top:2px;line-height:1.3}
.pos{font-size:.6rem;font-weight:800;padding:2px 6px;border-radius:4px;background:#334155;flex-shrink:0}
.pos.RB{background:#166534}.pos.WR{background:#1e3a8a}.pos.TE{background:#7c2d12}.pos.QB{background:#581c87}
.pos.LB{background:#1e3a5f}.pos.DL{background:#3f2a1d}.pos.DB{background:#134e4a}
.verdict{font-size:.6rem;font-weight:800;padding:2px 6px;border-radius:4px;flex-shrink:0}
.verdict.SMASH,.verdict.START{background:#14532d;color:#69BE28}
.verdict.LIKE,.verdict.SWAP{background:#713f12;color:#facc15}
.verdict.CAUTION,.verdict.SIT{background:#7f1d1d;color:#f87171}
.verdict.WATCH{background:#002244;color:#7eb6ff}
.verdict.SLEEPER{background:#4c1d95;color:#c4b5fd}
.verdict.FADE{background:#7f1d1d;color:#fca5a5}
.verdict.MUST{background:#14532d;color:#69BE28}
.verdict.DART{background:#4c1d95;color:#c4b5fd}
.btn-draft,.btn-copy,.btn{background:#69BE28;color:#041208;border:none;font-size:.65rem;font-weight:800;padding:8px 10px;border-radius:6px}
a.btn,a.btn.ghost{display:inline-block;text-decoration:none}
.btn-draft.taken{background:#334155;color:#94a3b8}
.btn-copy,.btn.ghost{background:#0b1c2e;border:1px solid #69BE28;color:#69BE28}
.btn.danger{background:#7f1d1d;color:#fca5a5}
.sec{font-size:.7rem;font-weight:800;color:#A5ACAF;text-transform:uppercase;letter-spacing:.04em;margin:12px 0 6px}
.card{background:#0b1c2e;border-radius:10px;padding:12px;margin-bottom:10px;border-left:3px solid #69BE28}
.card h2,.card h3{font-size:.95rem;margin-bottom:6px}
.card p,.card li{font-size:.8rem;color:#cbd5e1;margin:0 0 4px 0;line-height:1.35}
.card li{margin-left:16px}
.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.stat{background:#061018;border-radius:8px;padding:8px}
.stat b{display:block;font-size:1rem;color:#e8eaed}
.stat span{font-size:.62rem;color:#A5ACAF;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.scoreline{font-size:1.35rem;font-weight:800;color:#69BE28}
.scoreline em{font-style:normal;color:#A5ACAF;font-weight:700}
.idp-table,.sheet{width:100%;border-collapse:collapse;font-size:.72rem;margin-top:6px}
.idp-table th,.sheet th{text-align:left;padding:6px 4px;color:#69BE28;border-bottom:1px solid #1e3a5f;font-weight:800;font-size:.62rem;text-transform:uppercase}
.idp-table td,.sheet td{padding:7px 4px;border-bottom:1px solid #122334;vertical-align:top;line-height:1.3}
.idp-table .team{font-weight:700;color:#7eb6ff;white-space:nowrap}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pts{font-size:.62rem;font-weight:800;color:#69BE28;white-space:nowrap}
.vor{font-size:.62rem;font-weight:800;color:#D4A017;margin-left:6px;white-space:nowrap}
.y25{font-size:.62rem;font-weight:700;color:#7DD3FC;margin-left:6px;white-space:nowrap}
.idp-hint{font-size:.72rem;color:#A5ACAF;margin-bottom:10px;line-height:1.35}
.hide-drafted{font-size:.75rem;color:#A5ACAF;margin-bottom:8px}
.live-header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.pick-status{background:#0b1c2e;padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:700}
.pick-status span{color:#69BE28}
.pick-slot{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0b1c2e;border-radius:8px;font-size:.8rem;margin-bottom:4px}
.pick-slot.current{border:1px solid #69BE28;background:#0c2416}
.pick-slot.yours{border:1px solid #7eb6ff}
.pick-num{font-weight:800;min-width:42px;color:#7eb6ff}
.pick-slot.yours .pick-num{color:#69BE28}
.pick-team{font-weight:700;min-width:52px}
.pick-player{flex:1;color:#64748b;font-size:.78rem}
.pick-player.filled{color:#e8eaed;font-weight:700}
.recent-pick{padding:6px 10px;background:#0b1c2e;border-radius:6px;margin-bottom:4px;font-size:.78rem;display:flex;justify-content:space-between;align-items:center;gap:8px}
.undo-btn{background:#1e3a5f;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:.65rem}
.turn-alert{display:none;background:linear-gradient(135deg,#69BE28,#3d7a16);color:#041208;padding:12px 14px;text-align:center;font-weight:800}
.turn-alert.show{display:block}
.turn-alert .sub{color:#041208}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:200;align-items:flex-end;justify-content:center}
.modal.show{display:flex}
.modal .box{background:#0b1c2e;width:100%;max-width:480px;padding:16px;border-top:3px solid #69BE28;border-radius:14px 14px 0 0}
.modal button{margin-top:10px;margin-right:8px;padding:8px 12px;border-radius:8px;border:none;font-weight:800}
.ok{background:#69BE28;color:#041208}
.no{background:#1e3a5f;color:#fff}
.footer{text-align:center;font-size:.65rem;color:#64748b;padding:16px}
.editbox{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.editbox select,.editbox input{width:auto;flex:1;min-width:90px;margin:0;padding:6px 8px}
.star{background:transparent;border:none;color:#facc15;font-size:1.1rem;padding:0 4px}
.banner{background:#3f2a10;border:1px solid #fbbf24;color:#fde68a;border-radius:8px;padding:8px 10px;font-size:.75rem;margin-bottom:10px;line-height:1.35}
.tiny{font-size:.68rem;color:#64748b;line-height:1.35}
.tc-sides{display:flex;flex-direction:column;gap:10px}
.tc-meta{font-size:.72rem;color:#A5ACAF;margin:4px 0 8px}
.tc-label{display:block;font-size:.65rem;font-weight:800;color:#A5ACAF;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.tc-added{list-style:none;margin:0 0 8px}
.tc-chip-row,.tc-result{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:#061018;border:none;color:#e8eaed;border-radius:8px;padding:8px;margin-bottom:4px}
.tc-results{list-style:none;max-height:220px;overflow:auto;margin:0 0 8px}
.tc-pos{font-size:.6rem;font-weight:800;background:#1e3a5f;color:#93c5fd;padding:2px 5px;border-radius:4px}
.tc-who{flex:1;min-width:0}
.tc-pname{display:block;font-weight:700;font-size:.85rem}
.tc-psub{display:block;font-size:.62rem;color:#A5ACAF}
.tc-val{font-weight:800;color:#D4A017;font-size:.75rem}
.tc-novalue{font-size:.62rem;color:#64748b}
.tc-remove{background:#1e3a5f;color:#fff;border:none;border-radius:4px;padding:4px 8px}
.tc-flag{font-size:.55rem;font-weight:800;background:#78350f;color:#fcd34d;border-radius:4px;padding:1px 4px;margin-left:4px}
.tc-meter-track{position:relative;height:10px;background:#061018;border-radius:99px;margin:8px 0}
.tc-meter-fill{position:absolute;top:0;bottom:0;border-radius:99px}
.tc-meter-mid{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;background:#A5ACAF}
.tc-meter-knob{position:absolute;top:-4px;width:18px;height:18px;border-radius:50%;background:#e8eaed;transform:translateX(-50%)}
.tc-packages{display:flex;justify-content:space-between;gap:8px}
.tc-pack-num{font-size:1.4rem;font-weight:800;color:#69BE28}
.tc-pack-label{font-size:.65rem;color:#A5ACAF;font-weight:700;text-transform:uppercase}
.tc-plain{font-size:.9rem;font-weight:700;line-height:1.35;margin:8px 0}
.tc-tone{font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:99px;background:#14532d;color:#86efac}
.tc-tone-edge{background:#78350f;color:#fcd34d}
.tc-tone-clear{background:#14532d;color:#69BE28}
.tc-ba{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tc-rlist{list-style:none}
.tc-rlist li{display:flex;gap:4px;align-items:center;font-size:.72rem;padding:3px 0;border-bottom:1px solid #122334}
.tc-badge{font-size:.55rem;font-weight:800;background:#14532d;color:#86efac;border-radius:4px;padding:1px 4px}
.tc-badge-bench{background:#1e293b;color:#94a3b8}
.tc-badge-ir{background:#7f1d1d;color:#fca5a5}
.order-row{display:flex;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid #122334}
.order-row span{flex:1;font-weight:700;font-size:.85rem}
.actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.rk-filters .filters,.rk-filters .sorts{margin-bottom:6px}
.rk-row{width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px;background:#0b1c2e;border-radius:9px;margin-bottom:5px;border:0;border-left:4px solid #1e3a5f}
.rk-row .info{flex:1;min-width:0}
.rk-row .name{display:flex;flex-wrap:wrap;align-items:center;gap:3px}
.rk-row.you{border-left-color:#69BE28;background:#0c2416}
.rk-row.played{opacity:.72}
.rk-pts{margin-left:auto;text-align:right;flex-shrink:0;min-width:64px}
.rk-pts b{display:block;font-size:1rem;color:#69BE28}
.rk-pts span{font-size:.6rem;color:#A5ACAF}
.rk-grade{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;background:#1e293b;color:#cbd5e1}
.rk-grade.gA{background:#14532d;color:#86efac}
.rk-grade.gB{background:#1e3a5f;color:#93c5fd}
.rk-grade.gC{background:#334155;color:#e2e8f0}
.rk-grade.gD{background:#78350f;color:#fcd34d}
.rk-grade.gF{background:#7f1d1d;color:#fca5a5}
.rk-flag{font-style:normal;font-size:.55rem;font-weight:800;padding:1px 4px;border-radius:4px;margin-left:3px;background:#1e293b;color:#cbd5e1}
.rk-flag.out,.rk-flag.bye{background:#7f1d1d;color:#fca5a5}
.rk-flag.q{background:#78350f;color:#fcd34d}
.rk-flag.split{background:#4c1d95;color:#ddd6fe}
.rk-flag.wire{background:#14532d;color:#86efac}
.rk-detail{background:#061018;border-radius:8px;padding:8px 10px;margin:-2px 0 8px 0;border-left:4px solid #1e3a5f}
.rk-src{display:flex;justify-content:space-between;gap:8px;font-size:.75rem;padding:4px 0;border-bottom:1px solid #122334}
.rk-src b{font-weight:700}
.rk-slot{display:flex;gap:8px;align-items:center;font-size:.8rem;padding:4px 0;border-bottom:1px solid #122334}
.rk-slot b{width:42px;flex-shrink:0;color:#69BE28;font-size:.68rem}
.rk-slot span{flex:1;min-width:0}
.rk-slot em{font-style:normal;font-weight:800}
.rk-slot.sit b{color:#A5ACAF}
.rk-start .scoreline{margin-bottom:2px}
.gdot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#69BE28;margin:0 3px;vertical-align:middle;position:relative;flex-shrink:0;box-shadow:0 0 0 2px rgba(105,190,40,.25)}
.gdot.ft{width:auto;height:auto;border-radius:4px;background:#14532d;color:#86efac;font-size:.55rem;font-weight:800;line-height:1.2;padding:1px 3px;box-shadow:none;letter-spacing:.03em}
.gdot.open:after{content:attr(data-tip);position:absolute;left:0;top:16px;z-index:30;background:#041208;color:#e8eaed;border:1px solid #69BE28;border-radius:6px;padding:4px 6px;font-size:.65rem;font-weight:700;white-space:nowrap;line-height:1.3}
.gdot-note{margin:0 0 8px}
.name .gdot,.rk-slot .gdot,.tc-pname .gdot{margin-left:4px}
@media (min-width:860px){
  .tc-sides{display:grid;grid-template-columns:1fr 1fr;align-items:start}
  .statgrid{grid-template-columns:repeat(4,1fr)}
  .panel{padding:16px 18px}
  header,.strip,nav,.chips{padding-left:18px;padding-right:18px}
}
nav a.navlink{flex-shrink:0;background:#0b1c2e;border:1px solid #1e3a5f;color:#A5ACAF;padding:8px 12px;border-radius:16px;font-size:.75rem;font-weight:700;text-decoration:none}
