:root{color-scheme:dark;--bg:#090b10;--panel:#11141b;--card:#171b24;--text:#f5f7fa;--muted:#8b93a7;--accent:#b468ef;--line:#282d3b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}a{color:inherit;text-decoration:none}button{cursor:pointer;border:1px solid var(--line);background:#202531;color:var(--text);padding:8px 12px;border-radius:7px}button:hover{border-color:var(--accent);background:#2b2a3d}button:disabled{opacity:.5;cursor:wait}.primary{background:#9151d0;border-color:#a86de2;color:white}.primary:hover{background:#a661e6}input,select,textarea{width:100%;background:#0e1118;border:1px solid var(--line);border-radius:7px;padding:10px;color:var(--text)}textarea{resize:vertical}.sidebar{width:228px;position:fixed;inset:0 auto 0 0;background:var(--panel);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;z-index:10}.brand{font-weight:900;font-size:32px;letter-spacing:-2px;color:#c993ff;display:block}.brand span{font-size:12px;letter-spacing:2px;color:white;vertical-align:middle;margin-left:7px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}nav{overflow:auto;margin-top:17px}nav a{display:flex;gap:12px;padding:10px 13px;margin:3px 0;border-radius:7px;color:#9da6b8;font-size:13px}nav a.active{color:#e7ccff;background:#332140;box-shadow:inset 3px 0 #b468ef}nav a:hover{background:#232735}nav span{width:16px}.sidebar-bottom{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}small{display:block;color:var(--muted);font-size:11px}.sidebar-bottom button{margin-top:10px;width:100%}.workspace{margin-left:228px}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:0 32px;background:#0e1117}header input{max-width:350px;margin-left:auto}#breadcrumb{font-size:12px;color:var(--muted)}#menu{display:none}main#app{padding:32px;max-width:1800px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}h1{font-size:30px;letter-spacing:-.8px;margin:6px 0}h2{font-size:15px;margin:0 0 17px;font-weight:650}h3{margin:10px 0}.muted{color:var(--muted)}.page-heading p{margin:5px 0}.badge{display:inline-block;color:#c3accf;border:1px solid #43324d;background:#241c2c;border-radius:5px;padding:4px 8px;font-size:10px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metrics>div{border:1px solid var(--line);background:var(--panel);padding:18px 22px;border-radius:10px}.metrics strong{font-size:30px;display:block;margin-top:8px}.metrics small{letter-spacing:1.2px}.grid{display:grid;gap:18px;margin:20px 0}.two{grid-template-columns:1.25fr 1fr}.lineup{grid-template-columns:repeat(5,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:22px;min-width:0;margin-bottom:18px}.grid .card{margin:0}.hero{background:radial-gradient(ellipse at 90% 0%,#302044 0%,#15141f 65%)}.hero-title{font-size:34px;margin:23px 0;letter-spacing:-1px}.hero-title span{font-size:16px;color:var(--muted);margin:0 14px}.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:15px 0}.button-row select,.button-row input{width:auto;max-width:450px}.player-avatar{height:54px;width:54px;background:linear-gradient(135deg,#4a3263,#202f44);border:1px solid #665075;border-radius:12px;display:grid;place-items:center;font-size:21px;font-weight:700}.lineup .card p{font-size:11px;min-height:34px}.schedule-row{display:flex;gap:22px;padding:12px 0;border-bottom:1px solid var(--line)}.schedule-row strong{color:#c291eb}.objective{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);gap:10px}.objective strong{font-size:12px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px;gap:10px}.table-toolbar h2{margin:0}.table-toolbar h2 small{display:inline}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);background:#171b24}td,th{padding:12px 10px;border-bottom:1px solid var(--line);max-width:240px}td{overflow-wrap:anywhere}tbody tr:hover{background:#161a23}.actions{min-width:180px}.actions button,.actions a{font-size:11px;margin:2px;padding:5px 8px;display:inline-block}.empty{text-align:center;padding:35px;color:var(--muted)}.tabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:20px}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#30203e,#090b10 70%);padding:25px}.auth-card{max-width:470px;width:100%;background:#12151f;border:1px solid #3a2d48;padding:38px;border-radius:16px}.auth-card h1{font-size:28px}.auth-card form{margin-top:25px}label{display:block;color:#b2b9ca;font-size:12px;margin-bottom:16px}label input,label textarea,label select{display:block;margin-top:7px}.auth-card .primary{width:100%;margin-top:10px}.error{color:#ff929e}.notice{background:#30251a;padding:13px;border:1px solid #6a5535;color:#eac99b}dialog{background:var(--panel);color:var(--text);border:1px solid #4e3b61;border-radius:13px;width:min(760px,94vw);max-height:90vh;padding:26px}dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between}.dialog-head button{height:32px}#form-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}#form-fields label:has(textarea),.detail{grid-column:1/-1}.pre{white-space:pre-wrap}.detail{border-bottom:1px solid var(--line);padding:10px 0}.detail p{margin:5px 0}#toast{position:fixed;bottom:25px;right:25px;background:#392649;border:1px solid #9f6acf;color:#fff;padding:13px 22px;border-radius:8px;opacity:0;pointer-events:none;z-index:30;transition:.15s;max-width:500px}#toast.show{opacity:1}.draft-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.draft-sides{display:grid;grid-template-columns:1fr 1fr;gap:18px}.blue{color:#82adff}.red{color:#ff869b}.draft-slot{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#171b24;border-radius:7px;margin:7px 0;min-height:58px;padding:8px;cursor:pointer}.draft-slot small{font-size:9px;width:58px}.draft-slot strong{font-size:12px}.draft-slot img{width:35px;height:35px;border-radius:5px}.draft-slot span{font-size:11px;color:var(--muted)}.draft-slot button{margin-left:auto;padding:2px 7px}.draft-slot.selected{border-color:#ac78e7;box-shadow:0 0 0 1px #ac78e7}.draft-slot.ban{background:#20171f}.champion-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;max-height:640px;overflow:auto;margin-top:15px}.champion{padding:8px 4px;font-size:10px}.champion img{width:45px;height:45px;display:block;margin:auto auto 4px;border-radius:6px}.champion.used{opacity:.35}.branch{border-left:2px solid #9253cb;margin:14px 0 14px 18px;padding:8px 18px;background:#171b24}.branch .branch{background:#1c1e2a}.tier-row{display:flex;border:1px solid var(--line);margin:10px 0;border-radius:8px;min-height:78px;background:#11141b}.tier-row h2{width:128px;margin:0;display:grid;place-items:center;padding:10px;color:#cf9bf7;background:#281d35;flex-shrink:0}.tier-row>div{display:flex;gap:8px;flex-wrap:wrap;padding:12px;flex:1}.tier-row button{min-width:95px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:25px}.calendar-grid.day{grid-template-columns:1fr}.calendar-day{min-height:160px;border:1px solid var(--line);background:var(--panel);padding:12px;border-radius:8px}.calendar-day h3{font-size:11px;color:var(--muted)}.calendar-day button{width:100%;text-align:left;font-size:11px;background:#30203f;margin:5px 0}.score-bar{display:flex;gap:20px;align-items:center;margin:12px 0}.score-bar meter{flex:1;height:20px}.score-bar strong{width:75px}.search-result{display:block;text-align:left;width:100%;margin:8px 0;padding:15px}.search-result strong{display:block}@media(min-width:1600px){main#app{padding:38px 44px}.lineup .card{padding:24px}}@media(max-width:1200px){.two,.draft-layout{grid-template-columns:1fr}.lineup{grid-template-columns:repeat(3,1fr)}.calendar-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){.sidebar{transform:translateX(-100%)}.menu-open .sidebar{transform:none}.workspace{margin-left:0}#menu{display:block}header{padding:12px;gap:10px}#breadcrumb{display:none}main#app{padding:18px}.metrics{grid-template-columns:1fr 1fr}.lineup{grid-template-columns:1fr 1fr}.page-heading{align-items:flex-start;flex-direction:column}.calendar-grid{grid-template-columns:1fr 1fr}#form-fields{grid-template-columns:1fr}.hero-title{font-size:26px}.draft-sides{gap:8px}.draft-slot{gap:5px}.draft-slot small{width:44px}.draft-slot img{width:26px;height:26px}}

.cell-date{white-space:nowrap}#activity{max-height:280px;overflow:auto}
@media(max-width:800px){.draft-sides{grid-template-columns:1fr}.draft-slot{min-height:55px}.draft-slot strong{overflow-wrap:anywhere}}