.power-spike-chart{width:100%;height:100%}.power-spike-chart__tooltip{background:#151922;border:1px solid #ffffff1a;border-radius:.75rem;padding:.75rem;box-shadow:0 10px 15px -3px #0000004d}.power-spike-chart__tooltip-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .5rem;font-size:.625rem;font-weight:900}.power-spike-chart__tooltip-value{color:#d946ef;margin:0;font-size:.75rem;font-weight:700}
.builds-overview{height:calc(100vh - 158px);display:flex;overflow:hidden}@media (max-width:1024px){.builds-overview{flex-direction:column;height:auto}}.builds-overview--empty{justify-content:center;align-items:center}.builds-overview__empty-state{color:#6b7280;flex-direction:column;align-items:center;gap:1rem;display:flex}.builds-overview__empty-state svg{opacity:.5}.builds-overview__list-panel{background-color:var(--surface);z-index:20;will-change:width;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;width:384px;transition:width .25s;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.builds-overview__list-panel{transition:none}}@media (min-width:1025px) and (max-width:1900px){.builds-overview__list-panel{width:300px}}@media (max-width:1024px){.builds-overview__list-panel{width:100%;max-height:50vh}}.builds-overview__list-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background-color:#151922f2;border-bottom:1px solid #ffffff0d;flex-direction:column;gap:.75rem;padding:1rem;display:flex;position:-webkit-sticky;position:sticky;top:0}.builds-overview__list-title{color:#fff;justify-content:space-between;align-items:center;margin:0;font-size:1.125rem;font-weight:700;display:flex}.builds-overview__list-count{color:#6b7280;background-color:#ffffff0d;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:400}.builds-overview__search{position:relative}.builds-overview__search-icon{color:#6b7280;transition:color .15s;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.builds-overview__search-input{background-color:var(--background);color:#e5e7eb;border:1px solid #ffffff1a;border-radius:.75rem;outline:none;width:100%;padding:.625rem 1rem .625rem 2.25rem;font-size:.875rem;transition:all .15s}.builds-overview__search-input::placeholder{color:#4b5563}.builds-overview__search-input:focus{border-color:#d946ef80;box-shadow:0 0 0 1px #d946ef4d}.builds-overview__search-input:focus+.builds-overview__search-icon,.builds-overview__search-input:focus~.builds-overview__search-icon{color:var(--primary)}.builds-overview__filters{gap:.5rem;display:flex}.builds-overview__filter-btn{background-color:var(--surfaceLight);color:#9ca3af;cursor:pointer;border:1px solid #ffffff0d;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.75rem;font-weight:700;transition:all .15s;display:flex}.builds-overview__filter-btn:hover{color:#fff;background-color:#ffffff0d}.builds-overview__filter-btn--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.builds-overview__filter-select-wrapper{flex:1;align-items:center;display:flex;position:relative}.builds-overview__filter-icon{color:#9ca3af;pointer-events:none;z-index:1;transition:color .15s;position:absolute;left:.5rem}.builds-overview__filter-select{color:#9ca3af;cursor:pointer;-webkit-appearance:none;appearance:none;background-color:#0f111a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239CA3AF' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:1px solid #ffffff0d;border-radius:.5rem;align-items:center;width:100%;padding:.5rem 2rem;font-size:.75rem;font-weight:700;transition:all .15s;display:flex}.builds-overview__filter-select:focus{color:#fff;border-color:#d946ef80;outline:none;box-shadow:0 0 0 1px #d946ef4d}.builds-overview__filter-select:focus~.builds-overview__filter-icon{color:var(--primary)}.builds-overview__filter-select option{background-color:var(--surface);color:#e5e7eb;padding:.5rem}.builds-overview__filter-select[value=""]{color:#9ca3af}.builds-overview__filter-select:not([value=""]){color:#fff}.builds-overview__filter-select:not([value=""])~.builds-overview__filter-icon{color:var(--primary)}.builds-overview__list{scroll-behavior:smooth;flex:1;overflow-y:auto}.builds-overview__list::-webkit-scrollbar{width:4px}.builds-overview__list::-webkit-scrollbar-track{background:0 0}.builds-overview__list::-webkit-scrollbar-thumb{background:#2d3748;border-radius:2px}.builds-overview__list::-webkit-scrollbar-thumb:hover{background:#4a5568}.builds-overview__list-empty{text-align:center;color:#6b7280;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;font-size:.875rem;display:flex}.builds-overview__list-empty svg{opacity:.5}.builds-overview__list-item{cursor:pointer;border-bottom:1px solid #ffffff0d;border-left:2px solid #0000;padding:1rem;transition:all .2s}.builds-overview__list-item:hover{background-color:#ffffff05;padding-left:1.25rem}.builds-overview__list-item--selected{border-left-color:var(--primary);background:linear-gradient(90deg,#d946ef1a 0%,#0000 100%)}.builds-overview__list-item--selected .builds-overview__list-item-name{color:#fff;text-shadow:0 0 8px #ffffff4d}.builds-overview__list-item-top{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.builds-overview__list-item-info{align-items:center;gap:.5rem;display:flex}.builds-overview__tier{color:#fff;border-radius:.25rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:900;display:flex;box-shadow:0 1px 2px #0000001a}.builds-overview__tier--s{color:#d946ef;background-color:#d946ef33;border:1px solid #d946ef33}.builds-overview__tier--a{color:#818cf8;background-color:#6366f133;border:1px solid #6366f133}.builds-overview__tier--b{color:#9ca3af;background-color:#6b728033;border:1px solid #6b728033}.builds-overview__list-item-name{color:#9ca3af;margin:0;font-size:.875rem;font-weight:700;transition:color .15s}.builds-overview__list-item-champions{margin-bottom:.75rem;margin-left:.25rem;display:flex}.builds-overview__list-item-champ{border:2px solid var(--surfaceLight);background-color:var(--surface);border-radius:50%;width:2rem;height:2rem;margin-left:-.5rem;transition:transform .2s;overflow:hidden}.builds-overview__list-item-champ:first-child{margin-left:0}.builds-overview__list-item-champ img{object-fit:cover;width:100%;height:100%}.builds-overview__list-item:hover .builds-overview__list-item-champ{transform:translate(2px)}.builds-overview__list-item-bottom{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.builds-overview__list-item-type{color:#d1d5db;white-space:nowrap;text-overflow:ellipsis;background-color:#1e2330;border:1px solid #ffffff14;border-radius:.375rem;align-items:center;max-width:100%;padding:.25rem .5rem;font-size:.625rem;font-weight:700;display:inline-flex;overflow:hidden}.builds-overview__detail-panel{background-color:var(--background);flex:1;padding:1.5rem;overflow-y:auto}@media (max-width:1024px){.builds-overview__detail-panel{padding:1rem}}.builds-overview__detail-panel::-webkit-scrollbar{width:4px}.builds-overview__detail-panel::-webkit-scrollbar-track{background:0 0}.builds-overview__detail-panel::-webkit-scrollbar-thumb{background:#2d3748;border-radius:2px}.builds-overview__breadcrumbs{color:#6b7280;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.builds-overview__breadcrumbs span{cursor:pointer;transition:color .15s}.builds-overview__breadcrumbs span:hover{color:#fff}.builds-overview__breadcrumbs svg{flex-shrink:0}.builds-overview__breadcrumbs-current{color:#fff;flex:1;font-weight:500}.builds-overview__breadcrumb-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.builds-overview__edit-button{color:#d946ef;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background-color:#d946ef1a;border:1px solid #d946ef4d;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.625rem;font-weight:900;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #d946ef14}.builds-overview__edit-button:hover{color:#fff;background-color:#d946ef}.builds-overview__edit-button:hover .builds-overview__edit-icon{transform:rotate(8deg)}.builds-overview__edit-button:active{transform:scale(.95)}.builds-overview__edit-icon{flex-shrink:0;transition:transform .2s}.builds-overview__copy-button{color:#06b6d4;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background-color:#06b6d41a;border:1px solid #06b6d44d;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.625rem;font-weight:900;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #06b6d41a}.builds-overview__copy-button:hover{color:#fff;background-color:#06b6d4}.builds-overview__copy-button:hover .builds-overview__copy-icon{transform:rotate(12deg)}.builds-overview__copy-button:active{transform:scale(.95)}.builds-overview__copy-icon{flex-shrink:0;transition:transform .2s}.builds-overview__favorite-button{color:#ef4444;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.625rem;font-weight:900;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #ef44441a}.builds-overview__favorite-button:hover{color:#fff;background-color:#ef4444}.builds-overview__favorite-button:hover .builds-overview__favorite-icon{transform:scale(1.1)}.builds-overview__favorite-button:active{transform:scale(.95)}.builds-overview__favorite-button--active{background-color:#ef444433;border-color:#ef444480}.builds-overview__favorite-button--active:hover{color:#ef4444;background-color:#ef44444d}.builds-overview__favorite-icon{flex-shrink:0;transition:transform .2s}.builds-overview__spotlight{background-color:var(--surface);border:1px solid #ffffff0d;border-radius:1rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.builds-overview__spotlight-content{z-index:10;grid-template-columns:1fr 2fr 1fr;gap:0;min-height:320px;display:grid;position:relative}@media (max-width:1600px){.builds-overview__spotlight-content{grid-template-columns:1fr}}@media (max-width:768px){.builds-overview__spotlight-content{flex-direction:column;display:flex}}.builds-overview__spotlight-left{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-right:1px solid #ffffff0d;flex-direction:column;gap:1.5rem;min-height:546.4px;padding:1.5rem;display:flex}@media (max-width:1600px){.builds-overview__spotlight-left{border:none;border-bottom:1px solid #ffffff0d;min-height:auto}}.builds-overview__spotlight-badges{gap:.5rem;display:flex}.builds-overview__spotlight-badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-radius:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:700;box-shadow:0 1px 2px #0000001a}.builds-overview__spotlight-badge.builds-overview__tier--s{color:#d946ef;background-color:#d946ef33;border:1px solid #d946ef33}.builds-overview__spotlight-badge.builds-overview__tier--a{color:#818cf8;background-color:#6366f133;border:1px solid #6366f133}.builds-overview__spotlight-badge.builds-overview__tier--b{color:#9ca3af;background-color:#6b728033;border:1px solid #6b728033}.builds-overview__spotlight-title{color:#fff;margin:0;font-size:1.875rem;font-weight:900;line-height:1.1}.builds-overview__spotlight-info{flex-wrap:wrap;gap:.75rem;display:flex}.builds-overview__spotlight-stat{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;flex-direction:column;flex:1;padding:.75rem;display:flex}.builds-overview__spotlight-stat--type{background:linear-gradient(135deg,#10b9811a 0%,#10b9810d 100%);border-color:#10b98133}.builds-overview__spotlight-stat--augment{text-align:left;background:#d946ef0d;border-color:#d946ef1a;flex:0 0 100%;gap:.5rem;margin-bottom:1.5rem}.builds-overview__spotlight-stat-label{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:.25rem;font-size:.625rem;font-weight:700}.builds-overview__spotlight-stat-value{color:#fff;font-size:1.125rem;font-weight:900}.builds-overview__spotlight-stat-subvalue{color:#c4b5fd;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.75rem;font-weight:700}.builds-overview__spotlight-stat-description{color:#9ca3af;margin-top:.75rem;font-size:.6875rem;line-height:1.45}.builds-overview__spotlight-stat-description b,.builds-overview__spotlight-stat-description strong{color:#d8b4fe;font-weight:600}.builds-overview__spotlight-stat-description img{vertical-align:middle;object-fit:contain;filter:brightness(1.1);display:inline-block;width:12px!important;height:12px!important}.builds-overview__spotlight-stat--type .builds-overview__spotlight-stat-value{color:#34d399}.builds-overview__spotlight-stat--augment .builds-overview__spotlight-stat-value{color:#fff}.builds-overview__spotlight-augment-header{align-items:center;gap:.5rem;display:flex}.builds-overview__spotlight-augment-dot{background-color:var(--color-primary);border-radius:9999px;flex-shrink:0;width:.375rem;height:.375rem;animation:2s cubic-bezier(.4,0,.6,1) infinite builds-overview-pulse;display:block;box-shadow:0 0 10px #d946ef80}.builds-overview__spotlight-augment-label{letter-spacing:.18em;text-transform:uppercase;color:var(--primary);font-size:.625rem;font-weight:900}.builds-overview__spotlight-augment-body{gap:.75rem;min-width:0;display:flex}.builds-overview__spotlight-augment-content{flex:1;min-width:0}.builds-overview__spotlight-augment-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.builds-overview__spotlight-augment-name{color:#fff;font-size:.75rem;font-weight:700}.builds-overview__spotlight-augment-tier{color:#c4b5fd;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;padding:.125rem .375rem;font-size:.5625rem;font-weight:800;display:inline-flex}.builds-overview__spotlight-augment-description{color:#9ca3af;font-size:.625rem;font-style:italic;line-height:1.5}.builds-overview__spotlight-augment-description b,.builds-overview__spotlight-augment-description strong{color:#d8b4fe;font-style:normal;font-weight:600}.builds-overview__spotlight-augment-description img{display:none}.builds-overview__spotlight-focus{margin-top:auto}.builds-overview__spotlight-section-title{color:#6b7280;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.builds-overview__spotlight-section-title svg{color:var(--primary)}.builds-overview__spotlight-focus-list{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.builds-overview__spotlight-focus-item{background-color:#ffffff0d;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.builds-overview__spotlight-focus-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.builds-overview__spotlight-focus-left .champion{flex-shrink:0}.builds-overview__spotlight-focus-left .champion .champion__container{padding:0}.builds-overview__spotlight-focus-left .champion .champion__image-wrapper--compact{width:36px;height:36px}.builds-overview__spotlight-focus-items{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.builds-overview__spotlight-focus-items-label{color:#cbd5e1;letter-spacing:.04em;text-transform:uppercase;background-color:#94a3b81f;border:1px solid #94a3b847;border-radius:9999px;justify-content:center;align-items:center;min-width:24px;height:18px;padding:0 .4rem;font-size:.625rem;font-weight:700;display:inline-flex}.builds-overview__spotlight-focus-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.builds-overview__spotlight-focus-info span{color:#e5e7eb;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.builds-overview__spotlight-focus-cost{color:#9ca3af!important;font-size:.8rem!important;font-weight:400!important}.builds-overview__spotlight-center{flex-direction:column;padding:1.5rem;display:flex}.builds-overview__spotlight-center-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.builds-overview__spotlight-units-title{color:#fff;align-items:center;gap:.5rem;margin:0;font-weight:700;display:flex}.builds-overview__spotlight-icon{color:var(--primary)}.builds-overview__spotlight-tags{flex-wrap:wrap;gap:.5rem;display:flex}.builds-overview__spotlight-tags span{color:#9ca3af;background-color:#ffffff0d;border:1px solid #ffffff0d;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem}.builds-overview__spotlight-board{flex-direction:column;flex:1;justify-content:center;gap:1.5rem;padding:1rem 0;display:flex}.builds-overview__spotlight-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.builds-overview__spotlight-row--carries{align-items:flex-end;min-height:100px}.builds-overview__spotlight-row--frontline{align-items:flex-start}.builds-overview__spotlight-unit{flex-direction:column;align-items:center;display:flex}.builds-overview__spotlight-unit--carry .champion__image-wrapper{box-shadow:0 0 5px #d946ef66;border:2px solid var(--primary)!important;width:80px!important;height:80px!important}.builds-overview__spotlight-unit--compact-named{width:56px;min-width:0}.builds-overview__spotlight-unit--compact-named .champion{width:100%}.builds-overview__spotlight-unit--compact-named .champion__name--compact-visible{width:100%;min-width:0}.builds-overview__spotlight-unit .champion__image-wrapper{width:56px;height:56px}.builds-overview__spotlight-right{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff05;border-left:1px solid #ffffff0d;flex-direction:column;padding:1.5rem;display:flex}@media (max-width:1600px){.builds-overview__spotlight-right{border:none;border-bottom:1px solid #ffffff0d}}.builds-overview__spotlight-desc{color:#6b7280;margin-bottom:1rem;font-size:.625rem}.builds-overview__spotlight-chart{background-color:#151922;border:1px solid #ffffff0d;border-radius:.75rem;height:140px;margin:0 0 1rem}.builds-overview__spotlight-traits{margin-top:auto}.builds-overview__spotlight-traits-list{flex-wrap:wrap;gap:.375rem;display:flex}.builds-overview__spotlight-trait{background-color:var(--surfaceLight);color:#9ca3af;border:1px solid #ffffff0d;border-radius:.25rem;align-items:center;padding:.25rem .5rem;font-size:.625rem;font-weight:700;display:inline-flex}.builds-overview__extra-sections{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (max-width:1600px){.builds-overview__extra-sections{grid-template-columns:1fr}}.builds-overview__extra-section{background-color:var(--surface);border:1px solid #ffffff0d;border-radius:1rem;padding:1.5rem;transition:border-color .15s}.builds-overview__extra-section:hover{border-color:#ffffff1a}.builds-overview__extra-title{color:#fff;align-items:center;gap:.5rem;margin:0 0 1rem;font-weight:700;display:flex}.builds-overview__extra-bar{background-color:var(--primary);border-radius:9999px;width:.25rem;height:1rem}.builds-overview__extra-bar--secondary{background-color:var(--secondary)}.builds-overview__traits-grid{flex-wrap:wrap;gap:.5rem;display:flex}.builds-overview__spotlight-right .builds-overview__traits-grid{flex:auto;align-content:flex-start;min-height:0}.builds-overview__spotlight-carousel{margin-top:1rem}.builds-overview__items-grid{flex-wrap:wrap;gap:.5rem;display:flex}.builds-overview__strategy-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (max-width:1600px){.builds-overview__strategy-grid{grid-template-columns:1fr}}.builds-overview__strategy-card{background-color:var(--surface);border:1px solid #ffffff0d;border-radius:1rem;padding:1.5rem;transition:border-color .15s}.builds-overview__strategy-card:hover{border-color:#ffffff1a}.builds-overview__strategy-card--board{flex-direction:column;display:flex}.builds-overview__strategy-title{color:#fff;align-items:center;gap:.5rem;margin:0 0 1rem;font-weight:700;display:flex}.builds-overview__quests{flex-direction:column;gap:.75rem;display:flex}.builds-overview__quest{background-color:var(--surfaceLight);border:1px solid #ffffff0d;border-radius:.5rem;padding:.75rem}.builds-overview__quest-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.builds-overview__quest-header span{color:#fff;font-size:.875rem;font-weight:600}.builds-overview__quest p{color:#9ca3af;margin:0;font-size:.75rem;line-height:1.4}.builds-overview__board-container{flex:1;justify-content:center;align-items:center;min-height:200px;padding:1rem;display:flex}.builds-overview__units-container{flex-direction:column;gap:1rem;padding:1rem;display:flex}.builds-overview__faq-section{background-color:var(--surface);border:1px solid #ffffff0d;border-radius:1rem;grid-column:1/-1;overflow:hidden}.builds-overview__faq-section[open] .builds-overview__faq-content{border-top-color:#ffffff0d}.builds-overview__faq-summary{color:#e8e8ed;cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;list-style:none;transition:background-color .15s;display:flex}.builds-overview__faq-summary::-webkit-details-marker{display:none}.builds-overview__faq-summary::marker{display:none}.builds-overview__faq-summary:after{content:"";border-bottom:2px solid;border-right:2px solid;flex-shrink:0;width:.5rem;height:.5rem;transition:transform .2s;transform:rotate(45deg)}.builds-overview__faq-section[open] .builds-overview__faq-summary:after{transform:rotate(-135deg)}.builds-overview__faq-summary:hover{background-color:#ffffff0d}.builds-overview__faq-summary:focus-visible{outline-offset:2px;outline:2px solid #ffffff4d}.builds-overview__faq-content{border-top:1px solid #0000;padding:0 1.5rem 1.5rem}.builds-overview__faq-answer{color:#9ca3af;margin:0 0 .75rem;padding-top:0;font-size:.875rem;line-height:1.5}.builds-overview__faq-answer:first-child{padding-top:.75rem}.builds-overview__faq-answer:last-child{margin-bottom:0}@keyframes builds-overview-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}