@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;900&family=Oswald:wght@500;700&display=swap";body{margin:0;padding:0;background-color:#0a1128;color:#e0e0e0;font-family:Inter,sans-serif;height:100vh;overflow-x:hidden}#root{height:100%}.app-container{display:flex;flex-direction:column;height:100%;background-image:radial-gradient(circle at 50% 0%,rgba(0,200,255,.05) 0%,transparent 60%)}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:#0A1128;color:#00c8ff;font-family:Oswald,sans-serif;font-size:1.5rem;letter-spacing:2px}.app-header{flex:0 0 80px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(10,17,40,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.logo{font-family:Oswald,sans-serif;font-size:2rem;color:#fff;letter-spacing:4px}.subtitle{font-size:.7rem;color:#00c8ff;letter-spacing:2px;margin-top:-5px}.user-profile{font-size:.8rem;color:#888;background:rgba(255,255,255,.05);padding:8px 16px;border-radius:20px}.online-dot{color:#00faa0}.dashboard-grid{flex:1;display:grid;grid-template-columns:280px 1fr 300px;gap:30px;padding:30px 40px;overflow-y:auto}.col-left,.col-center,.col-right{display:flex;flex-direction:column}.war-room-container{height:100vh;display:flex;flex-direction:column;background:#0A1128;color:#e0e0e0;overflow:hidden;font-family:Inter,sans-serif;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50%),linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.02),rgba(0,0,255,.06));background-size:100% 2px,3px 100%}.war-room-header{height:60px;background:#050914;border-bottom:1px solid rgba(0,200,255,.3);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 0 15px #00c8ff1a;z-index:10}.brand{display:flex;align-items:center;gap:10px}.logo-text{font-family:Oswald,sans-serif;font-size:1.5rem;letter-spacing:2px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.version-badge{background:#00C8FF;color:#000;padding:2px 6px;border-radius:4px;font-weight:900;font-size:.6rem;letter-spacing:1px;box-shadow:0 0 10px #00c8ff}.mode-switcher{display:flex;background:rgba(255,255,255,.05);border-radius:8px;padding:4px;gap:4px;border:1px solid rgba(255,255,255,.1)}.mode-tab{background:transparent;border:none;color:#888;padding:6px 16px;border-radius:6px;cursor:pointer;font-weight:700;font-size:.8rem;transition:all .2s;font-family:Oswald,sans-serif;letter-spacing:1px}.mode-tab:hover{color:#fff}.mode-tab.active{background:#00C8FF;color:#000;box-shadow:0 0 15px #00c8ff66}.status-indicators{font-size:.7rem;color:#00faa0;font-family:Oswald,sans-serif;letter-spacing:1px;text-shadow:0 0 5px #00faa0}.dot.online{display:inline-block;width:8px;height:8px;background:#00faa0;border-radius:50%;margin-right:5px;box-shadow:0 0 10px #00faa0;animation:blink 2s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.war-room-grid{flex:1;display:grid;grid-template-columns:25% 50% 25%;height:calc(100vh - 60px)}.col{display:flex;flex-direction:column;background:rgba(10,17,40,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.col.border-right{border-right:1px solid rgba(0,200,255,.1)}.col.border-left{border-left:1px solid rgba(0,200,255,.1)}.col-center{background:rgba(0,0,0,.3);box-shadow:inset 0 0 50px #00000080}.panel-header{padding:15px 20px;font-family:Oswald,sans-serif;color:#888;font-size:.8rem;letter-spacing:2px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;background:rgba(0,0,0,.2)}.center-header{color:#00c8ff;border-bottom-color:#00c8ff33;text-shadow:0 0 5px rgba(0,200,255,.3)}.live-pulse{color:#ff4655;animation:pulse 1.5s infinite;text-shadow:0 0 10px #FF4655}@keyframes pulse{0%{opacity:1;text-shadow:0 0 10px #FF4655}50%{opacity:.5;text-shadow:0 0 2px #FF4655}to{opacity:1;text-shadow:0 0 10px #FF4655}}.panel-content{flex:1;padding:20px;overflow-y:auto;position:relative}.scrub-scroll::-webkit-scrollbar{width:6px}.scrub-scroll::-webkit-scrollbar-track{background:#050914}.scrub-scroll::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.scrub-scroll::-webkit-scrollbar-thumb:hover{background:#00C8FF}.voice-widget{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,200,255,.5);padding:12px 24px;border-radius:30px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s;z-index:100;box-shadow:0 0 20px #00000080}.voice-widget:hover{background:rgba(0,200,255,.1);border-color:#00c8ff;box-shadow:0 0 30px #00c8ff33}.voice-widget.active{border-color:#00faa0;box-shadow:0 0 30px #00faa066}.mic-icon{font-size:1.2rem}.voice-text{font-family:Oswald,sans-serif;letter-spacing:1px;font-size:.9rem;min-width:150px;text-align:center}.match-selector-panel{background:#1C2541;border-radius:12px;overflow:hidden;margin-bottom:24px;border:1px solid rgba(255,255,255,.05)}.selector-header{display:flex;border-bottom:1px solid rgba(255,255,255,.05)}.mode-btn{flex:1;background:transparent;border:none;color:#888;padding:15px;font-family:Oswald,sans-serif;letter-spacing:1px;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.mode-btn:hover{color:#ccc;background:rgba(255,255,255,.02)}.mode-btn.active{color:#00c8ff;border-bottom-color:#00c8ff;background:rgba(0,200,255,.05)}.selector-content{padding:16px;min-height:200px}.match-list{display:flex;flex-direction:column;gap:8px}.match-item{display:flex;align-items:center;background:rgba(0,0,0,.2);padding:12px;border-radius:8px;cursor:pointer;transition:background .2s;border:1px solid transparent}.match-item:hover{background:rgba(0,200,255,.1);border-color:#00c8ff4d}.match-time{font-size:.8rem;color:#888;width:60px}.match-teams{flex:1;display:flex;align-items:center;gap:8px;font-weight:700}.vs{color:#555;font-size:.8rem;text-transform:uppercase}.arrow{color:#00c8ff;opacity:0;transition:opacity .2s}.match-item:hover .arrow{opacity:1}.custom-form{display:flex;flex-direction:column;gap:16px;align-items:center;padding:20px 0}.input-group{width:100%}.input-group label{display:block;color:#888;font-size:.7rem;margin-bottom:5px;letter-spacing:1px}.input-group input{width:100%;background:#0b0b15;border:1px solid #333;color:#fff;padding:12px;border-radius:8px;font-size:1rem;font-weight:700;outline:none;box-sizing:border-box}.input-group input:focus{border-color:#00c8ff}.vs-badge{color:#555;font-weight:700;font-size:.9rem}.analyze-btn{width:100%;background:linear-gradient(90deg,#00C8FF,#0088cc);border:none;padding:12px;border-radius:8px;color:#020;font-weight:700;font-family:Oswald,sans-serif;letter-spacing:1px;cursor:pointer;margin-top:10px}.analyze-btn:hover{filter:brightness(1.1)}.team-analytics-sidebar{display:flex;flex-direction:column;gap:16px}.section-title{font-family:Oswald,sans-serif;color:#00c8ff;font-size:1.1rem;margin-bottom:8px;letter-spacing:1px}.analytics-card{background:#1C2541;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.05)}.analytics-card h4{margin:0 0 12px;color:#888;font-size:.8rem;text-transform:uppercase}.form-display{display:flex;gap:5px}.form-badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;font-size:.8rem}.form-badge.W{background:#00faa0;color:#020}.form-badge.L{background:#FF4655;color:#fff}.map-list{display:flex;flex-direction:column;gap:10px}.map-row{display:flex;align-items:center;gap:10px;font-size:.9rem}.map-name{width:60px;color:#ccc}.map-bar-bg{flex:1;height:6px;background:#0b0b15;border-radius:3px;overflow:hidden}.map-bar-fill{height:100%;background:#00C8FF}.map-pct{width:30px;text-align:right;font-weight:700;color:#fff}.spotlight-content{display:flex;align-items:center;gap:15px}.player-avatar{width:50px;height:50px;background:#333;border-radius:50%;border:2px solid #00C8FF}.p-name{font-weight:700;font-size:1.1rem}.p-stat .val{color:#00c8ff;font-weight:700;font-size:1.2rem;margin-right:5px}.match-prediction-card{background:#1C2541;border-radius:16px;padding:24px;box-shadow:0 10px 30px #00000080;border:1px solid rgba(0,200,255,.1)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-header h2{margin:0;color:#00c8ff;font-size:1.2rem;letter-spacing:2px}.live-badge{background:rgba(255,255,255,.1);padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:700;color:#fff}.teams-vs-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.team{text-align:center}.team-logo{width:60px;height:60px;background:#0b0b15;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid rgba(255,255,255,.1);color:#aaa}.team.blue .team-logo{border-color:#00c8ff;color:#00c8ff}.team.red .team-logo{border-color:#ff4655;color:#ff4655}.team-name{font-weight:700;font-size:1.1rem;margin-bottom:5px}.win-prob{font-size:2rem;font-weight:900}.team.blue .win-prob{color:#00c8ff}.team.red .win-prob{color:#ff4655}.vs-divider{font-weight:700;color:#555;font-size:1.5rem}.prob-bar-container{display:flex;height:8px;background:#0b0b15;border-radius:4px;overflow:hidden;margin-bottom:24px}.prob-bar.blue{background:#00C8FF}.prob-bar.red{background:#FF4655}.key-factors h3{font-size:.9rem;color:#888;margin-bottom:12px;text-transform:uppercase}.key-factors ul{list-style:none;padding:0;margin:0}.key-factors li{background:rgba(0,200,255,.05);padding:12px;border-radius:8px;margin-bottom:8px;display:flex;align-items:center;gap:10px;border-left:3px solid #00C8FF}.key-factors li.positive{border-color:#00faa0}.key-factors li.neutral{border-color:#aaa}.key-factors .icon{font-weight:700;color:#00faa0}.momentum-tracker{background:#1C2541;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.05);margin-bottom:24px;position:relative;overflow:hidden}.momentum-tracker:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#FF4655,#00C8FF);opacity:.5}.momentum-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.momentum-title{font-size:.9rem;color:#888;font-weight:700}.momentum-value{font-family:Oswald,sans-serif;font-size:1.5rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.momentum-graph{height:100px;display:flex;align-items:center;justify-content:space-between;position:relative;gap:4px}.zero-line{position:absolute;top:50%;left:0;width:100%;height:1px;background:rgba(255,255,255,.1);z-index:0}.momentum-bar-wrapper{flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.momentum-bar{width:60%;border-radius:2px;transition:height .5s ease}.momentum-bar.pos{background:#00C8FF;margin-bottom:50%;box-shadow:0 0 5px #00c8ff66}.momentum-bar.neg{background:#FF4655;margin-top:50%;box-shadow:0 0 5px #ff465566}.momentum-status{margin-top:15px;font-size:.8rem;text-align:right;color:#aaa}.momentum-status .highlight{color:#00faa0;font-weight:700}.historical-graph{background:#1C2541;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.05);margin-top:24px}.graph-header{display:flex;justify-content:space-between;margin-bottom:20px}.graph-header h3{margin:0;color:#888;font-size:.9rem}.legend{font-size:.8rem;color:#ccc;display:flex;align-items:center;gap:8px}.dot.blue{width:10px;height:10px;background:#00C8FF;border-radius:50%}.chart-area{display:flex;height:150px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;color:#555;font-size:.7rem;padding-right:10px;text-align:right;border-right:1px solid #333}.bars-container{flex:1;display:flex;justify-content:space-around;align-items:flex-end;padding-left:20px;padding-bottom:5px;position:relative}.bar-wrapper{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;flex:1;max-width:30px;gap:5px}.bar{width:100%;border-radius:4px 4px 0 0;transition:height .5s ease-out}.bar-label{font-size:.7rem;color:#555}.guideline{position:absolute;bottom:50%;left:0;width:100%;border-top:1px dashed rgba(255,255,255,.1);z-index:0}.strategy-panel{display:flex;flex-direction:column;gap:16px}.strategy-card{background:#1C2541;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.05)}.strat-group{margin-bottom:20px}.strat-group:last-child{margin-bottom:0}.strat-group h4{margin:0 0 10px;color:#888;font-size:.8rem;text-transform:uppercase}.champ-icons{display:flex;gap:12px}.champ-icon{width:50px;height:50px;border-radius:8px;background:#222;position:relative;overflow:hidden;border:1px solid #444}.champ-icon img{width:100%;height:100%;object-position:center}.ban-overlay,.pick-overlay{position:absolute;top:0;right:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;box-shadow:1px 1px 3px #00000080}.ban-overlay{background:#FF4655;border-radius:0 0 0 6px}.pick-overlay{background:#00faa0;border-radius:0 0 0 6px;color:#020}.strategy-card.playstyle{border-left:4px solid #00C8FF}.strategy-card.playstyle p{font-style:italic;color:#fff;font-size:1.1rem;margin:0;line-height:1.4}.team-chemistry{display:flex;flex-direction:column;gap:15px}.overall-score{display:flex;justify-content:center;padding:10px}.score-ring{width:100px;height:100px;border-radius:50%;border:4px solid #00C8FF;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,200,255,.1);box-shadow:0 0 20px #00c8ff33}.score-ring .val{font-size:2rem;font-weight:700;color:#fff;font-family:Oswald,sans-serif}.score-ring .lbl{font-size:.5rem;color:#00c8ff}.chem-item{background:#0b0b15;padding:12px;border-radius:8px;border-left:3px solid #555;transition:transform .2s}.chem-item:hover{transform:translate(5px)}.chem-item.synergy{border-color:#00faa0;background:rgba(0,250,160,.05)}.chem-item.clash{border-color:#ff4655;background:rgba(255,70,85,.05)}.pair-names{font-size:.9rem;font-weight:700;margin-bottom:5px}.pair-status{display:flex;justify-content:space-between;font-size:.75rem}.type-badge{font-weight:700;color:#ccc}.chem-item.synergy .type-badge{color:#00faa0}.chem-item.clash .type-badge{color:#ff4655}.hot-streak-card{background:linear-gradient(90deg,#FF4655 0%,#0b0b15 100%);padding:15px;border-radius:8px;display:flex;align-items:center;gap:15px}.fire-icon{font-size:2rem}.s-player{font-weight:700;font-size:1.1rem}.s-val{font-size:.8rem;opacity:.9}.historical-view{display:flex;height:100%;gap:20px}.hist-col{background:rgba(0,0,0,.2);border-radius:8px;padding:15px;display:flex;flex-direction:column}.list-col{flex:1}.vod-col{flex:2}.notes-col{flex:1}.h-header{margin-bottom:15px;font-family:Oswald,sans-serif;color:#00c8ff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:5px}.hist-match-card{background:#0b0b15;padding:12px;border-radius:6px;margin-bottom:10px;border-left:3px solid #555;cursor:pointer;transition:all .2s}.hist-match-card:hover{background:rgba(255,255,255,.05)}.hm-vs{font-weight:700;color:#fff}.hm-result{font-size:.8rem;font-weight:700;margin:4px 0}.hm-result.won{color:#00faa0}.hm-result.lost{color:#ff4655}.hm-meta{font-size:.7rem;color:#888}.vod-placeholder{height:150px;background:#000;border:1px dashed #333;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#555;margin-bottom:20px;cursor:pointer}.play-icon{font-size:2rem;margin-bottom:5px}.mistake-timeline{flex:1;overflow-y:auto}.mistake-item{display:flex;gap:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.05)}.m-time{font-family:Oswald,sans-serif;color:#00c8ff;font-size:.9rem}.m-type{display:inline-block;font-size:.7rem;padding:2px 6px;border-radius:4px;margin-bottom:4px;font-weight:700;color:#000}.m-type.high{background:#FF4655}.m-type.medium{background:#FFAA00}.m-type.low{background:#00faa0}.m-desc{font-size:.85rem;color:#ccc}.note-card{background:rgba(255,255,255,.05);padding:10px;border-radius:6px;margin-bottom:10px}.note-card h4{margin:0 0 5px;color:#fa0;font-size:.85rem}.note-card p{margin:0;font-size:.8rem;color:#aaa;line-height:1.4}.draft-board{display:flex;justify-content:space-between;width:100%;height:100%;gap:20px;padding:0 20px}.team-side{flex:1;display:flex;flex-direction:column}.team-header{font-size:2rem;font-weight:900;text-align:center;margin-bottom:20px;text-shadow:0 0 20px rgba(0,0,0,.5)}.team-side.blue .team-header{color:#00a9e0}.team-side.red .team-header{color:#ff4655}.bans-container{display:flex;justify-content:center;gap:10px;margin-bottom:20px;height:50px}.ban-slot{width:40px;height:40px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.ban-slot img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.picks-container{display:flex;flex-direction:column;gap:10px;flex-grow:1}.pick-slot{flex:1;background:rgba(20,20,30,.8);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;cursor:pointer;transition:all .2s;display:flex;align-items:flex-end}.pick-slot.empty:hover{background:rgba(255,255,255,.1);border-color:#ffffff4d}.pick-slot .champion-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:top center;opacity:.6;transition:opacity .3s}.pick-slot:hover .champion-image{opacity:.8}.pick-slot .champion-name{position:relative;z-index:2;font-size:1.5rem;font-weight:700;color:#fff;margin-left:20px;margin-bottom:10px;text-shadow:2px 2px 4px black;text-transform:uppercase}.pick-slot .empty-label{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff3;font-weight:700;letter-spacing:2px}.team-side.blue .pick-slot{border-left:5px solid #00A9E0;border-radius:0 10px 10px 0}.team-side.red .pick-slot{border-right:5px solid #FF4655;border-radius:10px 0 0 10px;align-items:flex-end}.team-side.red .pick-slot .champion-name{margin-left:0;margin-right:20px;width:100%;text-align:right}.win-thermometer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;width:80px;background:rgba(0,0,0,.4);border-radius:20px;padding:20px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.thermometer-bar{position:relative;width:20px;height:300px;background:#1a1a1a;border-radius:10px;overflow:hidden;margin:10px 0;box-shadow:inset 0 0 10px #000c}.thermometer-bar .fill{position:absolute;bottom:0;left:0;width:100%;transition:height .5s ease-out,background-color .5s ease}.thermometer-bar .midline{position:absolute;bottom:50%;width:100%;height:2px;background:rgba(255,255,255,.5);z-index:10}.thermometer-label{display:flex;flex-direction:column;align-items:center;font-family:Inter,sans-serif;font-weight:700}.thermometer-label .team-name{font-size:.8rem;color:#888;letter-spacing:1px}.thermometer-label .percentage{font-size:1.2rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.shap-explainer{background:rgba(0,0,0,.6);padding:15px;border-radius:10px;margin-top:20px}.shap-explainer h4{margin-top:0;margin-bottom:10px;color:#eee;font-size:.9rem;text-transform:uppercase;text-align:center}.shap-row{display:flex;align-items:center;margin-bottom:8px;font-size:.8rem;position:relative;cursor:help}.shap-desc{flex:1;text-align:right;padding-right:10px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shap-bar-container{width:60px;display:flex;justify-content:center}.shap-bar-container{width:100px;display:flex;align-items:center}.shap-bar{height:8px;border-radius:4px}.shap-bar.pos{background-color:#00e5ff}.shap-bar.neg{background-color:#ff4655}.shap-val{width:40px;text-align:left;padding-left:10px;font-weight:700}.shap-val.pos{color:#00e5ff}.shap-val.neg{color:#ff4655}.shap-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:20;box-shadow:0 5px 15px #00000080}.shap-row:hover .shap-tooltip{display:block}.draft-center{display:flex;flex-direction:column;gap:16px;height:100%}.draft-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(10,17,40,.55)}.draft-title{font-family:Oswald,sans-serif;letter-spacing:2px;color:#00c8ff}.time-machine{display:flex;align-items:center;gap:10px}.tm-label{font-family:Oswald,sans-serif;color:#888;letter-spacing:1px;font-size:.8rem}.tm-slider{width:220px}.tm-meta{color:#aaa;font-size:.8rem}.draft-stage{display:grid;grid-template-columns:1fr 260px;gap:18px;height:100%;min-height:420px}.draft-board-wrap{border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(0,0,0,.25);padding:10px}.draft-metrics{display:flex;flex-direction:column;gap:12px}.shap-wrap{border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(10,17,40,.55);padding:10px}.recommendation-panel{background:rgba(16,20,29,.8);padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.05);height:100%}.recommendation-panel h3{margin-top:0;margin-bottom:20px;font-size:1rem;text-transform:uppercase;color:#a0a0b0;letter-spacing:1px}.recommendation-list{display:flex;flex-direction:column;gap:15px}.rec-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:15px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.rec-card:hover{background:rgba(255,255,255,.08);transform:translate(5px)}.rec-card.counter{border-left:4px solid #00E5FF}.rec-card.synergy{border-left:4px solid #76FF03}.rec-card.comfort{border-left:4px solid #FFAB00}.rec-card.meta{border-left:4px solid #D500F9}.rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.champion-name{font-weight:700;font-size:1.1rem;color:#fff}.score{font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;color:#76ff03}.rec-role{font-size:.8rem;color:#666;margin-bottom:10px}.rec-reasoning{font-size:.9rem;color:#ccc;display:flex;flex-direction:column;gap:5px}.rec-reasoning .tag{font-size:.7rem;text-transform:uppercase;font-weight:700;opacity:.8}.rec-reasoning p{margin:0;line-height:1.3}.draft-strategy-deck{display:flex;flex-direction:column;gap:16px}.deck-card{border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(10,17,40,.55);padding:14px}.deck-title{font-family:Oswald,sans-serif;letter-spacing:2px;color:#00c8ff;margin-bottom:12px}.control-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.control-row label{color:#888;font-size:.8rem;letter-spacing:1px;font-family:Oswald,sans-serif}.control-row select{flex:1;background:rgba(0,0,0,.35);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 10px}.pill{background:rgba(0,200,255,.15);border:1px solid rgba(0,200,255,.25);padding:6px 10px;border-radius:999px;font-weight:700;color:#00c8ff}.export-btn{width:100%;margin-top:10px;background:linear-gradient(90deg,#00C8FF,#0088cc);border:none;padding:10px;border-radius:10px;font-weight:900;letter-spacing:1px;font-family:Oswald,sans-serif;cursor:pointer}.export-btn:hover{filter:brightness(1.05)}.voice-hints{margin-top:12px;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}.hint-title{font-family:Oswald,sans-serif;color:#888;letter-spacing:1px;font-size:.75rem;margin-bottom:6px}.hint{color:#aaa;font-size:.8rem}