.legend-slider{display:flex;align-items:center;gap:8px;padding:16px 0;background:#1a1a2e;border-radius:12px;position:relative}.slider-track{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:8px 4px;scrollbar-width:thin;scrollbar-color:#444 transparent;flex:1;min-width:0}.slider-track::-webkit-scrollbar{height:6px}.slider-track::-webkit-scrollbar-track{background:transparent}.slider-track::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.slider-arrow{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid #444;background:#16213e;color:#ccc;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2}.slider-arrow:hover{background:#0f3460;color:#fff;border-color:#6c63ff}.slider-arrow--hidden{opacity:0;pointer-events:none}.legend-portrait{flex-shrink:0;width:64px;height:64px;border-radius:50%;border:none;background:none;padding:0;cursor:pointer;position:relative;transition:transform .2s}.legend-portrait:hover{transform:scale(1.1)}.legend-portrait img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.legend-portrait__ring{position:absolute;inset:-3px;border-radius:50%;border:3px solid transparent;pointer-events:none;transition:border-color .2s,box-shadow .2s}.legend-portrait--selected{transform:scale(1.15)}.legend-portrait--selected .legend-portrait__ring{border-color:#6c63ff;box-shadow:0 0 12px #6c63ff80}.legend-portrait:not(.legend-portrait--selected){opacity:.6}.legend-portrait:not(.legend-portrait--selected):hover{opacity:1}.meta-snapshot{padding:24px;background:#16213e;border-radius:12px;color:#e0e0e0}.collapsible-section{margin-bottom:8px}.collapsible-section__toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;color:#ccc;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background .2s,border-color .2s}.collapsible-section__toggle:hover{background:#224;border-color:#6c63ff}.collapsible-section--open>.collapsible-section__toggle{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.collapsible-section__arrow{font-size:1rem;line-height:1;color:#6c63ff}.collapsible-section__title{margin:0}.collapsible-section__body{padding:12px;background:#1a1a2e;border:1px solid #2a2a4a;border-top:none;border-radius:0 0 8px 8px}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;gap:4px}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;font-weight:700;border-radius:50%;background:#ffffff1f;color:#aaa;cursor:help;flex-shrink:0}.tooltip-bubble{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:8px 12px;background:#1a1a2e;color:#ddd;font-size:12px;font-weight:400;line-height:1.4;white-space:nowrap;border-radius:6px;box-shadow:0 4px 12px #0006;z-index:100;pointer-events:none}.tooltip-wrapper:hover .tooltip-bubble{display:block}.meta-body{display:flex;gap:24px}.meta-content{flex:1;min-width:0}.card-preview{flex-shrink:0;width:260px;position:sticky;top:24px;align-self:flex-start;text-align:center}.card-preview__image{width:100%;border-radius:10px;box-shadow:0 0 20px #6c63ff4d}.card-preview__name{margin:10px 0 0;font-size:.9rem;color:#c8c3ff;font-weight:600}.meta-snapshot--loading,.meta-snapshot--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#888}.spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#6c63ff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.meta-header{display:flex;align-items:baseline;gap:16px;margin-bottom:24px;border-bottom:1px solid #2a2a4a;padding-bottom:16px}.meta-header h2{margin:0;font-size:1.5rem;color:#fff}.meta-sample{font-size:.85rem;color:#888}.meta-placement{margin-left:auto;font-size:.9rem;font-weight:600;color:#c8c3ff;background:#0f3460;padding:4px 14px;border-radius:20px;border:1px solid #6c63ff;white-space:nowrap}.meta-placement--best{margin-left:auto;color:#a8ffb0;background:#0f3d2e;border-color:#4caf50}.meta-placement--worst{margin-left:0;color:#ffb0b0;background:#3d0f0f;border-color:#e57373}.stats-row{display:flex;gap:12px;margin-bottom:20px}.stat-card{flex:1;background:#1a1a2e;border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-card__value{font-size:1.5rem;font-weight:700;color:#fff}.stat-card__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#888}.charts-row{display:flex;gap:16px;margin-bottom:24px}.chart-card{flex:1;background:#1a1a2e;border-radius:8px;padding:16px}.chart-card__title{margin:0 0 12px;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:#aaa}.energy-chart{display:flex;align-items:flex-end;gap:6px;height:120px}.energy-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.energy-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.energy-bar{width:70%;background:#6c63ff;border-radius:4px 4px 0 0;min-height:4px;transition:height .3s}.energy-bar-label{font-size:.75rem;color:#c8c3ff;margin-top:6px;font-weight:600}.energy-bar-value{font-size:.65rem;color:#666}.domain-bars{display:flex;flex-direction:column;gap:8px}.domain-row{display:grid;grid-template-columns:70px 1fr 45px;align-items:center;gap:8px}.domain-row__label{font-size:.8rem;color:#ccc;text-align:right}.domain-row__track{height:14px;background:#0a0a1a;border-radius:7px;overflow:hidden}.domain-row__fill{height:100%;border-radius:7px;transition:width .4s}.domain-row__pct{font-size:.75rem;color:#888}.synergy-section{margin-bottom:24px}.synergy-section h3{font-size:.95rem;color:#aaa;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.synergy-list{display:flex;flex-wrap:wrap;gap:8px}.synergy-chip{padding:6px 14px;background:#0f3460;border:1px solid #6c63ff;border-radius:20px;font-size:.85rem;color:#c8c3ff}.category-groups{display:flex;flex-direction:column;gap:20px}.category-group{background:#1a1a2e;border-radius:8px;padding:16px}.category-title{margin:0 0 12px;font-size:1rem;color:#6c63ff;text-transform:uppercase;letter-spacing:1px;font-weight:600}.card-table{display:flex;flex-direction:column;gap:2px}.card-table__header{display:grid;grid-template-columns:2fr 1fr .7fr .7fr;gap:8px;padding:8px 12px;font-size:.75rem;text-transform:uppercase;color:#666;letter-spacing:.5px}.card-row{display:grid;grid-template-columns:2fr 1fr .7fr .7fr;gap:8px;padding:10px 12px;border-radius:6px;background:#16213e;transition:background .15s;cursor:pointer}.card-row:hover{background:#1e2d50}.card-row--selected{background:#1e2d50;outline:1px solid #6c63ff}.card-row__name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-row__rate{position:relative;display:flex;align-items:center;font-size:.85rem}.rate-bar{position:absolute;left:0;top:0;bottom:0;background:#6c63ff26;border-radius:4px;z-index:0}.card-row__rate>:not(.rate-bar){position:relative;z-index:1}.card-row__qty{text-align:center;font-size:.85rem;color:#aaa}.card-row__tier{text-align:center;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.card-row__tier--core{color:#4ade80;background:#4ade801a}.card-row__tier--tech{color:#facc15;background:#facc151a}.pair-synergies{margin-bottom:16px}.pair-list{display:flex;flex-direction:column;gap:6px}.pair-row{display:grid;grid-template-columns:2fr 1fr 45px;align-items:center;gap:8px;padding:6px 0}.pair-row__cards{font-size:.85rem;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pair-row__track{height:12px;background:#0a0a1a;border-radius:6px;overflow:hidden}.pair-row__fill{height:100%;background:#6c63ff;border-radius:6px;transition:width .4s}.pair-row__pct{font-size:.75rem;color:#888;text-align:right}.trend-chart{margin-bottom:16px}.trend-grid{display:flex;flex-direction:column;gap:2px}.trend-header{display:grid;grid-template-columns:2fr .6fr .7fr .6fr;gap:8px;padding:6px 8px;font-size:.7rem;text-transform:uppercase;color:#666;letter-spacing:.5px}.trend-row{display:grid;grid-template-columns:2fr .6fr .7fr .6fr;gap:8px;padding:8px;border-radius:4px;background:#16213e;font-size:.85rem}.trend-row:hover{background:#1e2d50}.trend-row__name{color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend-row__decks{text-align:center;color:#aaa}.trend-row__avg{text-align:center;color:#c8c3ff;font-weight:600}.trend-row__best{text-align:center;color:#a8ffb0;font-weight:600}.matchup-table{margin-bottom:16px}.matchup-grid{display:flex;flex-direction:column;gap:2px}.matchup-header{display:grid;grid-template-columns:2fr 1fr .6fr;gap:8px;padding:6px 8px;font-size:.7rem;text-transform:uppercase;color:#666;letter-spacing:.5px}.matchup-row{display:grid;grid-template-columns:2fr 1fr .6fr;gap:8px;padding:8px;border-radius:4px;background:#16213e;font-size:.85rem}.matchup-row:hover{background:#1e2d50}.matchup-row__name{color:#ccc}.matchup-row__delta{text-align:center;font-weight:700;color:#aaa}.matchup-row__delta--good{color:#a8ffb0}.matchup-row__delta--bad{color:#ffb0b0}.matchup-row__shared{text-align:center;color:#666;font-size:.8rem}.tier-list{padding:24px;background:#16213e;border-radius:12px;color:#e0e0e0;margin-top:24px}.tier-list__title{margin:0 0 16px;font-size:1.3rem;color:#fff}.tier-list__grid{display:flex;flex-direction:column;gap:4px}.tier-row{display:flex;align-items:center;gap:16px;padding:10px 16px;border-radius:8px;border-left:4px solid}.tier-row__label{font-size:1.4rem;font-weight:800;min-width:28px;text-align:center}.tier-row__legends{display:flex;flex-wrap:wrap;gap:8px}.tier-legend{padding:4px 12px;background:#ffffff0f;border-radius:16px;font-size:.85rem;color:#ccc;cursor:default}.tier-legend:hover{background:#ffffff1f;color:#fff}.app{max-width:960px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;gap:24px}.app-header{text-align:center}.app-header h1{margin:0;font-size:1.8rem;background:linear-gradient(135deg,#6c63ff,#b063ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-error{padding:12px 16px;background:#ff323226;border:1px solid rgba(255,50,50,.3);border-radius:8px;color:#ff6b6b;font-size:.9rem;text-align:center}.slider-section{padding:0 8px}.date-range-bar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.date-range-btn{padding:6px 16px;border:1px solid rgba(108,99,255,.4);border-radius:20px;background:transparent;color:#ccc;font-size:.85rem;cursor:pointer;transition:all .2s ease}.date-range-btn:hover{border-color:#6c63ff;color:#fff}.date-range-btn.active{background:linear-gradient(135deg,#6c63ff,#b063ff);border-color:transparent;color:#fff;font-weight:600}.main-content{flex:1}*,*:before,*:after{box-sizing:border-box}:root{--bg-primary: #0a0a1a;--bg-secondary: #16213e;--text-primary: #e0e0e0;--accent: #6c63ff}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}#root{min-height:100vh}