@import"https://fonts.googleapis.com/css2?family=Marcellus&family=Cinzel:wght@500;600;700&family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Barlow+Semi+Condensed:wght@500;600;700&family=Oswald:wght@400;500;600;700&family=Saira:wght@400;500;600;700&display=swap";:root{--bg: #080b14;--bg-2: #0a0e1a;--panel: #0f1422;--panel-raised: #161b29;--panel-inset: #090d18;--panel-deep: #0c1120;--hairline: #1a2336;--border: #2a3f5f;--border-soft: #1e2c44;--gold: #c89b3c;--gold-bright: #f0e6d2;--gold-mid: #c8aa6e;--gold-deep: #785a28;--gold-shadow: #463714;--grad-gold: linear-gradient(155deg, #f0e6d2 0%, #c8aa6e 22%, #c89b3c 52%, #936d2c 78%, #5c451f 100%);--grad-gold-flat:linear-gradient(180deg, #e9d9ad 0%, #c89b3c 55%, #8a6a2c 100%);--ally: #41b9dc;--ally-bright: #8fe2f5;--ally-deep: #0c3a52;--ally-glow: rgba(65, 185, 220, .18);--enemy: #e5485c;--enemy-bright: #ff9097;--enemy-deep: #4d1620;--enemy-glow: rgba(229, 72, 92, .18);--pos: #57d17f;--neg: #ff5d5d;--warn: #e0a83a;--ink: #f4f1e8;--ink-2: #c0c8d8;--ink-3: #8892a4;--ink-4: #5d6880;--text-muted: var(--ink-3);--font-display: "Marcellus", "Cinzel", Georgia, serif;--font-body: "Barlow", system-ui, sans-serif;--font-stat: "Barlow Semi Condensed", "Barlow", sans-serif;--glow-strength: .1;--texture-opacity: .5;--shadow-card: 0 2px 14px rgba(0,0,0,.45)}[data-fx=bold]{--glow-strength: .22;--texture-opacity: 1}[data-fx=refined]{--glow-strength: .1;--texture-opacity: .45}[data-fx=bold] .draft-section,[data-fx=bold] .results-section,[data-fx=bold] .config-section,[data-fx=bold] .breakdown-panel-full{box-shadow:var(--shadow-card),0 0 30px #c89b3c26}[data-fx=bold] .recommendation-card{box-shadow:0 2px 14px #00000080,0 0 16px #c89b3c21}[data-fx=bold] .recommendation-card:before{opacity:1;background:var(--grad-gold-flat)}[data-fx=bold] .card-champ-icon,[data-fx=bold] .bp-champ-icon{box-shadow:0 0 14px #c89b3c66}[data-fx=bold] .header h1{text-shadow:0 0 36px rgba(200,155,60,.55)}[data-fx=bold] .rank-1{box-shadow:0 0 14px #c89b3c80}[data-fx=bold] .draft-team-title:before,[data-fx=bold] .ally-title:before{box-shadow:0 0 14px currentColor}[data-fx=bold] .app-container{background-image:repeating-linear-gradient(135deg,rgba(200,170,110,.05) 0 1px,transparent 1px 11px)}@media (prefers-reduced-motion: no-preference){[data-fx=bold] .header-logo-img{animation:hexPulse 2.8s ease-in-out infinite}[data-fx=bold] .tab-btn--active:after{animation:hexLine 2.8s ease-in-out infinite}}@keyframes hexPulse{0%,to{filter:drop-shadow(0 0 8px rgba(200,155,60,.3))}50%{filter:drop-shadow(0 0 18px rgba(200,155,60,.65))}}@keyframes hexLine{0%,to{box-shadow:0 0 10px #c89b3c66}50%{box-shadow:0 0 20px #c89b3cd9}}*{margin:0;padding:0;box-sizing:border-box}html{height:auto;overflow-y:auto;scroll-behavior:smooth}body{background-color:var(--bg);background-image:radial-gradient(120% 60% at 50% -8%,#c89b3c1a,#c89b3c00 46%),radial-gradient(90% 50% at 50% 108%,#4178a00f,#0000 50%),repeating-linear-gradient(135deg,#7896c806 0,#7896c806 1px,#0000 1px,#0000 9px);color:var(--ink);font-family:var(--font-body);font-size:15px;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-y:auto}#root{min-height:100vh;height:auto}.app-container{max-width:1200px;width:100%;margin:0 auto;padding:30px 24px 80px;position:relative}.hx-frame,.draft-section,.results-section,.config-section{position:relative;background:linear-gradient(180deg,#ffffff05,#0000002e) padding-box,linear-gradient(var(--panel),var(--panel)) padding-box,var(--grad-gold) border-box;border:1px solid transparent;border-radius:2px}.draft-section:before,.results-section:before,.breakdown-panel-full:before{content:"";position:absolute;top:6px;left:6px;width:14px;height:14px;border-top:2px solid var(--gold);border-left:2px solid var(--gold);opacity:.7;pointer-events:none}.draft-section:after,.results-section:after,.breakdown-panel-full:after{content:"";position:absolute;bottom:6px;right:6px;width:14px;height:14px;border-bottom:2px solid var(--gold);border-right:2px solid var(--gold);opacity:.7;pointer-events:none}.header{text-align:center;margin-bottom:26px;padding-bottom:22px;position:relative}.header:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(560px,92%);height:1px;background:linear-gradient(90deg,transparent,var(--gold-deep) 18%,var(--gold) 50%,var(--gold-deep) 82%,transparent)}.header-logo{display:flex;align-items:center;gap:16px;justify-content:center;margin-bottom:10px}.header-logo-img{width:46px;height:46px;object-fit:contain;padding:7px;background:var(--grad-gold);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);filter:drop-shadow(0 0 10px rgba(200,155,60,.35))}.header h1{font-family:var(--font-display);font-size:40px;font-weight:400;letter-spacing:4px;text-transform:uppercase;margin:0;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 26px rgba(200,155,60,calc(var(--glow-strength) + .06))}.header p{font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:3.5px;text-transform:uppercase;color:var(--ink-3);margin-top:4px}.tab-nav{display:flex;gap:4px;margin-bottom:22px;border-bottom:1px solid var(--border-soft);padding-bottom:0;justify-content:center}.tab-btn{position:relative;background:none;border:none;margin-bottom:-1px;padding:12px 30px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;color:var(--ink-3);cursor:pointer;transition:color .18s ease}.tab-btn:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%) scaleX(0);width:100%;height:2px;background:var(--grad-gold-flat);box-shadow:0 0 12px #c89b3c80;transition:transform .22s ease}.tab-btn:hover{color:var(--ink-2)}.tab-btn--active{color:var(--gold-bright)}.tab-btn--active:after{transform:translate(-50%) scaleX(1)}.draft-section{padding:22px 26px;margin-bottom:24px;box-shadow:var(--shadow-card)}.draft-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-soft)}.draft-header-right{display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap}.share-btn{font-family:var(--font-stat);font-size:11px;font-weight:600;letter-spacing:.8px;padding:5px 12px;border-radius:2px;cursor:pointer;border:1px solid var(--border);background:none;color:var(--ink-3);transition:border-color .15s,color .15s;white-space:nowrap}.share-btn:hover{border-color:var(--gold-deep);color:var(--ink-2)}.share-btn--copied{border-color:var(--gold)!important;color:var(--gold-bright)!important}.draft-population-display{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums}.pop-patch{font-weight:600;color:var(--ink-2);letter-spacing:.4px}.pop-sep{color:var(--ink-4)}.tier-display{display:flex;align-items:center;gap:6px}.draft-role-selector{display:flex;align-items:center;gap:12px}.draft-role-label,.config-field-label{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:1.4px;white-space:nowrap;font-weight:600}.lcu-live-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-stat);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.35);border-radius:2px;padding:3px 8px;white-space:nowrap}.lcu-waiting-badge{font-size:11px;font-weight:600;letter-spacing:1px;color:var(--ink-3);border:1px solid var(--border);background:#ffffff08;padding:2px 8px;border-radius:2px}.draft-role-selector select,.config-select{padding:9px 38px 9px 14px;background-color:var(--panel-inset);color:var(--ink);border:1px solid var(--border);border-radius:2px;font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:border-color .2s,box-shadow .2s;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.draft-role-selector select:hover,.draft-role-selector select:focus,.config-select:hover,.config-select:focus{border-color:var(--gold);box-shadow:0 0 0 1px #c89b3c40;outline:none}.draft-error{font-size:13px;color:var(--enemy-bright)}.draft-teams{display:grid;grid-template-columns:1fr 1px 1fr;gap:0 26px}.draft-team{position:relative}.draft-team-divider{background:linear-gradient(180deg,transparent,var(--border) 12%,var(--border) 88%,transparent);width:1px}.draft-team-title{font-family:var(--font-display);font-size:16px;font-weight:400;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:14px;padding-bottom:9px;position:relative;display:flex;align-items:center;gap:9px}.draft-team-title:before{content:"";width:8px;height:8px;transform:rotate(45deg);flex-shrink:0}.draft-team-title:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px}.ally-title{color:var(--ally-bright)}.enemy-title{color:var(--enemy-bright)}.ally-title:before{background:var(--ally);box-shadow:0 0 8px var(--ally)}.enemy-title:before{background:var(--enemy);box-shadow:0 0 8px var(--enemy)}.ally-title:after{background:linear-gradient(90deg,var(--ally) 0%,rgba(65,185,220,.06) 70%,transparent)}.enemy-title:after{background:linear-gradient(90deg,var(--enemy) 0%,rgba(229,72,92,.06) 70%,transparent)}.champ-row{display:flex;align-items:stretch;gap:0;margin-bottom:9px;position:relative;border-radius:2px;background:var(--panel-inset);border:1px solid var(--border-soft);transition:border-color .18s,box-shadow .18s,background .18s}.champ-row--ally{border-left:3px solid color-mix(in oklab,var(--ally) 55%,var(--border-soft))}.champ-row--enemy{border-left:3px solid color-mix(in oklab,var(--enemy) 55%,var(--border-soft))}.champ-row--ally:focus-within{border-color:var(--ally);box-shadow:-3px 0 0 0 var(--ally),0 0 14px var(--ally-glow)}.champ-row--enemy:focus-within{border-color:var(--enemy);box-shadow:-3px 0 0 0 var(--enemy),0 0 14px var(--enemy-glow)}.role-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:56px;flex-shrink:0;font-family:var(--font-stat);font-size:10px;font-weight:700;letter-spacing:.8px;border-right:1px solid var(--border-soft);padding:6px 0;background:#00000040}.role-pill-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0;filter:brightness(0) saturate(100%)}.role-pill--ally{color:var(--ally-bright)}.role-pill--enemy{color:var(--enemy-bright)}.role-pill--ally .role-pill-icon{filter:invert(72%) sepia(38%) saturate(560%) hue-rotate(150deg) brightness(98%)}.role-pill--enemy .role-pill-icon{filter:invert(54%) sepia(58%) saturate(2400%) hue-rotate(323deg) brightness(101%)}.champ-row--you{background:linear-gradient(90deg,#c89b3c1a,#c89b3c05);border:1px dashed var(--gold-deep);border-left:3px solid var(--gold)}.champ-row--you .role-pill{color:var(--gold-bright);background:#c89b3c14;border-right-color:#c89b3c40}.champ-row--you .role-pill-icon{filter:invert(78%) sepia(46%) saturate(540%) hue-rotate(2deg) brightness(95%)}.champ-input-wrap{position:relative;flex:1;display:flex;align-items:center}.champ-row-icon{position:absolute;left:9px;width:28px;height:28px;border-radius:2px;border:1px solid var(--gold-deep);object-fit:cover;pointer-events:none;z-index:1;box-shadow:0 0 8px #c89b3c40}.champ-input-wrap input{width:100%;padding:12px 12px 12px 14px;background:transparent;color:var(--ink);border:none;font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:.3px}.champ-input-wrap input:focus{outline:none}.champ-row-icon~input{padding-left:47px}.champ-input-wrap input::placeholder{color:var(--ink-4);font-weight:400}.you-input{cursor:not-allowed!important;color:var(--gold-bright)!important}.you-input::placeholder{color:var(--gold-mid);font-style:italic;letter-spacing:1px;text-transform:uppercase;font-size:12px}.champ-row--you .role-pill:after{content:"YOU";display:none}.champ-autocomplete{position:absolute;top:calc(100% + 5px);left:-1px;right:-1px;z-index:200;background:var(--panel-raised);border:1px solid transparent;background:linear-gradient(var(--panel-raised),var(--panel-raised)) padding-box,var(--grad-gold) border-box;border-radius:2px;box-shadow:0 10px 30px #0009;overflow:hidden;padding:3px}.champ-ac-item{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;border-radius:2px;transition:background-color .1s;font-size:14px;font-weight:500;color:var(--ink-2)}.champ-ac-item:hover,.champ-ac-item--active{background-color:#c89b3c24;color:var(--gold-bright)}.champ-ac-icon{width:28px;height:28px;border-radius:2px;border:1px solid var(--border);object-fit:cover;flex-shrink:0}.draft-analyzing{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-soft);font-family:var(--font-stat);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(200,155,60,.25);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.results-section{padding:24px 26px;margin-bottom:24px;box-shadow:var(--shadow-card)}.recommendations-list{display:flex;flex-direction:column;gap:18px}.rec-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.rec-panel-title{font-family:var(--font-display);font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:2.5px;color:var(--ink-2);display:flex;align-items:center;gap:8px}.rec-result-count{font-family:var(--font-stat);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:none;color:var(--ink-4);background:var(--panel-raised);border:1px solid var(--hairline);border-radius:10px;padding:1px 7px}.rec-panel-role{font-family:var(--font-stat);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);background:#c89b3c14;border:1px solid rgba(200,155,60,.25);border-radius:2px;padding:2px 7px}.rec-main-tabs{display:flex;gap:0;margin-bottom:0;border-bottom:1px solid var(--border-soft)}.rec-main-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--ink-3);font-family:var(--font-stat);font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:10px 18px;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px;display:flex;align-items:center;gap:7px}.rec-main-tab:hover{color:var(--ink-2)}.rec-main-tab--active{color:var(--gold-bright);border-bottom-color:var(--gold)}.rec-tab-count{display:inline-flex;align-items:center;justify-content:center;background:#c89b3c2e;color:var(--gold-mid);font-size:10px;min-width:18px;height:18px;border-radius:9px;padding:0 5px}.rec-analyzing-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:8px 0 4px;background:#c89b3c12;border:1px solid rgba(200,155,60,.25);border-radius:4px;font-family:var(--font-stat);font-size:11px;letter-spacing:.5px;color:var(--gold-mid)}.rec-analyzing-banner .spinner{width:12px;height:12px;border-width:2px;flex-shrink:0}.rec-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 0 14px;border-bottom:1px solid var(--border-soft)}.rec-toolbar-label{font-family:var(--font-stat);font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:1.4px}.sort-btn{background:var(--panel-inset);border:1px solid var(--border);color:var(--ink-3);font-family:var(--font-stat);font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 13px;border-radius:2px;cursor:pointer;transition:all .15s}.sort-btn:hover{border-color:var(--gold-deep);color:var(--ink-2)}.sort-btn--active{border-color:var(--gold);color:var(--gold-bright);background:#c89b3c1f;box-shadow:0 0 10px #c89b3c2e}.rec-toolbar-sep{width:1px;height:18px;background:var(--border);margin:0 5px}.penalty-toggle{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-3);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.3px}.penalty-toggle input[type=checkbox]{cursor:pointer;accent-color:var(--gold);width:14px;height:14px}.penalty-toggle:hover{color:var(--ink-2)}.penalty-count{font-size:11px;font-style:italic;cursor:help;font-variant-numeric:tabular-nums}.penalty-count--active{color:var(--warn)}.penalty-count--none{color:var(--ink-4)}.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:12px}.rank-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;font-family:var(--font-display);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--bg);background:var(--grad-gold);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.rank-num{display:inline-block;transform:none;line-height:1}.rank-1{background:var(--grad-gold)}.rank-2{background:linear-gradient(155deg,#f2f4f7,#c7ccd6 50%,#8b929e);color:#1b1f29}.rank-3{background:linear-gradient(155deg,#f0c08a,#cd7f32 55%,#7d4a1c);color:#2a1608}.rank-other{background:var(--panel-inset);color:var(--ink-2);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);box-shadow:inset 0 0 0 1px var(--border)}.rank-badge:not(:has(.rank-num)){background:none;clip-path:none;width:auto;height:auto;color:inherit;font-size:13px}.recommendation-card{position:relative;background:linear-gradient(165deg,#ffffff05,#00000040),var(--panel-inset);border:1px solid var(--border-soft);border-radius:2px;padding:14px 16px;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s;-webkit-user-select:none;user-select:none;overflow:hidden}.recommendation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-deep),transparent);opacity:.6;transition:opacity .18s,background .18s}.recommendation-card:hover{border-color:var(--gold-deep);box-shadow:0 6px 22px #00000080,0 0 18px rgba(200,155,60,calc(var(--glow-strength) + .04));transform:translateY(-2px)}.recommendation-card:hover:before{background:var(--grad-gold-flat);opacity:1}.card-selected{border-color:var(--gold)!important;box-shadow:0 0 0 1px var(--gold),0 8px 26px #0000008c,0 0 22px #c89b3c38!important}.card-selected:before{background:var(--grad-gold-flat);opacity:1}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.card-champ-icon{width:42px;height:42px;border-radius:2px;border:1px solid var(--gold-deep);object-fit:cover;flex-shrink:0;box-shadow:0 0 10px #00000080}.card-champ-icon--error{background:var(--panel-raised);border-color:var(--border);visibility:hidden}.card-champion-name{font-family:var(--font-display);font-size:17px;font-weight:400;letter-spacing:.5px;color:var(--gold-bright);flex:1;line-height:1.1;display:flex;align-items:center;gap:3px}.lola-link{display:inline-flex;align-items:center;margin-left:2px;opacity:0;color:var(--gold);text-decoration:none;transition:opacity .15s;vertical-align:middle}.lola-link svg{width:11px;height:11px}.recommendation-card:hover .lola-link,.card-selected .lola-link{opacity:.55}.lola-link:hover{opacity:1!important}.card-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.card-wr-line{display:flex;align-items:baseline;gap:6px}.card-modifier-line{display:flex;justify-content:flex-end}.card-win-rate{font-family:var(--font-stat);font-size:19px;font-weight:700;color:var(--gold-bright);font-variant-numeric:tabular-nums;line-height:1}.card-wr-delta{font-family:var(--font-stat);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.card-wr-delta.positive{color:var(--pos)}.card-wr-delta.negative{color:var(--neg)}.card-total-games{font-size:10px;color:var(--ink-4);font-variant-numeric:tabular-nums;letter-spacing:.3px}.low-n-warning{font-size:11px;color:var(--warn);cursor:help}.card-deltas{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}.delta-cell{background:var(--panel-deep);padding:8px 10px;border-radius:2px;border-left:3px solid var(--border)}.delta-cell:first-child{border-left-color:var(--ally)}.delta-cell:last-child{border-left-color:var(--enemy)}.delta-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:600;margin-bottom:4px}.delta-value{font-family:var(--font-stat);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.delta-value.positive{color:var(--pos)}.delta-value.negative{color:var(--neg)}.delta-cell--sorted{background:#c89b3c0f}.rec-grid--row .delta-cell--sorted{background:none}.delta-cell--sorted .delta-label{color:var(--gold-mid)}.card-details-toggle{display:block;width:100%;background:none;border:none;border-top:1px solid var(--hairline);padding:7px 0 0;margin-top:4px;font-family:var(--font-stat);font-size:10px;font-weight:600;color:var(--ink-4);cursor:pointer;text-align:center;letter-spacing:1.2px;text-transform:uppercase;transition:color .15s}.card-details-toggle:hover,.card-selected .card-details-toggle{color:var(--gold)}.card-expand-hint{font-size:10px;color:var(--ink-4);text-align:center;letter-spacing:.3px}@media (prefers-reduced-motion: no-preference){.rec-grid .recommendation-card{animation:cardIn .42s cubic-bezier(.22,1,.36,1) backwards}.rec-grid .recommendation-card:nth-child(1){animation-delay:.02s}.rec-grid .recommendation-card:nth-child(2){animation-delay:.06s}.rec-grid .recommendation-card:nth-child(3){animation-delay:.1s}.rec-grid .recommendation-card:nth-child(4){animation-delay:.14s}.rec-grid .recommendation-card:nth-child(5){animation-delay:.18s}.rec-grid .recommendation-card:nth-child(6){animation-delay:.22s}.rec-grid .recommendation-card:nth-child(7){animation-delay:.26s}.rec-grid .recommendation-card:nth-child(8){animation-delay:.3s}.rec-grid .recommendation-card:nth-child(9){animation-delay:.34s}.rec-grid .recommendation-card:nth-child(10){animation-delay:.38s}}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.lookup-row{position:relative;padding:10px 0 6px}.lookup-input-wrap{position:relative;display:flex;align-items:center;gap:8px;background:var(--panel-inset);border:1px solid var(--border);border-radius:4px;padding:0 10px;transition:border-color .15s}.lookup-input-wrap:focus-within{border-color:var(--gold-deep)}.lookup-champ-icon{width:22px;height:22px;border-radius:2px;object-fit:cover;flex-shrink:0}.lookup-input{flex:1;background:none;border:none;outline:none;padding:8px 0;font-family:var(--font-body);font-size:13px;color:var(--ink-1)}.lookup-input::placeholder{color:var(--ink-4)}.lookup-clear{background:none;border:none;padding:0;color:var(--ink-4);cursor:pointer;font-size:11px;line-height:1;flex-shrink:0}.lookup-clear:hover{color:var(--ink-2)}.lookup-input-wrap .champ-autocomplete{top:calc(100% + 4px);left:0;right:0}.lookup-result-section{margin-bottom:12px}.lookup-rank-line{padding:6px 14px 5px;font-size:12px;color:var(--ink-3);border-bottom:1px solid var(--hairline)}.lookup-rank-line strong{color:var(--gold-mid);font-weight:600}.lookup-no-data{padding:10px 12px;font-size:12px;color:var(--ink-4);background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:4px}.lookup-badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--panel-raised);border:1px solid var(--border);border-radius:3px;flex-shrink:0;color:var(--ink-3)}.lookup-badge svg{width:12px;height:12px}.lookup-card{border-color:#64a0dc4d!important}.lookup-card:before{background:linear-gradient(180deg,transparent,rgba(100,160,220,.4),transparent)!important}.show-more-btn{display:block;width:100%;margin-top:8px;padding:10px;background:none;border:1px solid var(--border);border-radius:6px;color:var(--ink-4);font-family:var(--font-stat);font-size:12px;letter-spacing:.5px;cursor:pointer;transition:border-color .15s,color .15s}.show-more-btn:hover{border-color:var(--gold-deep);color:var(--ink-2)}.recommendations-empty{text-align:center;color:var(--ink-4);padding:48px 20px;font-family:var(--font-stat);font-size:13px;letter-spacing:1px;text-transform:uppercase}.recommendations-loading{text-align:center;color:var(--gold);padding:16px;font-family:var(--font-stat);font-size:13px;letter-spacing:1.5px;text-transform:uppercase}.rec-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:12px}.rec-skeleton{height:138px;border-radius:2px;border:1px solid var(--border-soft);background:linear-gradient(100deg,#fff0 30%,#c8aa6e1a,#fff0 70%),var(--panel-inset);background-size:220% 100%,auto;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:180% 0,0 0}to{background-position:-60% 0,0 0}}.breakdown-inline{margin:0 0 6px;scroll-margin-top:16px}.breakdown-panel-full{position:relative;margin-top:0;background:linear-gradient(180deg,#ffffff04,#0003) padding-box,linear-gradient(var(--panel),var(--panel)) padding-box,var(--grad-gold) border-box;border:1px solid transparent;border-radius:2px;padding:0 0 20px;overflow:hidden;box-shadow:var(--shadow-card);contain:layout paint style}.bp-splash{height:140px;background-size:cover;background-position:center 22%;position:relative}.bp-splash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(15,20,34,.25) 0%,rgba(15,20,34,.7) 60%,var(--panel) 100%)}.bp-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 14px;gap:12px}.bp-splash+.bp-header{margin-top:-54px;position:relative;z-index:2}.bp-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bp-champ-icon{width:56px;height:56px;border-radius:2px;border:1px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--grad-gold) border-box;object-fit:cover;box-shadow:0 4px 14px #0009}.bp-champ-name{font-family:var(--font-display);font-size:26px;font-weight:400;letter-spacing:1px;color:var(--gold-bright);text-shadow:0 2px 10px rgba(0,0,0,.6)}.bp-wr{font-family:var(--font-stat);font-size:14px;font-weight:600;color:var(--ink-2)}.bp-games{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}.bp-lola-link{display:inline-flex;align-items:center;color:var(--gold);opacity:.6;text-decoration:none;transition:opacity .15s}.bp-lola-link:hover{opacity:1}.bp-lola-link svg{width:13px;height:13px}.bp-close{background:#0006;border:1px solid var(--border);color:var(--ink-2);font-size:14px;width:30px;height:30px;border-radius:2px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bp-close:hover{border-color:var(--enemy);color:var(--enemy-bright)}.bp-summary{display:flex;align-items:center;gap:18px;padding:14px 18px;margin:0 22px 18px;background:var(--panel-deep);border:1px solid var(--border-soft);border-radius:2px;flex-wrap:wrap}.bp-summary-item{display:flex;flex-direction:column;gap:3px}.bp-summary-label{font-size:10px;color:var(--ink-3);text-transform:uppercase;letter-spacing:1px;font-weight:600}.bp-summary-value{font-family:var(--font-stat);font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.bp-summary-item.positive .bp-summary-value{color:var(--pos)}.bp-summary-item.negative .bp-summary-value{color:var(--neg)}.rating-value{color:var(--gold-bright)!important}.neutral-value{color:var(--ink-2)}.bp-summary-plus{font-size:16px;color:var(--ink-4);align-self:center;padding:0 2px;flex-shrink:0}.bp-blend-factor{font-size:10px;color:var(--ink-3);margin-left:4px;font-weight:400;font-style:italic}.bp-summary-divider{width:1px;background-color:var(--border);align-self:stretch;margin:0 4px}.bp-summary-note{font-size:11px;color:var(--ink-3);margin-left:auto;text-align:right;max-width:280px;line-height:1.55}.bp-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 22px}.bp-col-title{font-family:var(--font-display);font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;padding-bottom:8px;position:relative}.bp-col-title:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px}.bp-col-title.ally-title:after{background:linear-gradient(90deg,var(--ally),transparent)}.bp-col-title.enemy-title:after{background:linear-gradient(90deg,var(--enemy),transparent)}.bp-empty{font-size:13px;color:var(--ink-4);font-style:italic;padding:8px 0;grid-column:1 / -1}.bd-row{display:grid;grid-template-columns:28px 1fr 36px 56px 76px 58px;align-items:center;gap:9px;padding:6px 8px;border-radius:2px;transition:background-color .1s;min-height:38px}.bd-row:hover{background-color:var(--panel-raised)}.bd-row--missing{opacity:.45}.bd-row--empty{pointer-events:none}.bd-icon{width:28px;height:28px;border-radius:2px;border:1px solid var(--border);object-fit:cover}.bd-champ{font-size:14px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-role{font-family:var(--font-stat);font-size:10px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.5px}.bd-delta{font-family:var(--font-stat);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.bd-delta.positive{color:var(--pos)}.bd-delta.negative{color:var(--neg)}.bd-n{font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:right;display:flex;align-items:center;gap:3px;justify-content:flex-end}.bd-n--low{color:var(--warn)}.bd-warn{font-size:10px}.bd-mult{font-family:var(--font-stat);font-size:10px;color:var(--warn);background:#e0a83a14;border:1px solid rgba(224,168,58,.4);border-radius:2px;padding:2px 5px;cursor:help;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:center}.bd-no-data{grid-column:4 / -1;font-size:11px;color:var(--enemy-bright);font-style:italic;text-align:right;opacity:.7}.bp-warnings{margin:16px 22px 0;padding-top:14px;border-top:1px solid var(--border-soft)}.warning-item{font-size:11px;color:var(--warn);margin-bottom:5px;display:flex;align-items:flex-start;gap:7px;line-height:1.5}.warning-item:before{content:"!";display:flex;align-items:center;justify-content:center;width:15px;height:15px;background:var(--grad-gold);color:var(--bg);border-radius:50%;font-size:9px;font-weight:700;flex-shrink:0;margin-top:1px}.config-panel{display:flex;flex-direction:column;gap:22px}.config-section{padding:22px 26px;box-shadow:var(--shadow-card)}.config-section-title{font-family:var(--font-display);font-size:19px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-bright);margin-bottom:10px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.config-section-subtitle{font-family:var(--font-body);font-size:12px;font-weight:400;color:var(--ink-3);text-transform:none;letter-spacing:.2px}.config-desc{font-size:13px;color:var(--ink-3);line-height:1.65;margin-bottom:16px;max-width:760px}.config-row{display:flex;align-items:center;gap:18px;margin-bottom:10px;flex-wrap:wrap}.config-row--disabled{opacity:.4;pointer-events:none}.config-row--spaced{justify-content:space-between}.config-subgroup .config-row--spaced{justify-content:flex-start;gap:14px}.config-subgroup .config-row--spaced>.config-check-label:first-child,.config-subgroup .config-row--spaced>span.config-check-label:first-child{flex:0 0 92px}.config-subgroup .config-overlay-size{max-width:220px}.config-check-label{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-2);cursor:pointer}.hotkey-capture{display:inline-flex;align-items:center;padding:4px 10px;min-width:160px;background:var(--panel-inset);border:1px solid var(--border);border-radius:2px;font-family:var(--font-stat);font-size:12px;color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s}.hotkey-capture:focus,.hotkey-capture:hover{border-color:var(--gold-deep);outline:none}.hotkey-capture--recording{border-color:var(--gold);color:var(--gold-mid);animation:hotkey-pulse 1s ease-in-out infinite}@keyframes hotkey-pulse{0%,to{opacity:1}50%{opacity:.6}}.config-check-label input[type=checkbox]{cursor:pointer;accent-color:var(--gold);width:15px;height:15px}.config-inline-label{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-2)}.config-subgroup{margin-top:14px;padding:12px 14px 14px;background:#ffffff06;border:1px solid var(--hairline);border-radius:6px}.config-subgroup-title{font-size:11px;font-family:var(--font-display, "Cinzel", serif);letter-spacing:.07em;color:var(--ink-3);margin-bottom:12px}.config-overlay-size{display:flex;align-items:center;gap:10px;flex:1;max-width:260px}.config-overlay-size .weight-slider{flex:1}.config-number{width:80px;padding:7px 10px;background:var(--panel-inset);color:var(--ink);border:1px solid var(--border);border-radius:2px;font-family:var(--font-stat);font-size:14px;text-align:center;font-variant-numeric:tabular-nums}.config-number:focus{outline:none;border-color:var(--gold)}.config-number:disabled{opacity:.4}.config-hint{font-size:11px;color:var(--ink-4);font-style:italic}.config-role-tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.config-role-tab{background:var(--panel-inset);border:1px solid var(--border);color:var(--ink-3);font-family:var(--font-stat);padding:7px 18px;border-radius:2px;font-size:13px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .15s}.config-role-tab:hover{border-color:var(--gold-deep);color:var(--ink-2)}.config-role-tab--active{border-color:var(--gold);color:var(--gold-bright);background:#c89b3c1f;box-shadow:0 0 10px #c89b3c26}.config-weights-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:22px}.config-weights-title{font-family:var(--font-stat);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-soft)}.config-weights-desc{font-size:11px;color:var(--ink-4);margin-bottom:12px;line-height:1.5}.weight-row{display:flex;align-items:center;gap:12px;padding:4px 0;min-height:30px}.weight-row--spacer{opacity:0;pointer-events:none}.weight-role{font-family:var(--font-stat);font-size:11px;font-weight:700;color:var(--ink-3);text-transform:uppercase;width:34px;flex-shrink:0;letter-spacing:.5px}.weight-slider{flex:1;accent-color:var(--gold);height:4px;cursor:pointer}.weight-slider--counter{accent-color:var(--enemy)}.weight-slider--synergy{accent-color:var(--ally)}.weight-val{font-family:var(--font-stat);font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums;width:36px;text-align:right;flex-shrink:0}.config-blend{background:var(--panel-deep);border:1px solid var(--border-soft);border-radius:2px;padding:16px 18px}.config-blend-title{font-family:var(--font-stat);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ink);margin-bottom:8px}.config-blend-desc{font-size:12px;color:var(--ink-4);margin-bottom:14px;line-height:1.6}.config-blend-sliders{display:flex;flex-direction:column;gap:8px}.config-blend-row{display:flex;align-items:center;gap:12px}.blend-label{font-family:var(--font-stat);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;width:66px;flex-shrink:0}.config-footer{display:flex;justify-content:flex-end;padding-bottom:8px}.config-reset-btn{background:none;border:1px solid var(--border);color:var(--ink-3);font-family:var(--font-stat);font-size:13px;letter-spacing:.5px;padding:9px 18px;border-radius:2px;cursor:pointer;transition:all .15s}.config-reset-btn:hover{border-color:var(--enemy);color:var(--enemy-bright)}.enemy-color{color:var(--enemy-bright)}.about-panel{background:var(--panel);border:1px solid var(--border);border-radius:2px;padding:28px 32px 32px;display:flex;flex-direction:column;gap:32px}.about-section{display:flex;flex-direction:column;gap:12px}.about-heading{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin:0}.about-panel p{font-size:14px;color:var(--ink-2);line-height:1.65;margin:0}.about-score-formula{font-family:var(--font-stat);font-size:15px;font-weight:600;color:var(--ink);background:var(--panel-raised);border:1px solid var(--border);border-radius:2px;padding:12px 18px;letter-spacing:.3px}.about-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.about-list li{font-size:14px;color:var(--ink-2);line-height:1.6}.about-list li strong{color:var(--ink)}.ally-color{color:var(--ally-bright)}.tier-select{position:relative}.tier-select-trigger{display:flex;align-items:center;gap:8px;padding:9px 34px 9px 12px;background-color:var(--panel-inset);color:var(--ink);border:1px solid var(--border);border-radius:2px;font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s;white-space:nowrap;min-width:130px;text-align:left}.tier-select-trigger:hover{border-color:var(--gold)}.tier-select--disabled .tier-select-trigger{opacity:.6;cursor:not-allowed}.tier-select-arrow{position:absolute;right:12px;font-size:10px;color:var(--ink-4);pointer-events:none}.tier-select-menu{position:absolute;top:calc(100% + 5px);left:0;z-index:300;background:var(--panel-raised);background:linear-gradient(var(--panel-raised),var(--panel-raised)) padding-box,var(--grad-gold) border-box;border:1px solid transparent;border-radius:2px;box-shadow:0 10px 30px #0009;overflow:hidden;min-width:100%;padding:3px}.tier-select-item{display:flex;align-items:center;gap:9px;padding:8px 12px;cursor:pointer;font-size:13px;font-weight:500;color:var(--ink-2);border-radius:2px;transition:background-color .1s}.tier-select-item:hover{background-color:#c89b3c1f}.tier-select-item--active{background-color:#c89b3c29;color:var(--gold-bright)}.tier-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0}.tier-icon-placeholder{width:20px;flex-shrink:0}.rec-grid--row{grid-template-columns:1fr;gap:8px}.rec-grid--row .recommendation-card{display:grid;grid-template-columns:30px 42px minmax(80px,1fr) 165px 130px;align-items:center;gap:14px;padding:10px 16px 10px 12px}.rec-grid--row .card-header{display:contents}.rec-grid--row .card-header>.rank-badge{order:1}.rec-grid--row .card-champ-icon{order:2;width:42px;height:42px}.rec-grid--row .card-champion-name{order:3;font-size:18px}.rec-grid--row .card-stats{order:5;align-items:flex-end}.rec-grid--row .card-deltas{order:4;display:flex;gap:16px;margin:0;background:none;padding:0}.rec-grid--row .delta-cell{background:none;border-left:none;padding:0 0 0 14px;border-left:2px solid var(--border);min-width:72px}.rec-grid--row .delta-cell:first-child{border-left-color:var(--ally)}.rec-grid--row .delta-cell:last-child{border-left-color:var(--enemy)}.rec-grid--row .card-details-toggle{display:none}.rec-grid--row .recommendation-card:before{top:0;bottom:0;left:0;right:auto;width:2px;height:auto;background:linear-gradient(180deg,transparent,var(--gold-deep),transparent)}.rec-grid--row .recommendation-card:hover:before,.rec-grid--row .card-selected:before{background:var(--grad-gold-flat)}.rec-grid--portrait{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.rec-grid--portrait .recommendation-card{padding:20px 16px 14px;text-align:center}.rec-grid--portrait .card-header{flex-direction:column;gap:8px;margin-bottom:12px;position:relative}.rec-grid--portrait .card-header>.rank-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);z-index:3}.rec-grid--portrait .card-champ-icon{width:84px;height:84px;border-radius:50%;margin-top:14px;border:2px solid transparent;background:linear-gradient(var(--panel-inset),var(--panel-inset)) padding-box,var(--grad-gold) border-box;box-shadow:0 0 18px rgba(200,155,60,calc(var(--glow-strength) + .06))}.rec-grid--portrait .card-champion-name{justify-content:center;font-size:18px}.rec-grid--portrait .card-stats{align-items:center}.rec-grid--portrait .card-win-rate{font-size:30px}.rec-grid--portrait .card-wr-line{justify-content:center}.rec-grid--portrait .card-total-games{margin-bottom:4px}.rec-grid--portrait .card-deltas{margin-top:16px;margin-bottom:8px}.rec-grid--portrait .delta-cell{text-align:center;border-left:none;border-top:2px solid var(--border)}.rec-grid--portrait .delta-cell:first-child{border-top-color:var(--ally)}.rec-grid--portrait .delta-cell:last-child{border-top-color:var(--enemy)}.rec-grid--framed .recommendation-card:first-child,.rec-grid:not([class*=rec-grid--]) .recommendation-card:first-child{border-color:var(--gold-deep)}.rec-grid--framed .recommendation-card:first-child:before,.rec-grid:not([class*=rec-grid--]) .recommendation-card:first-child:before{background:var(--grad-gold-flat);opacity:.85}[data-detail=low] .bp-splash{background-image:none!important;height:0!important}[data-detail=low] .bp-splash+.bp-header{margin-top:0!important}[data-detail=low] .breakdown-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[data-detail=low] .rank-badge,[data-detail=low] .rank-other,[data-detail=low] .header-logo-img{clip-path:none!important;border-radius:4px!important}[data-detail=low] .header-logo-img{filter:none!important}[data-detail=low] .header h1,[data-detail=low] .bp-champ-name{text-shadow:none!important}[data-detail=low] .recommendation-card:hover{box-shadow:0 2px 8px #0000004d!important;transform:none!important}[data-detail=low] .card-selected{box-shadow:0 0 0 1px var(--gold)!important}[data-detail=low] .recommendation-card,[data-detail=low] .champ-row,[data-detail=low] .tab-btn,[data-detail=low] .sort-btn,[data-detail=low] .bd-row,[data-detail=low] .bp-close{transition:none!important}[data-detail=low] .rec-grid .recommendation-card,[data-detail=low] .header-logo-img,[data-detail=low] .tab-btn--active:after{animation:none!important}@media (prefers-reduced-motion: no-preference){[data-detail=low] .spinner{animation:spin .8s linear infinite}}@media (max-width: 700px){.draft-teams{grid-template-columns:1fr;gap:18px 0}.draft-team-divider{display:none}.rec-grid,.rec-grid--portrait{grid-template-columns:1fr}.rec-grid--row .recommendation-card{grid-template-columns:auto 38px 1fr;grid-row-gap:8px}.rec-grid--row .card-stats{order:4;grid-column:3;align-items:flex-end}.rec-grid--row .card-deltas{order:5;grid-column:1 / -1}.bp-columns{grid-template-columns:1fr}.bp-summary{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:14px 16px}.bp-summary-divider,.bp-summary-plus{display:none}.bp-summary>.bp-summary-item:first-child{grid-column:1 / -1}.bp-summary-note{grid-column:1 / -1;margin-left:0;text-align:left;max-width:100%}.bp-summary .bp-summary-value{font-size:20px}}.header-github-link{position:absolute;top:4px;right:0;color:var(--ink-4);text-decoration:none;padding:6px;border-radius:2px;transition:color .18s;line-height:0}.header-github-link:hover{color:var(--gold-bright)}.download-panel{display:flex;flex-direction:column;gap:24px}.download-hero{text-align:center;padding:44px 32px 36px;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--grad-gold) border-box;border:1px solid transparent;border-radius:2px}.download-hero-title{font-family:var(--font-display);font-size:26px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-bright);margin-bottom:12px}.download-hero-sub{font-size:14px;color:var(--ink-2);line-height:1.7;max-width:480px;margin:0 auto 28px}.download-cta-btn{display:inline-block;padding:14px 44px;background:var(--grad-gold);color:var(--bg);font-family:var(--font-stat);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-radius:2px;clip-path:polygon(12px 0%,calc(100% - 12px) 0%,100% 50%,calc(100% - 12px) 100%,12px 100%,0% 50%);transition:filter .18s,transform .15s}.download-version{margin-top:16px;font-size:12px;color:var(--ink-4);letter-spacing:.5px}.download-version a{color:var(--gold-mid);text-decoration:none}.download-version a:hover{color:var(--gold-bright)}.download-demo{text-align:center}.download-demo-img{max-width:100%;border-radius:2px;border:1px solid var(--border);box-shadow:var(--shadow-card)}.download-demo-placeholder{width:100%;aspect-ratio:16 / 9;background:var(--panel-inset);border:1px dashed var(--border);border-radius:2px;display:none;align-items:center;justify-content:center;color:var(--ink-4);font-size:13px;font-style:italic}.download-safety{display:flex;flex-direction:column;gap:16px}.download-safety-title{font-family:var(--font-display);font-size:18px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin:0}.download-safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.download-safety-card{background:var(--panel);border:1px solid var(--border-soft);border-radius:2px;padding:16px 18px}.download-safety-card h4{font-family:var(--font-stat);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-mid);margin:0 0 8px}.download-safety-card p{font-size:13px;color:var(--ink-3);line-height:1.65;margin:0}.download-safety-card em{color:var(--ink-2);font-style:italic}.download-safety-card a{color:var(--gold-mid);text-decoration:none}.download-safety-card a:hover{color:var(--gold-bright)}@media (max-width: 768px){.download-safety-grid{grid-template-columns:1fr}.download-hero{padding:28px 18px 24px}.download-cta-btn{padding:13px 32px;clip-path:none;border-radius:2px}}@media (max-width: 768px){.app-container{padding:18px 12px 60px}.header h1{font-size:30px;letter-spacing:2.5px}.draft-header{flex-wrap:wrap;gap:12px}.draft-header-right{margin-left:0;width:100%;flex-wrap:wrap;gap:12px}.draft-section,.results-section,.config-section{padding:16px 14px}.rec-toolbar{flex-wrap:wrap;gap:8px}.config-weights-grid{grid-template-columns:1fr;gap:20px}.tab-nav{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:none;border:1px solid var(--border-soft);border-radius:2px;overflow:hidden;margin-bottom:18px}.tab-btn{padding:11px 8px;font-size:11px;letter-spacing:1.2px;margin-bottom:0;border-bottom:1px solid var(--border-soft);border-right:1px solid var(--border-soft);text-align:center}.tab-btn:nth-child(2n){border-right:none}.tab-btn:nth-last-child(-n+2){border-bottom:none}.tab-btn--active{background:#c89b3c1a;color:var(--gold-bright)}.tab-btn--active:after{display:none}.breakdown-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#04070e9e;z-index:500;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.breakdown-section{position:fixed;bottom:0;left:0;right:0;z-index:501;max-height:82vh;overflow-y:auto;border-radius:16px 16px 0 0;background:var(--panel);border:none;border-top:1px solid var(--gold-deep);box-shadow:0 -10px 40px #000000b3;padding:0;animation:sheetUp .28s cubic-bezier(.22,1,.36,1)}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.breakdown-section .breakdown-panel-full{padding:0 0 24px;border-radius:16px 16px 0 0;border:none;background:var(--panel);margin:0}.breakdown-section .breakdown-panel-full:before,.breakdown-section .breakdown-panel-full:after{display:none}.sheet-handle{display:block;width:44px;height:5px;background:var(--border);border-radius:3px;margin:10px auto 2px;flex-shrink:0;position:sticky;top:0;z-index:4}.breakdown-section .bp-splash{height:110px;border-radius:16px 16px 0 0}.breakdown-section .bp-splash+.bp-header{margin-top:-48px}}@media (min-width: 769px){.breakdown-backdrop,.sheet-handle{display:none}}.hx-ticks{position:relative}.hx-ticks:before,.hx-ticks:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;opacity:.7}.hx-ticks:before{top:7px;left:7px;border-top:2px solid var(--gold);border-left:2px solid var(--gold)}.hx-ticks:after{bottom:7px;right:7px;border-bottom:2px solid var(--gold);border-right:2px solid var(--gold)}.hx-panel{background:linear-gradient(180deg,#ffffff05,#0003) padding-box,linear-gradient(var(--panel),var(--panel)) padding-box,var(--grad-gold) border-box;border:1px solid transparent;border-radius:2px}.about-panel{background:none;border:none;padding:0;display:flex;flex-direction:column;gap:18px}.about-hero{position:relative;padding:40px 38px;overflow:hidden;text-align:left}.about-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(120% 130% at 100% 0%,rgba(200,155,60,.1),transparent 55%),repeating-linear-gradient(135deg,rgba(120,150,200,.03) 0 1px,transparent 1px 10px)}.about-hero>*{position:relative;z-index:1}.about-eyebrow{font-family:var(--font-stat);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:9px;margin-bottom:14px}.about-eyebrow:before{content:"";width:7px;height:7px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 8px var(--gold)}.about-hero h1{font-family:var(--font-display);font-weight:400;font-size:38px;line-height:1.12;letter-spacing:.5px;color:var(--ink);margin:0 0 16px;max-width:18ch}.about-hero h1 .grad{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-hero p{font-size:15.5px;color:var(--ink-2);line-height:1.75;max-width:60ch;margin:0}.about-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.about-outcome{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#090d1899;border:1px solid var(--border-soft);border-radius:2px;border-left:3px solid var(--gold)}.ao-stat{font-family:var(--font-display);font-size:19px;color:var(--gold-bright);letter-spacing:.5px}.ao-label{font-size:12.5px;color:var(--ink-2);line-height:1.45}.about-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.about-step{position:relative;padding:22px 20px 20px;background:var(--panel);border:1px solid var(--border-soft);border-radius:2px}.about-step:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-deep),transparent);opacity:.6}.about-step-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:14px;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--bg);background:var(--grad-gold);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.about-step h3{font-family:var(--font-stat);font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold-bright);margin:0 0 7px}.about-step p{font-size:14px;color:var(--ink-2);line-height:1.6;margin:0}.about-block{padding:26px 30px}.about-block-head{margin-bottom:20px}.about-heading{font-family:var(--font-display);font-size:20px;font-weight:400;letter-spacing:1px;color:var(--gold-bright);margin:0;text-transform:none}.about-subheading{font-size:14.5px;color:var(--ink-2);line-height:1.65;margin:8px 0 0;max-width:72ch}.about-example{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:stretch}.about-eq{background:var(--panel-deep);border:1px solid var(--border-soft);border-radius:2px;padding:18px;display:flex;flex-direction:column;gap:14px}.about-eq-champ{display:flex;align-items:center;gap:12px}.about-eq-champ img{width:48px;height:48px;border-radius:2px;border:1px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--grad-gold) border-box}.about-eq-name{font-family:var(--font-display);font-size:19px;color:var(--gold-bright)}.about-eq-role{font-family:var(--font-stat);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-4)}.about-eq-tiles{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.eq-tile{flex:1;min-width:84px;background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:2px;padding:10px 12px;text-align:center}.eq-tile.base{border-bottom:2px solid var(--gold)}.eq-tile.counter{border-bottom:2px solid var(--enemy)}.eq-tile.synergy{border-bottom:2px solid var(--ally)}.eq-tile.result{background:#c89b3c1a;border:1px solid var(--gold-deep)}.eq-tile-label{font-family:var(--font-stat);font-size:9.5px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-4);margin-bottom:5px}.eq-tile-val{font-family:var(--font-stat);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.eq-tile.counter .eq-tile-val,.eq-tile.synergy .eq-tile-val{color:var(--pos)}.eq-tile.result .eq-tile-val{color:var(--gold-bright);font-size:22px}.eq-op{align-self:center;font-size:16px;color:var(--ink-4);padding:0 1px}.about-contribs{display:flex;flex-direction:column;gap:10px}.contrib-group-title{font-family:var(--font-stat);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding-bottom:6px;margin-bottom:2px;border-bottom:1px solid var(--border-soft)}.contrib-row{display:flex;align-items:center;gap:10px;padding:4px 2px}.contrib-row img{width:26px;height:26px;border-radius:2px;border:1px solid var(--border)}.contrib-name{flex:1;font-size:13px;color:var(--ink-2)}.contrib-vs{font-family:var(--font-stat);font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-4)}.contrib-delta{font-family:var(--font-stat);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;min-width:42px;text-align:right}.contrib-delta.positive{color:var(--pos)}.contrib-delta.negative{color:var(--neg)}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:12px}.about-feature{display:flex;gap:14px;padding:18px;background:var(--panel);border:1px solid var(--border-soft);border-radius:2px;transition:border-color .18s}.about-feature:hover{border-color:var(--gold-deep)}.about-feature-mark{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--gold);border:1px solid var(--gold-deep);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:#c89b3c12}.about-feature-mark svg{width:15px;height:15px}.about-feature h4{font-family:var(--font-stat);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--gold-bright);margin:2px 0 6px}.about-feature p{font-size:13.5px;color:var(--ink-2);line-height:1.6;margin:0}.about-versus{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;margin-bottom:18px}.versus-col{padding:18px 20px;border-radius:2px;display:flex;flex-direction:column;gap:8px}.versus-col.tier{background:var(--panel-deep);border:1px solid var(--border-soft)}.versus-col.rabadon{background:#c89b3c12;border:1px solid var(--gold-deep)}.versus-tag{font-family:var(--font-stat);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-4)}.versus-tag.gold{color:var(--gold)}.versus-line{font-family:var(--font-display);font-size:17px;line-height:1.4;color:var(--ink)}.versus-col.rabadon .versus-line{color:var(--gold-bright)}.versus-line b{color:var(--ink);font-weight:400}.versus-col.rabadon .versus-line b{color:#fff}.versus-up{color:var(--pos);font-family:var(--font-stat);font-weight:700}.versus-note{font-size:12.5px;color:var(--ink-2);line-height:1.55;margin-top:auto}.versus-arrow{align-self:center;font-size:22px;color:var(--gold)}.about-creator{display:grid;grid-template-columns:auto 1fr;gap:28px;padding:28px 32px;align-items:center}.creator-emblem{display:flex;flex-direction:column;align-items:center;gap:10px}.creator-emblem>img{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 6px 22px rgba(200,155,60,.3))}.creator-rank{font-family:var(--font-stat);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-bright);padding:5px 14px;border:1px solid var(--gold-deep);border-radius:2px;background:#c89b3c14;white-space:nowrap}.creator-body .about-eyebrow{margin-bottom:10px}.creator-body .about-heading{margin-bottom:14px}.creator-body p{font-size:14.5px;color:var(--ink-2);line-height:1.7;margin:0 0 12px}.creator-body p:last-of-type{margin-bottom:18px}.creator-badges{display:flex;flex-wrap:wrap;gap:9px}.creator-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-stat);font-size:11.5px;font-weight:600;letter-spacing:.5px;color:var(--ink-2);padding:6px 12px;background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:2px;white-space:nowrap}.creator-badge img{width:17px;height:17px;object-fit:contain}.creator-badge svg{width:14px;height:14px;color:var(--gold)}.about-datasource{display:flex;align-items:center;gap:14px;padding:16px 22px;background:var(--panel-deep);border:1px solid var(--border-soft);border-radius:2px}.about-datasource .ds-mark{flex-shrink:0;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}.about-datasource p{font-size:12.5px;color:var(--ink-3);line-height:1.65;margin:0}.about-panel em{color:var(--ink);font-style:italic}.about-panel strong{color:var(--ink);font-weight:600}.download-hero{position:relative;text-align:center;padding:46px 32px 34px;overflow:hidden}.download-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(90% 120% at 50% 0%,rgba(200,155,60,.12),transparent 60%)}.download-hero>*{position:relative;z-index:1}.download-platform{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;font-family:var(--font-stat);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);padding:5px 12px;white-space:nowrap;border:1px solid var(--gold-deep);border-radius:2px;background:#c89b3c0f}.download-platform svg{width:13px;height:13px}.download-hero-title{font-family:var(--font-display);font-size:30px;letter-spacing:1.5px;color:var(--gold-bright);margin-bottom:12px;font-weight:400}.download-hero-sub{font-size:14.5px;color:var(--ink-2);line-height:1.7;max-width:500px;margin:0 auto 26px}.download-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 46px;background:var(--grad-gold);color:var(--bg);font-family:var(--font-stat);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-radius:2px;clip-path:polygon(13px 0%,calc(100% - 13px) 0%,100% 50%,calc(100% - 13px) 100%,13px 100%,0% 50%);transition:filter .18s,transform .15s;box-shadow:0 4px 20px #c89b3c38}.download-cta-btn svg{width:17px;height:17px}.download-cta-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.download-meta{display:flex;align-items:center;justify-content:center;gap:0;margin-top:18px;font-family:var(--font-stat);font-size:12px;color:var(--ink-3);flex-wrap:wrap}.download-meta span{padding:0 14px;position:relative}.download-meta span+span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:11px;background:var(--border)}.download-meta strong{color:var(--ink-2);font-weight:700}.download-meta a{color:var(--gold-mid);text-decoration:none}.download-meta a:hover{color:var(--gold-bright)}.app-preview{border-radius:4px;overflow:hidden;box-shadow:0 16px 50px #0009;border:1px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--grad-gold) border-box}.app-preview-chrome{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--panel-inset);border-bottom:1px solid var(--border-soft)}.app-preview-dots{display:flex;gap:6px}.app-preview-dots i{width:10px;height:10px;border-radius:50%;background:var(--border);display:block}.app-preview-dots i:first-child{background:#e5485c}.app-preview-dots i:nth-child(2){background:#e0a83a}.app-preview-dots i:nth-child(3){background:#57d17f}.app-preview-titlebar{font-family:var(--font-stat);font-size:11px;letter-spacing:1px;color:var(--ink-4);text-transform:uppercase}.app-preview-live{margin-left:auto;display:flex;align-items:center;gap:6px;font-family:var(--font-stat);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--pos)}.app-preview-live i{width:7px;height:7px;border-radius:50%;background:var(--pos);box-shadow:0 0 8px var(--pos);animation:livePulse 1.6s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.35}}.app-preview-video{width:100%;display:block;background:var(--panel-inset)}.app-preview-body{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px;background:var(--panel)}.app-preview-col-title{font-family:var(--font-display);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:9px;padding-bottom:6px;position:relative}.app-preview-col-title.ally{color:var(--ally-bright)}.app-preview-col-title.enemy{color:var(--enemy-bright)}.app-preview-col-title:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px}.app-preview-col-title.ally:after{background:linear-gradient(90deg,var(--ally),transparent)}.app-preview-col-title.enemy:after{background:linear-gradient(90deg,var(--enemy),transparent)}.app-preview-slot{display:flex;align-items:center;gap:9px;padding:6px 8px;margin-bottom:6px;background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:2px}.app-preview-slot.ally{border-left:3px solid var(--ally)}.app-preview-slot.enemy{border-left:3px solid var(--enemy)}.app-preview-slot.you{border-left:3px solid var(--gold);background:#c89b3c14}.app-preview-slot img{width:26px;height:26px;border-radius:2px;border:1px solid var(--gold-deep)}.app-preview-slot .ps-empty{width:26px;height:26px;border-radius:2px;border:1px dashed var(--border)}.app-preview-slot .ps-role{font-family:var(--font-stat);font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--ink-4);width:30px}.app-preview-slot .ps-name{font-size:13px;color:var(--ink-2)}.app-preview-slot.you .ps-name{color:var(--gold-mid);font-style:italic}.app-preview-slot .ps-lock{margin-left:auto;font-family:var(--font-stat);font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--pos)}.download-safety-title{font-family:var(--font-display);font-size:20px;letter-spacing:1px;color:var(--gold-bright);margin:0 0 4px;font-weight:400}.download-safety-sub{font-size:13.5px;color:var(--ink-3);margin:0 0 6px}.download-safety-card{display:flex;gap:13px;padding:18px}.download-safety-mark{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--gold);border:1px solid var(--gold-deep);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:#c89b3c12}.download-safety-mark svg{width:15px;height:15px}.download-safety-card h4{margin-top:2px}.download-install{padding:24px 28px}.download-install-title{font-family:var(--font-display);font-size:17px;letter-spacing:1px;color:var(--gold-bright);margin:0 0 16px;font-weight:400}.install-steps{display:flex;flex-direction:column;gap:0}.install-step{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid var(--hairline)}.install-step:last-child{border-bottom:none}.install-step-n{flex-shrink:0;font-family:var(--font-stat);font-size:12px;font-weight:700;color:var(--gold);width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gold-deep);border-radius:50%}.install-step p{font-size:13.5px;color:var(--ink-2);line-height:1.6;margin:1px 0 0}.install-step strong{color:var(--ink)}@media (max-width: 768px){.about-steps,.about-example,.about-features,.about-outcomes,.about-versus{grid-template-columns:1fr}.versus-arrow{transform:rotate(90deg)}.about-creator{grid-template-columns:1fr;gap:20px;text-align:center}.creator-emblem{flex-direction:row;justify-content:center}.creator-badges{justify-content:center}.about-hero{padding:28px 20px}.about-hero h1{font-size:28px}.about-block{padding:20px 18px}.app-preview-body{grid-template-columns:1fr}}.site-footer{margin-top:64px;padding:24px 0 32px;border-top:1px solid var(--hairline);text-align:center}.site-footer p{font-size:11px;color:var(--ink-4);line-height:1.65;max-width:680px;margin:0 auto;letter-spacing:.2px}.update-banner{display:flex;align-items:center;gap:12px;padding:8px 16px;background:linear-gradient(90deg,var(--panel-raised) 0%,#1a1e2e 100%);border-bottom:1px solid var(--gold-deep);color:var(--ink-2);font-size:.85rem;position:sticky;top:0;z-index:100}.update-banner-text{flex:1}.update-banner-text strong{color:var(--gold-mid)}.update-banner-btn{padding:4px 14px;background:var(--gold-shadow);border:1px solid var(--gold-deep);color:var(--gold-bright);border-radius:3px;cursor:pointer;font-size:.82rem;transition:background .15s;white-space:nowrap}.update-banner-btn:hover:not(:disabled){background:var(--gold-deep)}.update-banner-btn:disabled{opacity:.6;cursor:not-allowed}.update-banner-dismiss{background:none;border:none;color:var(--ink-4);cursor:pointer;font-size:.9rem;padding:2px 6px;line-height:1;transition:color .15s}.update-banner-dismiss:hover{color:var(--ink-2)}.update-banner-error{color:var(--neg);font-size:.78rem}:root{--titlebar-h: 40px}html[data-desktop],html[data-desktop] body{height:100%;overflow:hidden}html[data-desktop]{overflow:clip}html[data-desktop] #root{height:100vh;display:flex;flex-direction:column;overflow:hidden}html[data-desktop] .app-container{flex:1;min-height:0;overflow-y:scroll;overflow-x:hidden}.titlebar{height:var(--titlebar-h);flex-shrink:0;display:flex;align-items:stretch;background:radial-gradient(120% 200% at 50% -60%,#c89b3c1a,#c89b3c00 55%),linear-gradient(180deg,#0d1220,#0a0e1a);border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--gold-deep) 22%,var(--gold) 50%,var(--gold-deep) 78%,transparent) 1;position:relative;z-index:50;-webkit-user-select:none;user-select:none}.titlebar>*{pointer-events:none}.titlebar .tb-controls,.titlebar .tb-controls *,.titlebar .tb-whats-new{pointer-events:auto}.tb-brand{display:flex;align-items:center;gap:9px;padding:0 14px;height:100%}.tb-logo{width:20px;height:20px;flex-shrink:0;background:var(--grad-gold);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 5px rgba(200,155,60,.4))}.tb-logo:after{content:"";width:7px;height:7px;background:var(--bg);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.tb-word{font-family:var(--font-stat);font-weight:700;font-size:12px;letter-spacing:2.4px;text-transform:uppercase;white-space:nowrap;background:var(--grad-gold-flat);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tb-status{display:flex;align-items:center;gap:7px;white-space:nowrap;margin-left:14px;padding-left:14px;border-left:1px solid var(--hairline);font-family:var(--font-stat);font-size:11px;letter-spacing:.6px;color:var(--ink-3)}.tb-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);animation:tb-pulse 1.8s ease-in-out infinite}.tb-status.connected .tb-dot{background:var(--ally);box-shadow:0 0 8px var(--ally)}.tb-status.live .tb-dot{background:var(--pos);box-shadow:0 0 8px var(--pos)}@keyframes tb-pulse{0%,to{opacity:1}50%{opacity:.35}}.tb-spacer{flex:1;height:100%}.tb-controls{display:flex;align-items:stretch}.tb-btn{width:46px;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--ink-3);transition:background-color .15s,color .15s}.tb-btn svg{width:11px;height:11px}.tb-btn:hover{background:#c89b3c24;color:var(--gold-bright)}.tb-btn:active{background:#c89b3c38}.tb-btn.close:hover{background:linear-gradient(180deg,#e5485c,#b3303f);color:#fff}.tb-btn.close:active{background:#a02835}html[data-desktop] .app-container::-webkit-scrollbar{width:13px}html[data-desktop] .app-container::-webkit-scrollbar-track{background:linear-gradient(90deg,var(--panel-inset),var(--bg-2));border-left:1px solid var(--hairline)}html[data-desktop] .app-container::-webkit-scrollbar-thumb{background:var(--grad-gold-flat);border:3px solid transparent;background-clip:padding-box;border-radius:8px;min-height:40px}html[data-desktop] .app-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f4e8c8,#caa04a 55%,#9a7530);background-clip:padding-box;box-shadow:inset 0 0 0 1px #f0e6d259}html[data-desktop] .app-container::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#fff,#e2c98a 55%,#b58c3e);background-clip:padding-box}.pool-panel{margin-top:0}.pool-description{font-family:var(--font-body);font-size:13px;color:var(--ink-3);margin:0 0 18px;line-height:1.5}.pool-search-wrap{position:relative;margin-bottom:20px}.pool-search-input{width:100%;box-sizing:border-box;background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:6px;color:var(--ink);font-family:var(--font-body);font-size:14px;padding:9px 14px;outline:none;transition:border-color .15s}.pool-search-input:focus{border-color:var(--gold)}.pool-search-input:disabled{opacity:.5;cursor:not-allowed}.pool-search-input::placeholder{color:var(--ink-4)}.pool-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--panel-raised);border:1px solid var(--border);border-radius:6px;z-index:200;max-height:240px;overflow-y:auto;box-shadow:var(--shadow-card)}.pool-dropdown-item{display:flex;align-items:center;gap:10px;padding:7px 12px;font-family:var(--font-body);font-size:13px;color:var(--ink-2);cursor:pointer;transition:background .1s}.pool-dropdown-item:hover,.pool-dropdown-item.pool-dd-active{background:var(--panel-inset);color:var(--ink)}.pool-dd-icon{width:24px;height:24px;border-radius:50%;object-fit:cover}.pool-empty{font-family:var(--font-body);font-size:13px;color:var(--ink-4);text-align:center;padding:28px 0 12px;line-height:1.6}.pool-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.pool-pill{display:flex;align-items:center;gap:7px;background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:20px;padding:4px 10px 4px 5px}.pool-pill-icon{width:26px;height:26px;border-radius:50%;object-fit:cover}.pool-pill-name{font-family:var(--font-body);font-size:13px;color:var(--ink-2)}.pool-pill-remove{background:none;border:none;color:var(--ink-4);cursor:pointer;font-size:11px;padding:0 0 0 4px;line-height:1;transition:color .1s}.pool-pill-remove:hover{color:var(--neg)}.pool-pill-modifier-wrap{display:flex;align-items:center;gap:1px;margin-left:auto}.pool-modifier-input{width:46px;background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:2px;color:var(--ink-3);font-family:var(--font-stat);font-size:12px;font-variant-numeric:tabular-nums;padding:2px 4px;text-align:right;outline:none;-moz-appearance:textfield;transition:border-color .15s,color .15s}.pool-modifier-input::-webkit-inner-spin-button,.pool-modifier-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pool-modifier-input:focus{border-color:var(--gold-deep);color:var(--ink)}.pool-modifier-input--active{color:var(--gold-bright);border-color:var(--gold-deep);font-weight:600}.pool-modifier-pct{font-family:var(--font-stat);font-size:11px;color:var(--ink-4)}.custom-modifier-badge{font-family:var(--font-stat);font-size:10px;font-weight:500;color:var(--ink-2);white-space:nowrap}.bp-offset-label{color:var(--ink-3);font-style:italic}.bp-offset-value{color:var(--ink-2)!important}.bp-wr-offset{font-family:var(--font-stat);font-size:.88em;font-weight:500;color:var(--ink-2)}.pool-count{font-family:var(--font-body);font-size:11px;color:var(--ink-4);text-align:right}.pool-results-section{margin-top:28px}.pool-results-heading{display:flex;align-items:baseline;gap:10px;padding-bottom:4px;border-top:1px solid var(--hairline);padding-top:20px;margin-bottom:0}.pool-results-title{font-family:var(--font-display);font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:2.5px;color:var(--gold-mid)}.pool-results-sub{font-family:var(--font-stat);font-size:11px;color:var(--ink-4);letter-spacing:.5px}.pool-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;color:var(--gold-mid);opacity:.85}.pool-badge svg{width:16px;height:16px}.pool-card{border-left:2px solid var(--gold-deep)}.pool-results-empty{grid-column:1 / -1;padding:28px 0;text-align:center;color:var(--ink-4);font-size:13px;font-style:italic}.modifier-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.modifier-row{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:2px;width:auto}.modifier-row-icon{width:24px;height:24px;border-radius:2px;border:1px solid var(--border);object-fit:cover;flex-shrink:0}.modifier-row-name{font-size:13px;color:var(--ink-2);white-space:nowrap}.modifier-row-input-wrap{display:flex;align-items:center;gap:2px}.enemy-drag-wrap{position:relative;width:100%;border-radius:2px;transition:opacity .12s,background .12s,outline .08s;cursor:default}.enemy-drag-wrap.drag-source{opacity:.18}.enemy-drag-wrap.drag-over{background:#c89b3c1f;outline:2px dashed var(--gold);outline-offset:-2px;border-radius:3px}.enemy-drag-wrap.drag-over .role-pill{background:#c89b3c38;border-color:var(--gold);color:var(--gold-bright, #f0d060)}.enemy-drag-wrap.has-champ .champ-input-wrap,.enemy-drag-wrap.has-champ input{cursor:grab}.enemy-drag-wrap .role-pill{cursor:default}body.is-dragging,body.is-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.pool-add-wrap{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.pool-role-select{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.pool-role-select-label{font-family:var(--font-stat);font-size:11px;color:var(--ink-4);text-transform:uppercase;letter-spacing:.05em;margin-right:2px}.pool-role-btn{background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:2px;padding:3px 7px;font-family:var(--font-stat);font-size:11px;color:var(--ink-3);cursor:pointer;transition:background .1s,border-color .1s,color .1s;line-height:1}.pool-role-btn:hover{border-color:var(--gold-deep);color:var(--ink-2)}.pool-role-btn--active{background:#c89b3c1f;border-color:var(--gold-deep);color:var(--gold-bright)}.pool-role-btn--sm{padding:4px 8px;font-size:11px}.pool-role-btn--lg{padding:5px 10px;font-size:12px}.pool-role-hint{font-family:var(--font-stat);font-size:11px;color:var(--ink-4);margin-left:4px;font-style:italic}.pool-add-btn{background:#c89b3c14;border:1px solid var(--gold-deep);border-radius:2px;padding:3px 12px;font-family:var(--font-stat);font-size:12px;color:var(--gold-mid);cursor:pointer;transition:background .12s,color .12s;margin-left:auto}.pool-add-btn:hover{background:#c89b3c2e;color:var(--gold-bright)}.pool-add-btn:disabled{opacity:.4;cursor:not-allowed}.pool-entry-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.pool-entry{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:2px}.pool-entry-icon{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0}.pool-entry-name{font-family:var(--font-body);font-size:13px;color:var(--ink-2);min-width:80px}.pool-entry-roles{display:flex;align-items:center;flex-wrap:wrap;gap:4px;flex:1}.pool-entry-all-roles{font-family:var(--font-stat);font-size:10px;color:var(--ink-4);font-style:italic}.header{position:relative}.header-secondary{position:absolute;top:2px;right:0;display:flex;align-items:center;gap:4px}.header-secondary-link{background:none;border:none;font-family:var(--font-stat);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--ink-4);cursor:pointer;padding:6px 10px;border-radius:2px;text-decoration:none;transition:color .15s,background .15s;line-height:1}.header-secondary-link:hover{color:var(--ink-2)}.header-secondary-link--active{color:var(--gold-bright)}.header-secondary-link--active:after{content:"";display:block;height:1px;margin-top:5px;background:var(--grad-gold-flat)}.header-secondary-sep{width:1px;height:14px;background:var(--border);margin:0 4px}.header-secondary .header-github-link{position:static;display:inline-flex;align-items:center;padding:5px}.secondary-context-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin:-8px 0 22px;font-family:var(--font-stat);font-size:12px;color:var(--ink-4);letter-spacing:.4px}.secondary-context-bar button{background:none;border:1px solid var(--border-soft);border-radius:2px;color:var(--gold-mid);font-family:var(--font-stat);font-size:12px;letter-spacing:.6px;padding:5px 12px;cursor:pointer;transition:border-color .15s,color .15s}.secondary-context-bar button:hover{border-color:var(--gold-deep);color:var(--gold-bright)}@media (max-width: 700px){.header-secondary{position:static;justify-content:center;margin-top:12px}}.enemy-drag-wrap{position:relative;width:100%}.enemy-drag-handle{flex-shrink:0;width:24px;align-self:stretch;display:flex;align-items:center;justify-content:center;border:none;border-right:1px solid var(--hairline);color:var(--ink-4);background:none;cursor:grab;touch-action:none;transition:color .12s,background .12s,border-color .12s,opacity .12s;opacity:.45}.enemy-drag-wrap.has-champ:hover .enemy-drag-handle,.enemy-drag-wrap.has-champ .enemy-drag-handle:focus-visible{opacity:1}.enemy-drag-handle:hover{color:var(--gold-mid);background:#c89b3c14;border-right-color:var(--gold-deep)}.enemy-drag-handle svg{width:12px;height:16px;display:block}.enemy-drag-wrap:not(.has-champ) .enemy-drag-handle{opacity:0;pointer-events:none}.enemy-drag-wrap.has-champ .champ-input-wrap,.enemy-drag-wrap.has-champ input{cursor:text}.enemy-drag-wrap.drag-source{opacity:.32}.enemy-drag-wrap.drag-source .enemy-drag-handle{opacity:1;color:var(--gold-mid);cursor:grabbing}.enemy-drag-wrap.drag-over{background:#c89b3c1a;outline:2px dashed var(--gold);outline-offset:2px;border-radius:4px}.enemy-drag-wrap.drag-over .role-pill{background:#c89b3c38;border-color:var(--gold);color:var(--gold-bright)}.enemy-drag-wrap.drag-over .enemy-drag-handle{opacity:1;color:var(--gold-bright)}.enemy-drag-hint{display:flex;align-items:center;gap:6px;margin-top:8px;font-family:var(--font-stat);font-size:11px;letter-spacing:.3px;color:var(--ink-4)}.enemy-drag-hint svg{width:12px;height:14px;opacity:.7}body.is-dragging,body.is-dragging *{-webkit-user-select:none!important;user-select:none!important}body.is-dragging .enemy-drag-handle{cursor:grabbing!important}.rec-toolbar .rec-toolbar-spacer{flex:1}.rec-col-headers{display:grid;grid-template-columns:30px 42px minmax(80px,1fr) 165px 130px;align-items:end;gap:14px;padding:2px 16px 8px 12px;border-bottom:1px solid var(--hairline)}.rec-col-head-pick{grid-column:1 / 4;font-family:var(--font-stat);font-size:10px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-4)}.rec-col-deltas{grid-column:4;display:flex;gap:16px}.rec-col-sort{flex:1;min-width:72px;display:flex;align-items:center;gap:5px;background:none;border:none;border-left:2px solid var(--border);padding:4px 0 4px 14px;font-family:var(--font-stat);font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--ink-3);cursor:pointer;transition:color .15s,border-color .15s}.rec-col-sort:first-child{border-left-color:var(--ally)}.rec-col-sort:last-child{border-left-color:var(--enemy)}.rec-col-sort:hover{color:var(--ink)}.rec-col-sort .sort-caret{font-size:9px;opacity:.28;transition:opacity .15s,transform .15s;color:var(--gold-mid)}.rec-col-sort:hover .sort-caret{opacity:.5}.rec-col-sort--active,.rec-col-sort--active.rec-col-sort:first-child{color:var(--gold-bright)}.rec-col-sort--active .sort-caret{opacity:1}.rec-col-head-wr{grid-column:5;justify-self:end;font-family:var(--font-stat);font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-4);padding-bottom:4px}.rec-grid--row .delta-cell--sorted .delta-label{color:var(--gold-mid)}.rec-grid--row .delta-label{display:none}.rec-row-wrap{display:contents}@media (max-width: 700px){.rec-col-headers{display:none}.rec-grid--row .delta-label{display:block}}.card-pool-star{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:1px;color:var(--gold);flex-shrink:0;filter:drop-shadow(0 0 5px rgba(200,155,60,.55))}.card-pool-star svg{width:16px;height:16px}.card-pool-star-add{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--ink-4);opacity:.55;transition:color .15s,opacity .15s;flex-shrink:0}.card-pool-star-add:hover{color:var(--gold-mid);opacity:1}.card-pool-star-add svg{width:16px;height:16px}.card-pool-star--remove{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--gold);filter:drop-shadow(0 0 5px rgba(200,155,60,.55));transition:color .15s,filter .15s;flex-shrink:0}.card-pool-star--remove:hover{color:var(--ink-4);filter:none}.card-pool-star--remove svg{width:16px;height:16px}.card-champion-name{gap:6px}.recommendation-card.in-pool{background:linear-gradient(90deg,rgba(200,155,60,.11),rgba(200,155,60,.02) 42%,transparent 68%),var(--panel-inset)}.rec-grid--row .recommendation-card.in-pool:before{background:var(--grad-gold-flat);opacity:.95;width:3px}.recommendation-card.in-pool .card-champion-name{color:#ffe9b8}.rec-grid--row .card-header>.pool-badge{order:1}.pool-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.pool-variant-toggle{display:inline-flex;background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:4px;padding:2px;gap:2px}.pool-variant-toggle button{background:none;border:none;border-radius:3px;font-family:var(--font-stat);font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-3);padding:5px 12px;cursor:pointer;transition:color .15s,background .15s}.pool-variant-toggle button:hover{color:var(--ink-2)}.pool-variant-toggle button.is-active{background:#c89b3c33;color:var(--gold-bright);box-shadow:inset 0 0 0 1px var(--gold-deep)}.pool-total-count{font-family:var(--font-stat);font-size:11px;color:var(--ink-4);letter-spacing:.4px}.poolx-search{position:relative;flex:1;min-width:0}.poolx-search input{width:100%;box-sizing:border-box;background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:4px;color:var(--ink);font-family:var(--font-body);font-size:13px;padding:8px 12px;outline:none;transition:border-color .15s}.poolx-search input:focus{border-color:var(--gold)}.poolx-search input::placeholder{color:var(--ink-4)}.poolx-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--panel-raised);border:1px solid var(--border);border-radius:6px;z-index:200;max-height:240px;overflow-y:auto;box-shadow:var(--shadow-card)}.poolx-dd-item{display:flex;align-items:center;gap:10px;padding:7px 12px;font-family:var(--font-body);font-size:13px;color:var(--ink-2);cursor:pointer}.poolx-dd-item:hover,.poolx-dd-item.is-active{background:var(--panel-inset);color:var(--ink)}.poolx-dd-item img{width:24px;height:24px;border-radius:50%;object-fit:cover}.poolx-dd-roles{margin-left:auto;display:flex;gap:3px}.poolx-dd-role{font-family:var(--font-stat);font-size:9px;letter-spacing:.4px;color:var(--ink-4);border:1px solid var(--border-soft);border-radius:2px;padding:1px 4px}.pool-lanes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.pool-lane{background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:4px;display:flex;flex-direction:column;min-height:168px;min-width:0;overflow:visible;transition:border-color .15s,box-shadow .15s}.pool-lane.is-droptarget{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-deep),0 0 14px #c89b3c1f}.pool-lane-head{display:flex;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid var(--hairline);border-radius:4px 4px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.pool-lane-head img{width:16px;height:16px;opacity:.85}.pool-lane-title{font-family:var(--font-stat);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold-mid)}.pool-lane-n{margin-left:auto;font-family:var(--font-stat);font-size:10px;color:var(--ink-4)}.pool-lane-body{display:flex;flex-direction:column;gap:5px;padding:8px;flex:1}.pool-lane-empty{font-family:var(--font-body);font-size:11px;color:var(--ink-4);font-style:italic;text-align:center;margin:auto 0;line-height:1.5;padding:6px}.pool-lane-card{display:flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--border-soft);border-radius:3px;padding:4px 5px}.pool-lane-card img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.pool-lane-card-name{font-family:var(--font-body);font-size:12px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.pool-lane-card-x{background:none;border:none;color:var(--ink-4);cursor:pointer;font-size:11px;padding:2px;line-height:1;flex-shrink:0;transition:color .12s}.pool-lane-card-x:hover{color:var(--neg)}.pool-lane-add{border:none;border-top:1px dashed var(--border-soft);background:none;color:var(--ink-3);font-family:var(--font-stat);font-size:11px;letter-spacing:.4px;padding:7px;cursor:pointer;transition:color .12s,background .12s}.pool-lane-add:hover{color:var(--gold-bright);background:#c89b3c0f}.pool-lane-addrow{padding:8px;border-top:1px solid var(--hairline)}@media (max-width: 760px){.pool-lanes{grid-template-columns:1fr}.pool-lane{min-height:0}}.pool-byrole-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;margin-bottom:14px}.pool-rolepick{display:inline-flex;background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:4px;padding:2px;gap:2px}.pool-rolepick button{display:flex;align-items:center;gap:6px;background:none;border:none;border-radius:3px;font-family:var(--font-stat);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-3);padding:6px 11px;cursor:pointer;transition:color .15s,background .15s}.pool-rolepick button img{width:15px;height:15px;opacity:.7}.pool-rolepick button:hover{color:var(--ink-2)}.pool-rolepick button.is-active{background:#c89b3c33;color:var(--gold-bright);box-shadow:inset 0 0 0 1px var(--gold-deep)}.pool-rolepick button.is-active img{opacity:1}.pool-rolepick-n{font-size:9px;background:#c89b3c33;color:var(--gold-mid);border-radius:8px;padding:0 5px;min-width:15px;text-align:center}.pool-byrole-context{font-family:var(--font-stat);font-size:12px;color:var(--ink-3);letter-spacing:.3px;margin-bottom:12px}.pool-byrole-context strong{color:var(--gold-mid);font-weight:600}.pool-byrole-list{display:flex;flex-direction:column;gap:6px}.pool-byrole-empty{font-family:var(--font-body);font-size:13px;color:var(--ink-4);text-align:center;padding:28px 0 12px;line-height:1.6;font-style:italic}.pool-byrole-row{display:flex;align-items:center;gap:10px;padding:7px 10px;background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:3px}.pool-byrole-row img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.pool-byrole-row-name{font-family:var(--font-body);font-size:13px;color:var(--ink-2);flex:1}.pool-byrole-flex{display:flex;gap:4px}.pool-byrole-flexrole{font-family:var(--font-stat);font-size:9px;letter-spacing:.4px;color:var(--ink-4);border:1px solid var(--border-soft);border-radius:2px;padding:2px 5px;cursor:pointer;transition:color .12s,border-color .12s}.pool-byrole-flexrole.is-on{color:var(--gold-bright);border-color:var(--gold-deep);background:#c89b3c1a}.pool-byrole-row-x{background:none;border:none;color:var(--ink-4);cursor:pointer;font-size:12px;padding:2px 4px;line-height:1;transition:color .12s}.pool-byrole-row-x:hover{color:var(--neg)}.pool-variant-note{font-family:var(--font-body);font-size:12px;color:var(--ink-4);line-height:1.6;margin-top:14px;padding-top:12px;border-top:1px solid var(--hairline)}.overlay-root{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.overlay-panel{width:360px;background:linear-gradient(180deg,#0b0f18a6,#080b14a6);border:1px solid rgba(200,155,60,.5);border-radius:3px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 44px #000000c7,0 0 0 1px #c89b3c1a;overflow:hidden;position:relative;font-family:var(--font-stat)}.overlay-panel--opaque{background:linear-gradient(180deg,#0b0f18f5,#080b14f5);-webkit-backdrop-filter:none;backdrop-filter:none}.overlay-panel:before,.overlay-panel:after{content:"";position:absolute;width:9px;height:9px;opacity:.7;pointer-events:none}.overlay-panel:before{top:5px;left:5px;border-top:1.5px solid var(--gold);border-left:1.5px solid var(--gold)}.overlay-panel:after{bottom:5px;right:5px;border-bottom:1.5px solid var(--gold);border-right:1.5px solid var(--gold)}.overlay-head{display:flex;align-items:center;gap:7px;height:28px;padding:0 7px 0 10px;background:#0000004d;border-bottom:1px solid rgba(200,155,60,.18);cursor:grab;-webkit-user-select:none;user-select:none}.overlay-logo{width:11px;height:11px;background:var(--grad-gold);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex-shrink:0}.overlay-word{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--gold-mid)}.overlay-head-spacer{flex:1}.overlay-patch{font-size:9px;letter-spacing:.5px;color:var(--ink-3);border:1px solid var(--border-soft);border-radius:2px;padding:2px 6px}.overlay-close{width:18px;height:18px;background:none;border:none;color:var(--ink-4);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;font-size:10px;line-height:1;padding:0;transition:color .15s}.overlay-close:hover{color:var(--neg)}.overlay-matchup{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#00000029;border-bottom:1px solid rgba(26,35,54,.8)}.overlay-myrole{display:flex;align-items:center;gap:5px;flex-shrink:0}.overlay-myrole img{width:18px;height:18px;object-fit:contain}.overlay-myrole span{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--gold-bright)}.overlay-vs{font-size:8px;letter-spacing:1.5px;color:var(--ink-4);flex-shrink:0}.overlay-enemies{display:flex;gap:3px;margin-left:auto}.overlay-enemy{width:22px;height:22px;border-radius:2px;border:1px solid rgba(229,72,92,.45);object-fit:cover}.overlay-enemy--empty{background:var(--panel-inset);border:1px solid var(--border-soft);display:flex;align-items:center;justify-content:center}.overlay-enemy--empty img{width:12px;height:12px;opacity:.45;border:none}.overlay-picks-head{display:flex;align-items:baseline;justify-content:space-between;padding:7px 12px 3px}.overlay-picks-head .l{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-mid);white-space:nowrap}.overlay-picks-head .r{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-4);white-space:nowrap}.overlay-tabs{display:flex;gap:6px;align-items:baseline}.overlay-tab{background:none;border:none;padding:0;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-4);cursor:pointer}.overlay-tab--active{color:var(--gold-mid)}.overlay-tab:hover:not(.overlay-tab--active){color:var(--ink-2)}.overlay-picks{padding:0 8px 7px;display:flex;flex-direction:column;gap:4px}.overlay-pick{display:grid;grid-template-columns:22px 30px minmax(0,1fr) max-content;align-items:center;gap:8px;padding:6px 8px;border-radius:2px;background:#0f142280;border:1px solid rgba(42,63,95,.42);transition:background .12s,border-color .12s}.overlay-pick--clickable{cursor:pointer}.overlay-pick:hover{background:#192136cc;border-color:#c89b3c4d}.overlay-pick--best{border-color:#c89b3c85;background:linear-gradient(90deg,#c89b3c21,#c89b3c08 70%)}.overlay-rank{width:20px;height:20px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--grad-gold);color:var(--bg);font-family:var(--font-display);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.overlay-rank--dim{background:var(--panel-raised);color:var(--gold-mid);box-shadow:inset 0 0 0 1px var(--gold-deep)}.overlay-icon{width:30px;height:30px;border-radius:2px;border:1px solid rgba(200,155,60,.35);object-fit:cover}.overlay-mid{min-width:0;display:flex;flex-direction:column;gap:2px}.overlay-name{font-family:var(--font-display);font-size:13px;line-height:1.05;color:var(--gold-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay-sub{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--ink-3);font-variant-numeric:tabular-nums}.overlay-sub .wr{color:var(--ink-2);font-weight:700}.overlay-sub .games{color:var(--ink-4)}.overlay-lown{color:var(--warn);font-weight:700}.overlay-metrics{display:flex;align-items:center;gap:11px}.overlay-sc{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:11.5px;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.overlay-sc .s{color:var(--ally-bright)}.overlay-sc .c{color:var(--enemy-bright)}.overlay-delta{font-size:16px;min-width:44px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.overlay-delta.pos{color:var(--pos)}.overlay-delta.neg{color:var(--neg)}.overlay-yourpick{border-top:1px solid rgba(200,155,60,.3);background:#c89b3c0d;padding:5px 8px 7px}.overlay-yourpick-head{display:flex;align-items:baseline;justify-content:space-between;padding:2px 4px 5px}.overlay-yourpick-head .l{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-mid)}.overlay-yourpick-head .cmp{font-size:9px;letter-spacing:.3px;color:var(--ink-3);font-variant-numeric:tabular-nums}.overlay-yourpick-head .cmp.best{color:var(--pos)}.overlay-pick--you{border-color:#c89b3c8c;background:#c89b3c1a}.overlay-rank--you{background:var(--panel-raised);color:var(--gold-bright);box-shadow:inset 0 0 0 1px var(--gold-deep);font-size:9px;font-variant-numeric:tabular-nums}.overlay-yourpick-empty{padding:8px 6px 4px;text-align:center;font-size:10px;letter-spacing:.5px;color:var(--ink-4);font-style:italic}.overlay-foot{display:flex;align-items:center;gap:6px;padding:5px 10px;border-top:1px solid rgba(26,35,54,.8);font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-4);white-space:nowrap}.overlay-foot-dot{width:5px;height:5px;border-radius:50%;background:var(--ink-4);flex-shrink:0}.overlay-foot-dot.connected{background:var(--ally);box-shadow:0 0 5px var(--ally)}.overlay-foot-dot.live{background:var(--pos);box-shadow:0 0 5px var(--pos)}.overlay-foot .tier{margin-left:auto;letter-spacing:.4px;text-transform:none;color:var(--ink-3);display:flex;align-items:center;gap:4px}.overlay-foot .tier-icon{width:12px;height:12px}.overlay-empty{padding:22px 10px;text-align:center;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-4)}.rec-role-switch{display:flex;gap:3px;background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:6px;padding:3px}.rec-role-btn{position:relative;display:flex;align-items:center;gap:6px;background:none;border:none;border-radius:4px;padding:6px 11px;cursor:pointer;color:var(--ink-3);font-family:var(--font-stat);font-size:12px;font-weight:600;letter-spacing:.5px;transition:color .15s,background .15s}.rec-role-btn-icon{width:16px;height:16px;opacity:.55;transition:opacity .15s}.rec-role-btn:hover{color:var(--ink)}.rec-role-btn:hover .rec-role-btn-icon{opacity:.9}.rec-role-btn--active{background:#c89b3c2e;color:var(--gold-bright);box-shadow:inset 0 0 0 1px var(--gold-deep)}.rec-role-btn--active .rec-role-btn-icon{opacity:1}.rec-role-you-dot{font-size:8px;font-weight:700;letter-spacing:.5px;color:var(--gold-bright);border:1px solid var(--gold-deep);border-radius:6px;padding:0 4px;line-height:1.5}.rec-advising-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:-8px 0 0;padding:8px 13px;border:1px solid var(--gold-deep);border-radius:4px;background:#c89b3c14;font-family:var(--font-body);font-size:13px;color:var(--ink-2)}.rec-advising-banner strong{color:var(--gold-bright);font-weight:600}.rec-advising-banner button{flex-shrink:0;background:none;border:1px solid var(--border-soft);border-radius:3px;color:var(--gold-mid);font-family:var(--font-stat);font-size:12px;letter-spacing:.4px;padding:5px 11px;cursor:pointer;transition:border-color .15s,color .15s}.rec-advising-banner button:hover{border-color:var(--gold-deep);color:var(--gold-bright)}@media (max-width: 640px){.rec-role-switch{width:100%;justify-content:space-between}.rec-role-btn{padding:6px 8px}.rec-role-btn-label{display:none}.rec-role-you-dot{position:absolute;top:-5px;right:-3px;background:var(--panel-deep)}}.overlay-showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:0;align-items:stretch;overflow:hidden;padding:0}.overlay-showcase-copy{padding:30px 30px 30px 32px;display:flex;flex-direction:column;justify-content:center}.overlay-showcase-copy .download-platform{margin-bottom:14px}.overlay-showcase-copy h2{font-family:var(--font-display);font-size:30px;font-weight:400;color:var(--gold-bright);margin:0 0 12px;line-height:1.12}.overlay-showcase-copy>p{font-family:var(--font-body);font-size:14px;color:var(--ink-2);line-height:1.6;margin:0 0 18px}.overlay-showcase-points{display:flex;flex-direction:column;gap:12px}.overlay-showcase-point{display:flex;gap:11px;align-items:flex-start}.overlay-showcase-point .m{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--gold-mid);border:1px solid var(--gold-deep);border-radius:3px;background:#c89b3c12}.overlay-showcase-point .m svg{width:14px;height:14px}.overlay-showcase-point h4{font-family:var(--font-stat);font-size:13px;font-weight:700;letter-spacing:.3px;color:var(--ink);margin:1px 0 2px}.overlay-showcase-point p{font-family:var(--font-body);font-size:12.5px;color:var(--ink-3);line-height:1.5;margin:0}.overlay-stage{position:relative;border-left:1px solid var(--hairline);background:radial-gradient(620px 280px at 70% 8%,rgba(43,67,110,.55) 0%,transparent 62%),radial-gradient(520px 360px at 110% 120%,rgba(60,32,52,.6) 0%,transparent 60%),linear-gradient(160deg,#0a0e16,#0f141f 60%,#080b12);display:flex;align-items:center;justify-content:center;padding:34px 24px;min-height:400px;overflow:hidden}.overlay-stage:before{content:"IN GAME";position:absolute;top:12px;left:14px;font-family:var(--font-stat);font-size:9px;font-weight:700;letter-spacing:2px;color:#8fe2f54d}.overlay-stage-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5}.overlay-stage-hud i{position:absolute;border-radius:2px;background:linear-gradient(180deg,#785a282e,#785a280a);border:1px solid rgba(200,155,60,.1)}.ovx-panel{position:relative;width:300px;background:linear-gradient(180deg,#0b0f18f5,#080b14f5);border:1px solid rgba(200,155,60,.5);border-radius:3px;box-shadow:0 14px 46px #000000b3,0 0 0 1px #c89b3c1a;overflow:hidden;font-family:var(--font-stat);z-index:1}.ovx-panel:before,.ovx-panel:after{content:"";position:absolute;width:8px;height:8px;opacity:.7}.ovx-panel:before{top:5px;left:5px;border-top:1.5px solid var(--gold);border-left:1.5px solid var(--gold)}.ovx-panel:after{bottom:5px;right:5px;border-bottom:1.5px solid var(--gold);border-right:1.5px solid var(--gold)}.ovx-head{display:flex;align-items:center;gap:7px;height:27px;padding:0 7px 0 10px;background:#0000004d;border-bottom:1px solid rgba(200,155,60,.18)}.ovx-logo{width:10px;height:10px;background:var(--grad-gold);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex-shrink:0}.ovx-word{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--gold-mid)}.ovx-sp{flex:1}.ovx-patch{font-size:9px;letter-spacing:.5px;color:var(--ink-3);border:1px solid var(--border-soft);border-radius:2px;padding:2px 6px}.ovx-close{width:16px;height:16px;color:var(--ink-4);font-size:10px;display:flex;align-items:center;justify-content:center}.ovx-matchup{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#00000029;border-bottom:1px solid rgba(26,35,54,.8)}.ovx-myrole{display:flex;align-items:center;gap:5px}.ovx-myrole img{width:17px;height:17px;object-fit:contain}.ovx-myrole span{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--gold-bright)}.ovx-vs{font-size:8px;letter-spacing:1.5px;color:var(--ink-4)}.ovx-enemies{display:flex;gap:3px;margin-left:auto}.ovx-enemy{width:21px;height:21px;border-radius:2px;border:1px solid rgba(229,72,92,.45);object-fit:cover}.ovx-picks-head{display:flex;align-items:baseline;justify-content:space-between;padding:7px 12px 3px}.ovx-picks-head .l{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-mid)}.ovx-picks-head .r{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-4)}.ovx-picks{padding:0 8px 8px;display:flex;flex-direction:column;gap:4px}.ovx-pick{display:grid;grid-template-columns:20px 28px minmax(0,1fr) max-content;align-items:center;gap:8px;padding:6px 8px;border-radius:2px;background:#0f142280;border:1px solid rgba(42,63,95,.42)}.ovx-pick--best{border-color:#c89b3c85;background:linear-gradient(90deg,#c89b3c21,#c89b3c08 70%)}.ovx-rank{width:19px;height:19px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--grad-gold);color:var(--bg);font-family:var(--font-display);font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ovx-rank--dim{background:var(--panel-raised);color:var(--gold-mid);box-shadow:inset 0 0 0 1px var(--gold-deep)}.ovx-icon{width:28px;height:28px;border-radius:2px;border:1px solid rgba(200,155,60,.35);object-fit:cover}.ovx-mid{min-width:0;display:flex;flex-direction:column;gap:2px}.ovx-name{font-family:var(--font-display);font-size:12.5px;line-height:1.05;color:var(--gold-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ovx-sub{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--ink-3);font-variant-numeric:tabular-nums}.ovx-sub .wr{color:var(--ink-2);font-weight:700}.ovx-sub .games{color:var(--ink-4)}.ovx-sub .lown{color:var(--warn);font-weight:700}.ovx-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.ovx-delta{font-size:14px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.ovx-delta.pos{color:var(--pos)}.ovx-delta.neg{color:var(--neg)}.ovx-sc{display:flex;gap:7px;font-size:9px;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.ovx-sc .s{color:var(--ally-bright)}.ovx-sc .c{color:var(--enemy-bright)}.ovx-foot{display:flex;align-items:center;gap:6px;padding:5px 10px;border-top:1px solid rgba(26,35,54,.8);font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-4)}.ovx-foot .dot{width:5px;height:5px;border-radius:50%;background:var(--pos);box-shadow:0 0 5px var(--pos)}.ovx-foot .tier{margin-left:auto;letter-spacing:.4px;text-transform:none;color:var(--ink-3);display:flex;align-items:center;gap:4px}.ovx-foot .tier-icon{width:12px;height:12px}@media (max-width: 720px){.overlay-showcase{grid-template-columns:1fr}.overlay-stage{border-left:none;border-top:1px solid var(--hairline);min-height:320px}}.tb-whats-new{background:none;border:none;font-size:10px;font-family:var(--font-stat, monospace);color:#3a4a62;cursor:pointer;padding:0 10px;letter-spacing:.04em;line-height:1;-webkit-app-region:no-drag;transition:color .15s}.tb-whats-new:hover{color:var(--gold-mid)}.changelog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080ed1;z-index:700;display:flex;align-items:center;justify-content:center}.changelog-panel{width:min(660px,92vw);max-height:78vh;background:var(--panel);border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.changelog-header{display:flex;align-items:center;padding:13px 18px;border-bottom:1px solid var(--hairline);flex-shrink:0}.changelog-title{flex:1;font-family:var(--font-display, "Cinzel", serif);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-mid)}.changelog-close{background:none;border:none;color:#4a5a72;cursor:pointer;padding:2px 4px;font-size:14px;line-height:1;transition:color .15s}.changelog-close:hover{color:var(--gold-mid)}.changelog-body{overflow-y:auto;padding:16px 20px 0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.changelog-footer{padding:10px 20px 14px;border-top:1px solid var(--hairline);text-align:right}.changelog-releases-link{font-size:12px;color:var(--text-muted);text-decoration:none;transition:color .15s}.changelog-releases-link:hover{color:var(--gold-mid)}.cl-h2{font-family:var(--font-display, "Cinzel", serif);font-size:12px;color:var(--gold-mid);letter-spacing:.08em;text-transform:uppercase;margin:22px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--hairline)}.cl-h2:first-child{margin-top:0}.cl-h3{font-size:11px;font-weight:600;color:var(--ally-bright);letter-spacing:.04em;text-transform:uppercase;margin:14px 0 6px}.cl-list{margin:4px 0 8px;padding-left:16px;display:flex;flex-direction:column;gap:5px;list-style:disc}.cl-list li{font-size:12px;color:#8a9ab8;line-height:1.6}.cl-list li strong{color:var(--gold-bright)}.cl-p{font-size:12px;color:#8a9ab8;line-height:1.6;margin:4px 0}.ov-section{padding:20px 24px 26px}.ov-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--border-soft)}.ov-head-title{font-family:var(--font-display);font-size:17px;font-weight:400;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold-bright)}.ov-head-sub{font-family:var(--font-stat);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-4)}.ov-head-right{margin-left:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-variant-numeric:tabular-nums}.ov-sort-toggle{display:flex;gap:4px}.ov-sort-btn{background:var(--panel-inset);border:1px solid var(--border);padding:3px 10px;border-radius:4px;font-family:var(--font-stat);font-size:11px;letter-spacing:.8px;color:var(--ink-3);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.ov-sort-btn:hover{border-color:var(--gold-deep);color:var(--ink-2)}.ov-sort-btn.active{border-color:var(--gold);color:var(--gold-bright);background:#c89b3c14}.ov-pop{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2)}.ov-pop .pop-patch{font-weight:600;letter-spacing:.4px}.ov-pop .pop-sep{color:var(--ink-4)}.ov-pop .tier-display{display:flex;align-items:center;gap:6px}.ov-scoreline{display:grid;grid-template-columns:minmax(150px,1fr) minmax(220px,1.4fr) minmax(150px,1fr);align-items:center;gap:22px;padding:14px 18px 16px;margin-bottom:20px;background:var(--panel-deep);border:1px solid var(--border-soft);border-radius:2px}.ov-score-team{display:flex;flex-direction:column;gap:3px}.ov-score-team--enemy{align-items:flex-end;text-align:right}.ov-score-team-label{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:12px;letter-spacing:2px;text-transform:uppercase}.ov-score-team--ally .ov-score-team-label{color:var(--ally-bright)}.ov-score-team--enemy .ov-score-team-label{color:var(--enemy-bright)}.ov-score-team-label .dot{width:8px;height:8px;transform:rotate(45deg);flex-shrink:0}.ov-score-team--ally .dot{background:var(--ally);box-shadow:0 0 8px var(--ally)}.ov-score-team--enemy .dot{background:var(--enemy);box-shadow:0 0 8px var(--enemy)}.ov-score-num{font-family:var(--font-stat);font-size:34px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.ov-score-team--ally .ov-score-num{color:var(--ally-bright)}.ov-score-team--enemy .ov-score-num{color:var(--enemy-bright)}.ov-score-locked{font-family:var(--font-stat);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-4)}.ov-adv{display:flex;flex-direction:column;align-items:center;gap:8px}.ov-adv-caption{font-family:var(--font-stat);font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--ink-4)}.ov-adv-readout{display:flex;align-items:baseline;gap:8px;font-family:var(--font-stat);font-variant-numeric:tabular-nums}.ov-adv-readout .v{font-size:18px;font-weight:700;line-height:1}.ov-adv-readout .who{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-3)}.ov-adv-readout.lead-ally .v{color:var(--ally-bright)}.ov-adv-readout.lead-enemy .v{color:var(--enemy-bright)}.ov-adv-readout.lead-even .v{color:var(--ink-3)}.ov-adv-track{position:relative;width:100%;height:12px;background:#ffffff0f;border:1px solid var(--border);border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.ov-adv-center{position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--gold-mid);z-index:2;opacity:.8}.ov-adv-fill{position:absolute;top:0;bottom:0;transition:left .4s cubic-bezier(.22,1,.36,1),width .4s cubic-bezier(.22,1,.36,1),background .3s}.ov-adv-fill--ally{background:linear-gradient(90deg,rgba(65,185,220,0),var(--ally));box-shadow:0 0 12px #41b9dc66}.ov-adv-fill--enemy{background:linear-gradient(90deg,var(--enemy),rgba(229,72,92,0));box-shadow:0 0 12px #e5485c66}.ov-board{display:grid;grid-template-columns:1fr 1px 1fr;gap:0 22px;align-items:start}.ov-board-divider{align-self:stretch;width:1px;background:linear-gradient(180deg,transparent,var(--border) 8%,var(--gold-deep) 50%,var(--border) 92%,transparent)}.ov-col{min-width:0}.ov-col-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:9px;position:relative}.ov-col--enemy .ov-col-head{flex-direction:row-reverse}.ov-col-head:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px}.ov-col-head--ally:after{background:linear-gradient(90deg,var(--ally) 0%,rgba(65,185,220,.06) 70%,transparent)}.ov-col-head--enemy:after{background:linear-gradient(270deg,var(--enemy) 0%,rgba(229,72,92,.06) 70%,transparent)}.ov-col-title{font-family:var(--font-display);font-size:15px;letter-spacing:2.4px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.ov-col-title .dot{width:8px;height:8px;transform:rotate(45deg);flex-shrink:0}.ov-col-head--ally .ov-col-title{color:var(--ally-bright)}.ov-col-head--enemy .ov-col-title{color:var(--enemy-bright)}.ov-col-head--ally .ov-col-title .dot{background:var(--ally);box-shadow:0 0 8px var(--ally)}.ov-col-head--enemy .ov-col-title .dot{background:var(--enemy);box-shadow:0 0 8px var(--enemy)}.ov-col-count{margin-left:auto;font-family:var(--font-stat);font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--ink-4);border:1px solid var(--border-soft);border-radius:2px;padding:3px 8px}.ov-col--enemy .ov-col-count{margin-left:0;margin-right:auto}.ov-slots{display:flex;flex-direction:column;gap:8px}.ov-role{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:46px;flex-shrink:0;align-self:stretch;font-family:var(--font-stat);font-size:9px;font-weight:700;letter-spacing:.6px;background:#00000040;border-right:1px solid var(--border-soft)}.ov-role img{width:19px;height:19px;object-fit:contain}.ov-role--open{opacity:.78}.ov-slot--enemy .ov-role{border-right:none;border-left:1px solid var(--border-soft)}.ov-slot--ally .ov-role{color:var(--ally-bright)}.ov-slot--enemy .ov-role{color:var(--enemy-bright)}.ov-slot--ally .ov-role img{filter:invert(72%) sepia(38%) saturate(560%) hue-rotate(150deg) brightness(98%)}.ov-slot--enemy .ov-role img{filter:invert(54%) sepia(58%) saturate(2400%) hue-rotate(323deg) brightness(101%)}.ov-slot{position:relative;min-height:66px;display:flex;align-items:stretch;background:var(--panel-inset);border:1px solid var(--border-soft);border-radius:2px;transition:border-color .18s,box-shadow .18s,background .18s}.ov-slot>*{flex:1;min-width:0}.ov-slot--ally{border-left:3px solid color-mix(in oklab,var(--ally) 55%,var(--border-soft))}.ov-slot--enemy{border-right:3px solid color-mix(in oklab,var(--enemy) 55%,var(--border-soft))}.ov-slot--you{border:1px dashed var(--gold-deep);border-left:3px solid var(--gold);background:linear-gradient(90deg,rgba(200,155,60,.08),rgba(200,155,60,.015) 60%,var(--panel-inset))}.ov-slot--enemy.ov-slot--you{border-left:1px dashed var(--gold-deep);border-right:3px solid var(--gold);background:linear-gradient(270deg,rgba(200,155,60,.08),rgba(200,155,60,.015) 60%,var(--panel-inset))}.ov-slot--you .ov-role{color:var(--gold-bright);background:#c89b3c14}.ov-slot--you .ov-role img{filter:invert(78%) sepia(46%) saturate(540%) hue-rotate(2deg) brightness(95%)}.ov-slot.is-locked.ov-slot--ally:hover{border-color:var(--ally);box-shadow:-3px 0 0 0 var(--ally),0 0 14px var(--ally-glow)}.ov-slot.is-locked.ov-slot--enemy:hover{border-color:var(--enemy);box-shadow:3px 0 0 0 var(--enemy),0 0 14px var(--enemy-glow)}.ov-slot.is-locked.ov-slot--you:hover{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 16px #c89b3c33}.ov-locked{display:flex;align-items:center;gap:12px;cursor:pointer;padding-right:14px}.ov-slot--enemy .ov-locked{flex-direction:row-reverse;padding-right:0;padding-left:14px}.ov-champ-icon{width:42px;height:42px;border-radius:2px;border:1px solid var(--gold-deep);object-fit:cover;box-shadow:0 0 10px #00000080;flex:0 0 auto}.ov-champ-main{flex:1 1 auto;min-width:0}.ov-slot--enemy .ov-champ-main{text-align:right}.ov-champ-name{font-family:var(--font-display);font-size:16px;letter-spacing:.4px;color:var(--gold-bright);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ov-champ-meta{display:flex;align-items:center;gap:8px;margin-top:3px;font-family:var(--font-stat);font-size:10px;font-variant-numeric:tabular-nums;color:var(--ink-4)}.ov-slot--enemy .ov-champ-meta{justify-content:flex-end}.ov-champ-meta .syn{color:var(--ally-bright)}.ov-champ-meta .ctr{color:var(--enemy-bright)}.ov-champ-meta .sep{opacity:.5}.ov-champ-meta .you-tag{color:var(--gold-mid);border:1px solid var(--gold-deep);border-radius:2px;padding:0 4px;letter-spacing:.8px}.ov-champ-meta .lown{color:var(--warn)}.ov-delta{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}.ov-slot--enemy .ov-locked .ov-delta{justify-content:flex-start}.ov-delta--bar{flex-direction:column;align-items:flex-end;gap:4px}.ov-delta--bar .ov-delta-num{font-family:var(--font-stat);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.ov-delta-bar-track{position:relative;width:96px;height:7px;background:#ffffff17;border:1px solid var(--border);border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px #00000073}.ov-delta-bar-mid{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--gold-mid);opacity:.7;z-index:2}.ov-delta-bar-fill{position:absolute;top:0;bottom:0;transition:width .35s,left .35s;border-radius:2px}.ov-delta-bar-fill.positive{background:var(--pos);box-shadow:0 0 8px #57d17f8c}.ov-delta-bar-fill.negative{background:var(--neg);box-shadow:0 0 8px #ff5d5d8c}.ov-delta-num.positive{color:var(--pos)}.ov-delta-num.negative{color:var(--neg)}.ov-open{display:flex;align-items:stretch;gap:10px}.ov-slot--enemy .ov-open{flex-direction:row-reverse}.ov-open-picks{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:7px;padding:6px 8px}.ov-open-empty{flex:1;display:flex;align-items:center;font-family:var(--font-body);font-size:12px;font-style:italic;color:var(--ink-4);padding:0 12px}.ov-pick-card{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:row;align-items:center;gap:8px;padding:6px 9px;background:#0f14228c;border:1px solid rgba(42,63,95,.5);border-radius:2px;cursor:pointer;transition:border-color .14s,background .14s,transform .14s}.ov-pick-card:hover{border-color:var(--gold-deep);background:#c89b3c0f;transform:translateY(-1px)}.ov-pick-card.is-best{border-color:#c89b3c80}.ov-pick-card.is-best:before{content:"";position:absolute;top:0;left:0;bottom:0;width:2px;background:var(--grad-gold-flat);opacity:.85}.ov-pc-icon{width:34px;height:34px;border-radius:2px;border:1px solid var(--border);object-fit:cover;flex:0 0 auto}.ov-pc-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.ov-pc-name{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:baseline;gap:5px}.ov-pc-rank{font-family:var(--font-stat);font-size:9px;font-weight:700;color:var(--ink-4);font-variant-numeric:tabular-nums;flex:0 0 auto}.ov-pick-card.is-best .ov-pc-rank{color:var(--gold-mid)}.ov-pick-card .ov-delta{justify-content:flex-start}.ov-pick-card .ov-delta--bar{flex-direction:column;align-items:flex-start;gap:3px}.ov-pick-card .ov-delta-bar-track{width:100%;max-width:92px}.ov-compute-bar{display:flex;align-items:center;gap:12px;padding:10px 0 14px;border-bottom:1px solid var(--border-soft);margin-bottom:18px}.ov-compute-label{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none}.ov-compute-label input[type=checkbox]{accent-color:var(--gold);width:13px;height:13px;cursor:pointer;flex-shrink:0}.ov-compute-hint{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-stat);font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--ink-4);background:var(--panel-2);padding:2px 9px;border-radius:10px}.ov-emptystate{text-align:center;padding:40px 20px;color:var(--ink-4)}.ov-emptystate h3{font-family:var(--font-display);font-size:16px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}.ov-emptystate p{font-size:13px;line-height:1.6;max-width:440px;margin:0 auto}.ov-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#04060cbd;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:42px 20px;overflow-y:auto;animation:ovFade .18s ease}@keyframes ovFade{0%{opacity:0}to{opacity:1}}.ov-modal{width:min(880px,100%);animation:ovRise .22s cubic-bezier(.22,1,.36,1)}@keyframes ovRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ov-modal-context{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-family:var(--font-stat);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-3)}.ov-modal-context .tag{border-radius:2px;padding:2px 8px;font-weight:700}.ov-modal-context .tag--ally{color:var(--ally-bright);border:1px solid var(--ally-deep);background:#41b9dc14}.ov-modal-context .tag--enemy{color:var(--enemy-bright);border:1px solid var(--enemy-deep);background:#e5485c14}.ov-modal-context .tag--pick{color:var(--gold-mid);border:1px solid var(--gold-deep);background:#c89b3c14}@media (max-width: 760px){.ov-board{grid-template-columns:1fr;gap:22px}.ov-board-divider{display:none}.ov-scoreline{grid-template-columns:1fr;gap:14px}.ov-score-team--enemy{align-items:flex-start;text-align:left}.ov-slot--enemy .ov-locked,.ov-slot--enemy .ov-open{flex-direction:row}.ov-slot--enemy .ov-champ-main{text-align:left}.ov-slot--enemy .ov-champ-meta{justify-content:flex-start}.ov-slot--enemy .ov-locked .ov-delta{justify-content:flex-end}.ov-slot--enemy .ov-role{border-left:none;border-right:1px solid var(--border-soft)}}