:root{--bg-main:#0a0e17;--bg-card:#10182699;--border-color:#ffffff1a;--text-primary:#f0f6fc;--text-secondary:#8b949e;--accent-gold:#c8aa6e;--accent-gold-hover:#e0c98c;--win-color:#3b82f6;--loss-color:#ef4444;--warning-color:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#c8aa6e0d,#0000 25%),radial-gradient(circle at 85% 30%,#3b82f60d,#0000 25%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s,border-color .3s}.glass-panel:hover{border-color:#c8aa6e4d;transform:translateY(-4px);box-shadow:0 10px 30px #00000080}.header{text-align:center;margin-bottom:2rem;animation:.8s ease-out fadeInDown}.header h1{background:linear-gradient(to right, #fff, var(--accent-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3rem}.tabs-nav{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.tab-btn{background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex}.tab-btn:hover{border-color:#ffffff4d;transform:translateY(-2px)}.tab-btn.active{border-color:var(--accent-gold);background:#c8aa6e1a;box-shadow:0 0 20px #c8aa6e33}.duo-header-avatars{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.duo-avatar{border:3px solid var(--accent-gold);object-fit:cover;border-radius:50%;width:100px;height:100px}.duo-plus{color:var(--text-secondary);font-size:2rem;font-weight:700}.synergy-score-circle{border:4px solid var(--win-color);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;display:flex;box-shadow:0 0 30px #3b82f666}.synergy-score-circle span.value{color:var(--win-color);font-size:2.5rem;font-weight:800}.synergy-score-circle span.label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;font-size:.8rem}.combo-card{border:1px solid var(--border-color);background:#0000004d;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;transition:transform .2s;display:flex}.combo-card:hover{border-color:var(--accent-gold);transform:translateY(-2px)}.combo-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;font-weight:700;display:flex}.combo-tier{border-radius:4px;padding:2px 8px;font-weight:900}.combo-tier.s{color:#000;background:gold}.combo-tier.a{color:#fff;background:#3b82f6}.combo-tier.b{color:#fff;background:#10b981}.combo-tier.d{color:#fff;background:#ef4444}.gold-funnel-bar{border-radius:12px;height:24px;margin:1rem 0;display:flex;overflow:hidden;box-shadow:inset 0 0 10px #00000080}.gold-segment-you{background:var(--accent-gold);color:#000;align-items:center;padding-left:10px;font-size:.85rem;font-weight:700;display:flex}.gold-segment-duo{background:var(--win-color);color:#fff;justify-content:flex-end;align-items:center;padding-right:10px;font-size:.85rem;font-weight:700;display:flex}.behavior-alert{border-left:4px solid var(--loss-color);background:#ef44441a;border-radius:8px;margin-bottom:1rem;padding:1rem}.behavior-alert.good{background:#10b9811a;border-left-color:#10b981}.behavior-alert.medium{background:#f59e0b1a;border-left-color:#f59e0b}.shift-table{border-collapse:collapse;width:100%;margin-top:1rem}.shift-table th,.shift-table td{border-bottom:1px solid var(--border-color);text-align:left;padding:1rem}.shift-table th{color:var(--text-secondary)}.shift-table td strong{color:var(--text-primary)}.rank-badge{border:1px solid var(--accent-gold);color:var(--accent-gold);letter-spacing:1px;background:#c8aa6e1a;border-radius:9999px;margin-top:1rem;padding:.5rem 1.5rem;font-weight:700;display:inline-block}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.winrate{margin:1rem 0;font-size:2rem;font-weight:800}.winrate.high{color:var(--win-color)}.winrate.low{color:var(--loss-color)}.progress-bar{background:#ffffff1a;border-radius:4px;width:100%;height:8px;margin-top:1rem;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width 1s ease-out}.champ-filter-btn{background:var(--bg-card);border:2px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:1rem;min-width:150px;padding:.5rem 1rem;transition:all .2s;display:flex}.champ-filter-btn img{object-fit:cover;border-radius:50%;width:40px;height:40px}.champ-filter-btn .info{text-align:left;flex-direction:column;display:flex}.champ-filter-btn:hover{border-color:#ffffff4d;transform:translateY(-2px)}.champ-filter-btn.active{border-color:var(--accent-gold);background:#c8aa6e1a;box-shadow:0 0 15px #c8aa6e33}.map-container{aspect-ratio:1;border:2px solid var(--border-color);background:url(/minimap.png) 50%/cover;border-radius:8px;width:100%;margin-top:1rem;position:relative;overflow:hidden}.tactical-zone{z-index:10;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:max-content;max-width:180px;display:flex;position:absolute;transform:translate(-50%,-50%)}.zone-pulse{background:#fffc;border-radius:50%;width:30px;height:30px;margin-bottom:5px;animation:2s infinite pulse;box-shadow:0 0 15px #ffffff80}.tactical-zone.danger .zone-pulse{background:var(--loss-color);box-shadow:0 0 20px var(--loss-color)}.tactical-zone.success .zone-pulse{background:var(--win-color);box-shadow:0 0 20px var(--win-color)}.tactical-zone.warning .zone-pulse{background:var(--warning-color);box-shadow:0 0 20px var(--warning-color)}.tactical-zone.objective .zone-pulse{background:var(--accent-gold);box-shadow:0 0 20px var(--accent-gold);border-radius:0;transform:rotate(45deg)}.zone-text{border:1px solid var(--border-color);text-shadow:1px 1px 2px #000;background:#000c;border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:700}.tactical-zone.danger .zone-text{color:#ff8b8b;border-color:var(--loss-color)}.tactical-zone.success .zone-text{color:#8bb4ff;border-color:var(--win-color)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.matchup-table-container{margin-top:1rem;overflow-x:auto}.matchup-table{border-collapse:collapse;text-align:left;width:100%}.matchup-table th,.matchup-table td{border-bottom:1px solid var(--border-color);padding:1rem}.matchup-table th{color:var(--text-primary);background:#ffffff0d;font-weight:700}.matchup-table tr:hover{background:#c8aa6e0d}.difficulty-badge{border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:700}.difficulty-badge.ban{color:#ff8b8b;border:1px solid var(--loss-color);background:#ef444433}.difficulty-badge.easy{color:#8bb4ff;border:1px solid var(--win-color);background:#3b82f633}.difficulty-badge.medium{color:#ffd166;border:1px solid var(--warning-color);background:#f59e0b33}.micro-stat{border-left:3px solid var(--accent-gold);background:#0003;border-radius:8px;padding:1rem;transition:background .2s}.micro-stat:hover{background:#c8aa6e1a}.micro-stat-icon{color:var(--accent-gold);margin-left:5px;font-size:.8rem;display:inline-block}[data-tooltip]{cursor:help;position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:normal;z-index:50;opacity:0;visibility:hidden;border:1px solid var(--accent-gold);pointer-events:none;background:#1f2937;border-radius:8px;width:max-content;max-width:250px;padding:.75rem 1rem;font-size:.85rem;transition:opacity .2s,bottom .2s;position:absolute;bottom:120%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000080}[data-tooltip]:hover:after{opacity:1;visibility:visible;bottom:130%}.timeline-graph{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:flex-end;height:200px;margin-top:2rem;padding-top:20px;display:flex;position:relative}.timeline-bar-container{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.5rem;height:100%;display:flex}.timeline-bar{border-radius:4px 4px 0 0;justify-content:center;width:40px;transition:height .5s ease-out,background .3s;display:flex;position:relative}.perf-val{opacity:0;font-size:.85rem;font-weight:700;transition:opacity .2s;position:absolute;top:-25px}.timeline-bar:hover .perf-val{opacity:1}.min-label{color:var(--text-secondary);margin-top:5px;font-size:.85rem}.timeline-dual-bar-container{justify-content:center;align-items:flex-end;width:40px;height:100%;display:flex;position:relative}.timeline-bar.duo-bar{border-radius:4px 0 0;width:18px}.timeline-bar.solo-bar{border-radius:0 4px 0 0;width:18px;background:#fff3!important}.tags-container{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.tag-badge{border:1px solid var(--border-color);background:#0000004d;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}.tag-good{border-color:var(--win-color);color:var(--text-primary)}.tag-bad{border-color:var(--loss-color);color:var(--text-primary)}.tag-warning{border-color:var(--warning-color);color:var(--text-primary)}.radar-bars{flex-direction:column;gap:1rem;display:flex}.radar-item{flex-direction:column;display:flex}.radar-header{justify-content:space-between;margin-bottom:.25rem;font-size:.9rem;font-weight:700;display:flex}.map-path-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.path-line{stroke:var(--accent-gold);stroke-width:3px;stroke-dasharray:10 10;fill:none;opacity:.7;animation:10s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-100px}}