:root{--bg:#0b0e16;--panel:#121722;--panel2:#171d2a;--line:#252d3d;--text:#f0f2f8;--muted:#808a9e;--violet:#9a83ff;--coral:#ff8a78;--blue:#6cb8ff;--green:#55d6a1;--yellow:#f7c65c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',Arial,sans-serif}button,select{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;border-right:1px solid var(--line);padding:30px 18px 22px;display:flex;flex-direction:column;background:#0d111b}.brand{color:var(--text);text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px;padding:0 12px}.brand-mark{width:29px;height:29px;display:grid;place-items:center;background:var(--violet);color:#121526;border-radius:7px;font-size:19px}.brand-slash{color:var(--violet);margin-left:2px}.side-label{font:500 10px 'DM Mono',monospace;color:#596378;letter-spacing:1.3px;margin:54px 12px 14px}.side-label-spaced{margin-top:38px}.main-nav{display:grid;gap:5px}.nav-item{color:var(--muted);text-decoration:none;display:flex;align-items:center;gap:13px;padding:12px;border-radius:7px;font-size:13px}.nav-item:hover,.nav-item.active{color:var(--text);background:#1a2030}.nav-item.active .nav-icon{color:var(--violet)}.nav-icon{font-size:18px;width:17px;text-align:center}.nav-count{margin-left:auto;color:#6b7486;font:11px 'DM Mono'}.sidebar-bottom{margin-top:auto}.api-status{font:10px 'DM Mono';color:#687388;padding:13px 12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}.api-status b{color:var(--green);font-weight:500}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.profile-mini{display:flex;align-items:center;gap:10px;padding:16px 10px 0}.profile-mini strong{font-size:12px;display:block}.profile-mini span:not(.more){font-size:10px;color:var(--muted);display:block;margin-top:3px}.more{margin-left:auto;color:#697387;letter-spacing:2px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d6a4ff,#6657bd);color:#fff;font:600 12px 'DM Mono';border:2px solid #25283b}.avatar-small{width:30px;height:30px;font-size:10px}.avatar-xl{width:66px;height:66px;font-size:19px;border:0;box-shadow:0 0 0 5px #25233e}.main-content{flex:1;max-width:1500px;padding:0 48px 35px;overflow:hidden}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.crumb,.updated{font:10px 'DM Mono';letter-spacing:1px;color:#657087}.crumb span{padding:0 8px;color:#444d62}.crumb strong{color:#9ba4b7;font-weight:500}.top-actions{display:flex;align-items:center;gap:24px}.updated b{color:#8b95a9;font-weight:400;margin-left:6px}.icon-btn{position:relative;border:0;background:transparent;color:#8b95a9;font-size:20px;cursor:pointer}.icon-btn i{position:absolute;width:5px;height:5px;background:var(--coral);border-radius:50%;right:0;top:0}.hero{display:flex;justify-content:space-between;align-items:end;padding:43px 0 30px}.eyebrow{font:10px 'DM Mono';letter-spacing:1.2px;color:#717b90;margin:0 0 10px}.eyebrow span{color:var(--violet)}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.5px;font-weight:600}h1 em{font-style:normal;color:var(--violet)}.hero-sub{color:var(--muted);font-size:13px;margin-top:8px}.season-select{position:relative;border:1px solid var(--line);background:#141a26;padding:11px 37px 11px 14px;border-radius:6px;min-width:190px}.season-select label{display:block;font:9px 'DM Mono';color:#727c90;letter-spacing:1px;margin-bottom:5px}.season-select select{color:#dce0eb;background:transparent;border:0;outline:0;font:11px 'DM Mono';appearance:none}.season-select>span{position:absolute;right:14px;bottom:13px;color:#8993a8}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px}.player-card{padding:22px 25px;display:flex;justify-content:space-between;align-items:center}.player-main{display:flex;align-items:center;gap:18px}.player-name-row{display:flex;align-items:center;gap:9px}.player-name-row h2{font-size:20px}.verified{width:16px;height:16px;border-radius:50%;background:var(--violet);display:grid;place-items:center;font-size:11px;color:#171329}.player-main p{font-size:11px;color:var(--muted);margin-top:5px}.player-main p b{color:#aab3c3;font-weight:400}.dot-sep{padding:0 6px;color:#4e5768}.rank-line{display:flex;align-items:center;gap:8px;font:10px 'DM Mono';color:var(--muted);margin-top:13px}.rank-line b{font-weight:500;color:#c4cad6}.rank-gem{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:9px}.rank-gem.gold{background:#604e2b;color:#e8c478;border:1px solid #98783a}.trend-up,.good{color:var(--green)}.player-metrics{display:flex;gap:40px;align-items:center}.player-metrics>div{border-left:1px solid var(--line);padding-left:23px}.player-metrics span{display:block;font:9px 'DM Mono';color:#727c90;letter-spacing:.8px}.player-metrics b{font-size:20px;display:inline-block;margin-top:6px}.player-metrics small{font:10px 'DM Mono';margin-left:8px;color:#747e91}.refresh-btn{background:transparent;border:1px solid #4f467f;color:#b8aaff;border-radius:5px;padding:10px 12px;font:10px 'DM Mono';cursor:pointer}.refresh-btn span{margin-left:5px}.refresh-btn:hover{background:#25203d}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:37px 0 17px}.section-heading h2,.card-heading h2{font-size:17px;letter-spacing:-.3px}.range-toggle{border:1px solid var(--line);border-radius:5px;display:flex;padding:3px}.range-toggle button{border:0;background:transparent;color:#717b90;padding:7px 11px;font:9px 'DM Mono';cursor:pointer}.range-toggle button.active{background:#282241;color:#c5bbff;border-radius:3px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat-card{padding:18px 19px;position:relative;overflow:hidden}.stat-top{display:flex;justify-content:space-between;align-items:center;font:9px 'DM Mono';letter-spacing:.6px;color:#788297}.stat-icon{width:25px;height:25px;border-radius:6px;display:grid;place-items:center;font-size:15px}.coral{color:var(--coral);background:#3b262b}.blue{color:var(--blue);background:#1e3043}.purple{color:#b59cff;background:#2b2742}.green{color:var(--green);background:#1c3934}.stat-card>strong{font-size:27px;letter-spacing:-1px;display:block;margin:13px 0 5px}.stat-foot{display:flex;gap:8px;font:9px 'DM Mono';color:#697488}.stat-foot .good{color:var(--green)}.bad{color:var(--coral)}.mini-bars{height:31px;display:flex;align-items:end;gap:4px;margin-top:15px}.mini-bars i{flex:1;border-radius:2px 2px 0 0;opacity:.7}.coral-bars i{background:var(--coral)}.blue-bars i{background:var(--blue)}.purple-bars i{background:var(--violet)}.green-bars i{background:var(--green)}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:13px;margin-top:13px}.chart-card,.champ-card,.activity-card{padding:22px}.card-heading{display:flex;justify-content:space-between;align-items:start}.legend{display:flex;gap:15px;font:9px 'DM Mono';color:#788297}.legend span{display:flex;gap:6px;align-items:center}.legend-dot{width:6px;height:6px;border-radius:50%;background:var(--violet)}.legend-dot.muted{background:#515a6d}.chart-wrap{display:flex;height:230px;margin-top:25px}.y-labels{width:30px;display:flex;flex-direction:column;justify-content:space-between;padding:0 0 22px;font:9px 'DM Mono';color:#667085}.chart{flex:1;position:relative}.grid-lines{position:absolute;inset:0 0 22px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{height:1px;background:#252d3d;width:100%}.chart svg{position:absolute;inset:0 0 22px;width:100%;height:calc(100% - 22px);overflow:visible}.trend{fill:none;stroke:var(--violet);stroke-width:3}.average{fill:none;stroke:#5c6577;stroke-width:2;stroke-dasharray:4 6}.area{fill:url(#fill)}.point{fill:var(--violet)}.point-halo{fill:none;stroke:var(--violet);stroke-width:2;opacity:.3}.x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font:9px 'DM Mono';color:#667085}.text-btn,.add-champ{background:none;border:0;color:#9c8aff;font:9px 'DM Mono';cursor:pointer}.champ-card .card-heading{margin-bottom:12px}.champ-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #232b39}.champ-avatar{width:37px;height:37px;border-radius:8px;display:grid;place-items:center;font-size:21px}.lux{background:linear-gradient(135deg,#344c82,#8a71d5);color:#b4e5ff}.jinx{background:linear-gradient(135deg,#8b3d4e,#d29a64);color:#ffd1b0}.ez{background:linear-gradient(135deg,#285c62,#4b9fa2);color:#a8e1d5}.champ-info{flex:1}.champ-info h3{font-size:13px}.champ-info span{display:block;font:9px 'DM Mono';color:#727c90;margin:2px 0 7px}.champ-info small{font:9px 'DM Mono';color:#7f899c}.champ-rating{font:15px 'DM Mono';color:#d9ddea}.champ-rating span{display:block;font:8px 'DM Mono';color:#727c90;margin-top:3px}.bar{height:4px;background:#2a3040;border-radius:3px;overflow:hidden;margin-bottom:4px}.bar i{display:block;height:100%;background:var(--violet)}.add-champ{margin-top:16px;color:#6e778a}.bottom-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:13px;margin-top:13px}.coach-card{padding:23px;display:flex;gap:18px;position:relative;overflow:hidden;background:linear-gradient(110deg,#17192b,#121722)}.coach-card:after{content:'✦';position:absolute;font-size:180px;right:100px;bottom:-85px;color:#a28cff0b;transform:rotate(20deg)}.coach-icon{width:40px;height:40px;border-radius:10px;background:#332b57;color:#b4a4ff;display:grid;place-items:center;font-size:20px;flex-shrink:0}.coach-card h2{font-size:22px;line-height:1.15;letter-spacing:-.7px;margin:3px 0 10px}.coach-card h2 em{color:var(--violet);font-style:normal}.coach-card p:not(.eyebrow){font-size:11px;color:#8e98ab;max-width:480px;line-height:1.55}.primary-btn{border:0;background:var(--violet);color:#161329;padding:11px 15px;border-radius:5px;font:10px 'DM Mono';font-weight:500;cursor:pointer;margin-top:17px}.primary-btn span{font-size:14px;margin-left:12px}.primary-btn:hover{background:#b1a0ff}.coach-score{margin-left:auto;text-align:center;align-self:center;padding:0 20px;border-left:1px solid var(--line);z-index:1}.coach-score span,.coach-score small{display:block;font:8px 'DM Mono');color:#758096}.coach-score b{display:block;font-size:40px;color:var(--green);margin:5px 0}.coach-score small{color:var(--green)}.activity-card .card-heading{margin-bottom:10px}.match{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #232b39}.result{width:24px;height:24px;display:grid;place-items:center;border-radius:5px;font:11px 'DM Mono';font-weight:600}.match.win .result{color:var(--green);background:#1b3933}.match.loss .result{color:var(--coral);background:#3b262b}.match div{flex:1}.match b{font-size:12px}.match b small{font:8px 'DM Mono';color:#717b90;margin-left:7px}.match div span{display:block;color:#737d90;font:9px 'DM Mono';margin-top:3px}.match time{font:10px 'DM Mono';color:#737d90}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:42px;padding-top:17px;color:#596378;font:9px 'DM Mono')}footer b{color:#7e8799;font-weight:400}.modal-backdrop{display:none;position:fixed;inset:0;background:#070912c9;z-index:4;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{position:relative;width:min(570px,100%);max-height:90vh;overflow:auto;background:#151a27;border:1px solid #373154;border-radius:12px;padding:32px;box-shadow:0 24px 80px #0008}.modal h2{font-size:25px;letter-spacing:-.7px}.modal-intro{color:#8d97aa;font-size:12px;margin:8px 0 23px}.modal-close{position:absolute;right:16px;top:12px;background:none;border:0;color:#828ca0;font-size:27px;cursor:pointer}.steps{display:grid;gap:15px}.step{display:flex;gap:15px}.step>b{font:12px 'DM Mono';color:var(--violet);padding-top:3px}.step h3{font-size:12px;margin-bottom:4px}.step p{color:#858fa3;font-size:11px;line-height:1.45}.step code{display:inline-block;background:#22203b;color:#b8aaff;padding:5px 8px;border-radius:4px;font:10px 'DM Mono';margin-top:7px;word-break:break-all}.primary-btn.full{width:100%;margin-top:25px}.fine-print{text-align:center;color:#606a7e;font:9px 'DM Mono';margin-top:13px}.toast{position:fixed;right:25px;bottom:25px;background:#1e3a32;border:1px solid #377b65;color:#a7f0d3;padding:13px 17px;border-radius:6px;font:11px 'DM Mono';transform:translateY(100px);opacity:0;transition:.3s;z-index:6}.toast.show{transform:translateY(0);opacity:1}.toast span{margin-left:10px;color:var(--green)}@media(max-width:1000px){.sidebar{width:190px}.main-content{padding:0 25px}.player-metrics{gap:18px}.player-metrics>div{padding-left:13px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{width:62px;padding:25px 8px}.brand span:not(.brand-mark),.side-label,.nav-item:not(.active) .nav-count,.nav-item{font-size:0}.brand{padding:0 8px}.nav-item{justify-content:center;padding:13px 0}.nav-icon{font-size:18px}.side-label-spaced{margin-top:30px}.api-status,.profile-mini>div:not(.avatar),.more{display:none}.profile-mini{padding:15px 0 0}.main-content{padding:0 15px}.topbar{height:62px}.updated,.icon-btn{display:none}.hero{padding:28px 0 22px;display:block}.hero h1{font-size:27px}.season-select{margin-top:20px;width:190px}.player-card{display:block}.player-metrics{margin-top:20px;justify-content:space-between;gap:5px}.player-metrics>div{padding-left:9px}.player-metrics b{font-size:16px}.player-metrics small{display:block;margin:3px 0 0}.refresh-btn{font-size:0;padding:10px}.refresh-btn span{display:none}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.coach-card{gap:10px}.coach-score{padding:0 0 0 10px}.coach-score b{font-size:30px}.legend{display:none}footer{flex-wrap:wrap;gap:10px}}@media(max-width:420px){.stats-grid{grid-template-columns:1fr}.player-metrics>div:nth-child(2){display:none}.coach-score{display:none}}