:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #252836;--border: #2e3142;--accent: #4ade80;--accent2: #f59e0b;--text: #f1f5f9;--muted: #64748b;--danger: #ef4444;--gk: #3b82f6;--def: #8b5cf6;--mid: #10b981;--fwd: #f97316;font-family:system-ui,-apple-system,sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:6px;font-size:.875rem;font-weight:600;padding:8px 16px;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#000}.btn-danger{background:var(--danger);color:#fff}.btn-secondary{background:var(--surface2);color:var(--text)}input,select{background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 12px;font-size:.875rem;width:100%}input:focus,select:focus{outline:2px solid var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-gk{background:#3b82f633;color:var(--gk)}.badge-def{background:#8b5cf633;color:var(--def)}.badge-mid{background:#10b98133;color:var(--mid)}.badge-fwd{background:#f9731633;color:var(--fwd)}.page{max-width:1200px;margin:0 auto;padding:20px}.nav{display:flex;gap:4px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto}.nav a{padding:6px 14px;border-radius:6px;color:var(--muted);font-size:.875rem;font-weight:600;white-space:nowrap}.nav a.active{background:var(--surface2);color:var(--text)}.draft-board{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;margin-bottom:24px}.draft-board-header{background:var(--surface2);text-align:center;padding:6px 4px;font-size:.7rem;color:var(--muted);border-radius:4px 4px 0 0}.draft-board-cell{background:var(--surface);border:1px solid var(--border);min-height:48px;display:flex;align-items:center;justify-content:center;font-size:.75rem;text-align:center;padding:4px;border-radius:0 0 4px 4px}.draft-board-cell.your-turn{border-color:var(--accent);box-shadow:0 0 8px #4ade804d}.draft-board-cell.picked{background:var(--surface2);color:var(--text);font-size:.65rem;font-weight:600;line-height:1.2}.draft-board-cell.picked span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.pool-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.pool-filters button{background:var(--surface2);color:var(--muted);font-size:.8rem;padding:6px 12px}.pool-filters button.active{background:var(--accent);color:#000}.player-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:60vh;overflow-y:auto}.player-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px;cursor:pointer;transition:border-color .15s;display:flex;flex-direction:column;gap:4px}.player-card:hover{border-color:var(--accent)}.player-card.selected{border-color:var(--accent);background:#4ade8014}.player-name{font-weight:600;font-size:.875rem}.player-meta{font-size:.75rem;color:var(--muted)}.player-nation{font-size:.7rem;color:var(--muted);text-transform:uppercase}.queue-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.queue-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border);font-size:.875rem}.queue-item:last-child{border-bottom:none}.pick-log{max-height:300px;overflow-y:auto;font-size:.8rem}.pick-entry{display:flex;gap:12px;padding:6px 0;border-bottom:1px solid var(--border)}.pick-entry.auto{color:var(--muted);font-style:italic}.pick-no{color:var(--muted);min-width:40px}.pick-manager{color:var(--accent2);min-width:80px}.pick-player{flex:1}.countdown{font-size:2.5rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;padding:16px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.countdown.urgent{color:var(--danger);border-color:var(--danger)}.countdown.warning{color:var(--accent2)}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.roster-player{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:.875rem}.formation-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:4px;margin-bottom:16px}.formation-slot{aspect-ratio:3/4;background:var(--surface2);border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.65rem;text-align:center;padding:4px;cursor:pointer}.formation-slot.filled{background:#4ade801a;border-color:var(--accent)}.formation-slot:hover{border-color:var(--accent)}.standings-table{width:100%;border-collapse:collapse;font-size:.875rem}.standings-table th{background:var(--surface2);padding:10px 12px;text-align:left;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.standings-table td{padding:10px 12px;border-bottom:1px solid var(--border)}.standings-table tr:first-child td{color:var(--accent);font-weight:700}.toast{position:fixed;bottom:20px;right:20px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-size:.875rem;max-width:320px;z-index:999;animation:slideIn .2s ease}.toast.error{border-color:var(--danger);color:var(--danger)}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.draft-board{grid-template-columns:repeat(5,1fr)}.player-list{grid-template-columns:1fr 1fr}.formation-grid{grid-template-columns:repeat(6,1fr)}.page{padding:12px}}