:root{--bg-dark: #0a0b10;--panel-matte: #13151f;--border-line: #202436;--text-primary: #e2e8f0;--text-secondary: #64748b;--accent-cyan: #00e5ff;--accent-amber: #f59e0b;--team-blue: #3b82f6;--team-red: #ef4444;--score-good: #10b981;--score-bad: #f43f5e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);background-image:linear-gradient(rgba(32,36,54,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(32,36,54,.4) 1px,transparent 1px);background-size:40px 40px;background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:800;letter-spacing:1px}.layout-grid{max-width:1300px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.header{border-bottom:1px solid var(--border-line);padding-bottom:1rem}.logo{display:flex;align-items:center;gap:12px;font-size:1.2rem;color:var(--text-secondary)}.logo-icon,.logo h1 span{color:var(--accent-cyan)}.battlefield{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:var(--panel-matte);border:1px solid var(--border-line);padding:2rem 1rem;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.team-section{flex:1}.team-header{font-size:.8rem;letter-spacing:2px;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.team-header.blue-txt{color:var(--team-blue)}.team-header.red-txt{color:var(--team-red);justify-content:flex-end}.team-roster{display:flex;gap:8px}.vs-badge{font-family:Outfit,sans-serif;font-weight:900;font-size:2.5rem;color:var(--border-line);padding:0 1.5rem;align-self:center}.slot{flex:1;aspect-ratio:3/4;background:#0d0f17;border:1px solid var(--border-line);position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:all .2s;color:var(--text-secondary);font-size:.7rem;font-weight:600}.team-roster.blue .slot.empty{border-top:2px solid var(--team-blue)}.team-roster.red .slot.empty{border-top:2px solid var(--team-red)}.slot:hover{border-color:var(--text-secondary);background:#161a25}.slot.target{border:2px solid var(--accent-amber);background:#f59e0b0d;box-shadow:0 0 15px #f59e0b1a inset;color:var(--accent-amber);cursor:default}.slot.target:after{content:"TARGET";position:absolute;bottom:8px;color:var(--accent-amber);font-size:.6rem;font-weight:800;letter-spacing:2px;animation:pulse-op 1.5s infinite}@keyframes pulse-op{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.slot img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.8;filter:grayscale(40%);transition:.3s}.slot:hover img{filter:grayscale(0%);opacity:1}.slot.filled{border-color:#333}.slot-role-label{position:absolute;top:5px;left:5px;font-size:.55rem;font-weight:800;text-transform:uppercase;color:#fff;background:#000c;padding:2px 6px;z-index:10}.champ-name{position:absolute;bottom:0;width:100%;background:#000000e6;color:#fff;font-size:.65rem;padding:4px;text-align:center;font-weight:800;text-transform:uppercase;z-index:10}.remove-btn{position:absolute;top:5px;right:5px;color:#fff;background:#000c;padding:2px;border-radius:50%;z-index:20}.remove-btn:hover{color:var(--score-bad)}.lower-command{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;align-items:start}.panel{background:var(--panel-matte);border:1px solid var(--border-line);padding:1.5rem;position:relative;min-height:380px}.context-controls{clip-path:polygon(0 0,100% 0,100% 100%,15px 100%,0 calc(100% - 15px))}.dossier{clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%)}.dossier:before{content:"";position:absolute;top:0;right:0;width:15px;height:15px;border-right:2px solid var(--text-secondary);border-top:2px solid var(--text-secondary)}.dossier.active:before{border-color:var(--accent-cyan);box-shadow:2px -2px 10px #00e5ff66}.panel-header{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:800;letter-spacing:2px;color:var(--text-secondary);margin-bottom:1.5rem}.control-group{margin-bottom:1.5rem}.control-group label{display:block;font-size:.65rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px;font-weight:700}.toggle-group{display:flex;border:1px solid var(--border-line)}.toggle-group button{flex:1;padding:.6rem;background:transparent;color:var(--text-secondary);border:none;font-weight:700;font-size:.75rem;cursor:pointer;transition:.2s}.toggle-group button.active.blue{background:var(--team-blue);color:#fff}.toggle-group button.active.red{background:var(--team-red);color:#fff}input[type=range]{width:100%;accent-color:var(--accent-cyan);margin-bottom:4px}.position-display{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900;color:var(--accent-cyan)}.role-selector{display:grid;grid-template-columns:1fr 1fr;gap:6px}.role-selector button:last-child{grid-column:span 2}.role-btn{background:#0f111a;border:1px solid var(--border-line);color:var(--text-secondary);padding:.6rem;cursor:pointer;font-size:.75rem;font-weight:700;text-transform:uppercase}.role-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.role-btn.active{background:var(--accent-cyan);color:#000;border-color:var(--accent-cyan)}.analyze-btn{width:100%;background:var(--accent-cyan);color:#000;border:none;padding:1rem;font-weight:900;font-family:Outfit,sans-serif;font-size:1rem;letter-spacing:2px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:all .2s}.analyze-btn:hover{background:#fff}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.idle-state{height:100%;display:flex;align-items:center;justify-content:center;color:var(--border-line);font-size:1.5rem;font-weight:800;text-align:center;padding:2rem}.idle-state.error{color:var(--score-bad);opacity:.7}.compiling-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--accent-cyan);font-weight:700;letter-spacing:2px;font-size:.8rem;position:relative}.scan-line{width:200px;height:2px;background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan);margin-bottom:1rem;animation:scan 1s infinite alternate ease-in-out}@keyframes scan{0%{transform:translate(-50px);opacity:.2}to{transform:translate(50px);opacity:1}}.dossier-grid{display:grid;grid-template-columns:180px 1fr;gap:2rem;height:100%}.verdict-col{border-right:1px solid var(--border-line);padding-right:1.5rem;text-align:center}.verdict-label,.evidence-label{font-size:.65rem;color:var(--text-secondary);font-weight:800;letter-spacing:1px;margin-bottom:1rem}.champ-avatar.best{width:140px;height:140px;margin:0 auto 1rem;border:2px solid var(--accent-cyan);position:relative;clip-path:polygon(25% 0%,75% 0%,100% 25%,100% 75%,75% 100%,25% 100%,0% 75%,0% 25%)}.champ-avatar.best img{width:100%;height:100%;object-fit:cover}.overall-score{position:absolute;bottom:0;left:0;right:0;background:#000c;font-family:Outfit;font-size:1.5rem;font-weight:900;color:var(--accent-cyan)}.main-champ-name{font-size:1.5rem;color:#fff;margin-bottom:.5rem}.tags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.tag{background:#1e2233;color:var(--text-secondary);padding:2px 8px;font-size:.6rem;font-weight:800;border:1px solid var(--border-line)}.data-row{display:flex;align-items:center;margin-bottom:.9rem}.data-label{font-size:.65rem;color:var(--text-secondary);font-weight:800;text-transform:uppercase;width:80px}.data-bar-bg{flex:1;height:4px;background:#1a1d2d;margin:0 12px;border-radius:2px;overflow:hidden}.data-bar-fill{height:100%;background:var(--accent-cyan);box-shadow:0 0 5px currentColor}.data-value{width:30px;text-align:right;font-size:.8rem;font-weight:700;color:#fff}.mt-4{margin-top:1.5rem}.alt-list{display:flex;gap:12px;margin-top:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:flex-start;justify-content:center;padding-top:5rem;z-index:1000}.modal-content{background:var(--panel-matte);border:1px solid var(--accent-cyan);width:90%;max-width:600px;max-height:80vh;padding:2rem;display:flex;flex-direction:column;box-shadow:0 0 30px #00e5ff1a;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header h3{font-size:1rem;color:var(--accent-cyan)}.close-btn{color:var(--text-secondary);background:none;border:none;cursor:pointer}.close-btn:hover{color:#fff}.mb-4{margin-bottom:1rem}.relative{position:relative}.absolute{position:absolute}.left-3{left:.75rem}.top-3{top:.75rem}.pl-10{padding-left:2.5rem}.champ-search{width:100%;background:#090a0f;border:1px solid var(--border-line);color:#fff;padding:.8rem .8rem .8rem 2.5rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600}.champ-search:focus{outline:none;border-color:var(--accent-cyan)}.champ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;overflow-y:auto;padding-right:8px}.champ-grid-item{background:transparent;border:none;cursor:pointer;opacity:.7;transition:.2s;padding:4px}.champ-grid-item:hover{opacity:1;transform:translateY(-2px)}.champ-grid-item img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--border-line)}.champ-grid-item span{display:block;font-size:.6rem;font-weight:800;color:#fff;margin-top:4px}.summoner-group{border-top:1px solid var(--border-line);padding-top:1rem}.summoner-inputs{display:flex;gap:6px;margin-bottom:6px}.summoner-input{flex:1;background:#090a0f;border:1px solid var(--border-line);color:var(--text-primary);padding:.5rem .6rem;font-size:.75rem;font-weight:600;font-family:Inter,sans-serif}.summoner-input:focus{outline:none;border-color:var(--accent-cyan)}.summoner-input.tag-input{max-width:80px}.region-select{width:100%;background:#090a0f;border:1px solid var(--border-line);color:var(--text-secondary);padding:.45rem .5rem;font-size:.7rem;font-weight:700;cursor:pointer}.region-select:focus{outline:none;border-color:var(--accent-cyan)}.alt-card{flex:1;background:#0f111a;border:1px solid var(--border-line);padding:6px;text-align:center;cursor:pointer;transition:all .2s ease}.alt-card:hover,.alt-card.alt-active{border-color:var(--accent-cyan);background:#161a28;transform:translateY(-2px);box-shadow:0 4px 12px #00e5ff26}.alt-card img{width:40px;height:40px;object-fit:cover;border:1px solid #333;margin-bottom:4px;transition:border-color .2s}.alt-card:hover img,.alt-card.alt-active img{border-color:var(--accent-cyan)}.alt-name{font-size:.6rem;font-weight:700;color:var(--text-secondary);transition:color .2s}.alt-card:hover .alt-name,.alt-card.alt-active .alt-name{color:var(--text-primary)}.alt-score{font-size:.65rem;font-weight:800;color:var(--accent-cyan);margin-top:2px;opacity:0;transition:opacity .2s}.alt-card:hover .alt-score,.alt-card.alt-active .alt-score{opacity:1}.champ-avatar.best.dimmed{opacity:.4;filter:grayscale(60%);transition:all .3s ease}.wr-gauge{margin-top:1rem;text-align:center}.wr-gauge-track{position:relative;height:6px;display:flex;border-radius:3px;overflow:hidden;margin-bottom:6px}.wr-zone{flex:1}.wr-zone.unfav{background:#f43f5e4d}.wr-zone.neut{background:#f59e0b4d}.wr-zone.fav{background:#10b9814d}.wr-needle{position:absolute;top:-3px;width:4px;height:12px;background:#fff;border-radius:2px;transform:translate(-50%);box-shadow:0 0 6px #fffc}.wr-label{font-size:.7rem;font-weight:800;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:8px}.wr-pct{font-size:.8rem;color:var(--text-primary)}.reasons-list{margin-top:.8rem;text-align:left}.reason-item{display:flex;align-items:flex-start;gap:6px;font-size:.6rem;color:var(--text-secondary);margin-bottom:5px;line-height:1.3}.reason-item svg{color:var(--score-good);flex-shrink:0;margin-top:1px}.data-label{width:90px;display:flex;align-items:center;gap:6px}.info-icon{position:relative;cursor:help;color:var(--text-muted);font-size:.7rem;display:flex;align-items:center}.info-icon:hover{color:var(--text-primary)}.info-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:var(--surface-float);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:12px 14px;border-radius:6px;text-transform:none;font-size:.65rem;line-height:1.5;white-space:normal;width:280px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;transition:all .2s ease;pointer-events:none;box-shadow:0 4px 12px #00000080;font-family:Inter,sans-serif}.info-icon:hover .info-tooltip{visibility:visible;opacity:1;bottom:150%}.lane-matchup{margin-top:1rem;padding:8px 10px;background:#0003;border:1px solid var(--border-subtle);border-radius:6px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;row-gap:6px}.lane-matchup-label{font-size:.6rem;font-weight:700;letter-spacing:.5px;color:var(--text-secondary)}.lane-matchup-status{display:flex;align-items:center;gap:6px}.status-text{font-size:.65rem;font-weight:800;letter-spacing:.5px}.status-text.favourable{color:var(--score-good)}.status-text.even{color:var(--accent-amber)}.status-text.difficult{color:var(--score-bad)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--border-subtle);opacity:.3}.status-dot.active{opacity:1;box-shadow:0 0 6px currentColor}.status-dot.fav.active{background:var(--score-good);color:var(--score-good)}.status-dot.even.active{background:var(--accent-amber);color:var(--accent-amber)}.status-dot.diff.active{background:var(--score-bad);color:var(--score-bad)}.mt-2{margin-top:1rem}