.index-module-scss-module__qY7RiG__RecommendedComps{flex-direction:column;height:342px;margin-bottom:6px;padding-left:0;display:flex}@media (max-width:1200px){.index-module-scss-module__qY7RiG__RecommendedComps{height:248px;margin-top:25px}}.index-module-scss-module__qY7RiG__RecommendedComps h3{font-family:"Orbitron",var(--font-orbitron),sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--neon-cyan-strong);margin-bottom:12px;font-size:11px;font-weight:700}.index-module-scss-module__qY7RiG__subtitle{color:#fff9;margin-bottom:20px;font-size:13px}.index-module-scss-module__qY7RiG__emptyState{text-align:left;padding:0}.index-module-scss-module__qY7RiG__emptyState h3{margin-bottom:8px}.index-module-scss-module__qY7RiG__emptyState p{color:#ffffff80;font-size:13px}.index-module-scss-module__qY7RiG__primaryTraits{flex-wrap:wrap;gap:8px;display:flex}.index-module-scss-module__qY7RiG__primaryTrait{border-radius:4px;width:32px;height:32px;transition:transform .2s,filter .2s;display:block;overflow:hidden}.index-module-scss-module__qY7RiG__primaryTrait:hover{filter:drop-shadow(0 0 6px var(--neon-cyan-strong));transform:scale(1.1)}.index-module-scss-module__qY7RiG__primaryTraitImage{object-fit:cover;width:100%;height:100%;display:block}.index-module-scss-module__qY7RiG__championsCell{width:190px;min-width:190px;max-width:190px}.index-module-scss-module__qY7RiG__champions{flex-wrap:wrap;gap:8px;display:flex}.index-module-scss-module__qY7RiG__compLink{color:#ffffffb3;justify-content:center;align-items:center;font-size:16px;transition:color .2s,text-shadow .2s;display:inline-flex}.index-module-scss-module__qY7RiG__compLink:hover{color:var(--neon-cyan);text-shadow:0 0 6px var(--neon-cyan-strong)}.index-module-scss-module__qY7RiG__loadingContainer{flex:1;justify-content:center;align-items:center;display:flex}
.index-module-scss-module__6_WQ6G__ActiveTraits{margin-top:15px;margin-bottom:5px}.index-module-scss-module__6_WQ6G__traits{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:768px){.index-module-scss-module__6_WQ6G__traits{gap:6px}}.index-module-scss-module__6_WQ6G__trait{background:var(--surface-3);border:1px solid var(--border-soft);color:#ffffffe6;clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px));align-items:center;gap:3px;padding:3px 6px;font-size:10px;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.index-module-scss-module__6_WQ6G__trait:hover{background:var(--neon-cyan-soft);border-color:var(--neon-cyan-edge)}@media (max-width:768px){.index-module-scss-module__6_WQ6G__trait{gap:2px;padding:3px 5px;font-size:9px}}.index-module-scss-module__6_WQ6G__traitImage{border-radius:2px;width:16px;height:16px}@media (max-width:768px){.index-module-scss-module__6_WQ6G__traitImage{width:14px;height:14px}}.index-module-scss-module__6_WQ6G__traitTier{color:#ffffffe6;font-weight:600}.index-module-scss-module__6_WQ6G__emptyState{color:#ffffff80;text-align:center;padding-bottom:15px;font-size:13px}.index-module-scss-module__6_WQ6G__tooltipContent{color:#ffffffe6;max-width:300px;padding:10px 15px;font-size:12px;line-height:1.5}.index-module-scss-module__6_WQ6G__tooltipContent img{vertical-align:middle}
.index-module-scss-module__4PZYmW__OneOffTraits{margin-top:15px}.index-module-scss-module__4PZYmW__OneOffTraits h3{font-family:"Orbitron",var(--font-orbitron),sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--neon-cyan-strong);margin-bottom:12px;font-size:11px;font-weight:700}.index-module-scss-module__4PZYmW__traits{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:768px){.index-module-scss-module__4PZYmW__traits{gap:6px}}.index-module-scss-module__4PZYmW__trait{background:var(--surface-3);border:1px solid var(--border-soft);color:#ffffffe6;clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px));align-items:center;gap:3px;padding:3px 6px;font-size:10px;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.index-module-scss-module__4PZYmW__trait:hover{background:var(--neon-cyan-soft);border-color:var(--neon-cyan-edge)}@media (max-width:768px){.index-module-scss-module__4PZYmW__trait{gap:2px;padding:3px 5px;font-size:9px}}.index-module-scss-module__4PZYmW__traitImage{border-radius:2px;width:16px;height:16px}@media (max-width:768px){.index-module-scss-module__4PZYmW__traitImage{width:14px;height:14px}}.index-module-scss-module__4PZYmW__traitTier{color:#ffffffe6;font-weight:600}.index-module-scss-module__4PZYmW__tooltipContent{color:#ffffffe6;max-width:300px;padding:10px 15px;font-size:12px;line-height:1.5}.index-module-scss-module__4PZYmW__tooltipContent img{vertical-align:middle}
.index-module-scss-module__UHUMyq__CompStats{background:var(--surface-3);border:1px solid var(--border-soft);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);justify-content:center;align-items:center;height:50px;margin-top:10px;display:flex;position:relative}.index-module-scss-module__UHUMyq__statsGrid{justify-content:center;align-items:center;gap:10px;display:flex}@media (max-width:768px){.index-module-scss-module__UHUMyq__statsGrid{gap:8px}}@media (max-width:480px){.index-module-scss-module__UHUMyq__statsGrid{flex-wrap:wrap;gap:6px}}.index-module-scss-module__UHUMyq__loading{text-align:center;color:#fff9;font-size:14px}.index-module-scss-module__UHUMyq__loadingContainer{justify-content:center;align-items:center;display:flex}.index-module-scss-module__UHUMyq__stat{text-align:center;min-width:80px}@media (max-width:480px){.index-module-scss-module__UHUMyq__stat{min-width:70px}}.index-module-scss-module__UHUMyq__value{font-family:"Orbitron",var(--font-orbitron),sans-serif;letter-spacing:.04em;color:var(--neon-cyan);margin-bottom:2px;font-size:13px;font-weight:700}@media (max-width:768px){.index-module-scss-module__UHUMyq__value{font-size:12px}}@media (max-width:480px){.index-module-scss-module__UHUMyq__value{font-size:11px}}.index-module-scss-module__UHUMyq__label{font-family:"Orbitron",var(--font-orbitron),sans-serif;color:#ffffff8c;text-transform:uppercase;letter-spacing:.14em;font-size:8px;font-weight:700}@media (max-width:480px){.index-module-scss-module__UHUMyq__label{font-size:8px}}.index-module-scss-module__UHUMyq__warning{text-align:center;color:#ffc864e6;font-size:9px;line-height:1.4;position:absolute;bottom:-14px;left:0;right:0}.index-module-scss-module__UHUMyq__warning svg{margin-right:4px;font-size:9px}
.index-module-scss-module__bMLNuW__ContestedRisk{box-sizing:border-box;flex-direction:column;align-items:center;gap:8px;max-width:100%;margin-top:10px;display:flex;overflow:hidden}.index-module-scss-module__bMLNuW__barContainer{box-sizing:border-box;width:100%;max-width:100%}.index-module-scss-module__bMLNuW__barBackground{border:1px solid var(--border-soft);background:#0000004d;border-radius:4px;width:100%;height:12px;overflow:hidden}.index-module-scss-module__bMLNuW__barFill{border-radius:4px;height:100%;transition:width .3s,background-color .3s}.index-module-scss-module__bMLNuW__label{font-family:"Orbitron",var(--font-orbitron),sans-serif;color:#ffffff8c;letter-spacing:.14em;text-transform:uppercase;text-align:center;font-size:9px;font-weight:700}
.index-module-scss-module__1iYj6W__SavedComps{width:100%;max-width:100%}.index-module-scss-module__1iYj6W__SavedComps h3{font-family:"Orbitron",var(--font-orbitron),sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--neon-cyan-strong);text-align:center;margin-bottom:12px;font-size:12px;font-weight:700}@media (max-width:768px){.index-module-scss-module__1iYj6W__SavedComps{padding:12px 0}.index-module-scss-module__1iYj6W__SavedComps h3{margin-bottom:10px;font-size:11px}}.index-module-scss-module__1iYj6W__compsList{flex-direction:column;gap:10px;display:flex}.index-module-scss-module__1iYj6W__savedComp{background:var(--surface-3);border:1px solid var(--border-soft);cursor:pointer;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));align-items:center;gap:8px;padding:8px;transition:background .2s,border-color .2s;display:flex}.index-module-scss-module__1iYj6W__savedComp:hover{background:var(--surface-2);border-color:var(--neon-cyan-edge)}.index-module-scss-module__1iYj6W__championsContainer{flex-wrap:wrap;flex:1;gap:8px;display:flex}.index-module-scss-module__1iYj6W__loadButton{color:#ffffffb3;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px 8px;font-size:14px;transition:color .2s,text-shadow .2s;display:flex}.index-module-scss-module__1iYj6W__loadButton:hover{color:var(--neon-cyan);text-shadow:0 0 6px var(--neon-cyan-strong)}.index-module-scss-module__1iYj6W__deleteButton{color:#fc012ab3;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px 8px;font-size:12px;transition:color .2s,text-shadow .2s;display:flex}.index-module-scss-module__1iYj6W__deleteButton:hover{color:var(--red);text-shadow:0 0 4px #fc012a80}.index-module-scss-module__1iYj6W__emptyState{color:#ffffff80;text-align:center;font-size:13px}
.index-module-scss-module___qhzsq__TeamBuilder{flex-direction:column;gap:30px;width:100%;max-width:100%;display:flex}@media (max-width:768px){.index-module-scss-module___qhzsq__TeamBuilder{gap:20px}}.index-module-scss-module___qhzsq__mainArea{grid-template-columns:600px 1fr;align-items:start;gap:30px;width:100%;max-width:100%;display:grid}@media (max-width:1200px){.index-module-scss-module___qhzsq__mainArea{grid-template-columns:1fr;gap:20px}}@media (max-width:768px){.index-module-scss-module___qhzsq__mainArea{gap:15px}}.index-module-scss-module___qhzsq__boardContainer{justify-content:center;width:100%;max-width:600px;padding-top:15px;display:flex;overflow:visible}.index-module-scss-module___qhzsq__boardContainer>div{width:100%;max-width:100%;overflow:visible}@media (max-width:1200px){.index-module-scss-module___qhzsq__boardContainer{max-width:100%;margin:0 auto}}.index-module-scss-module___qhzsq__rightColumn{z-index:1;flex-direction:column;align-self:start;gap:15px;width:100%;max-width:100%;display:flex;position:sticky;top:20px}.index-module-scss-module___qhzsq__rightColumn>:not(:first-child){margin-top:0}.index-module-scss-module___qhzsq__rightColumn>:nth-child(3){margin-top:-5px}@media (max-width:1200px){.index-module-scss-module___qhzsq__rightColumn{position:relative;top:0}}@media (max-width:768px){.index-module-scss-module___qhzsq__rightColumn{gap:12px}}.index-module-scss-module___qhzsq__championSelectionContainer{width:100%;max-width:100%;overflow:visible}@media (max-width:1200px){.index-module-scss-module___qhzsq__championSelectionContainer{margin-top:20px}}.index-module-scss-module___qhzsq__boardWrapper{position:relative}.index-module-scss-module___qhzsq__boardButtonsContainer{z-index:10;gap:5px;display:flex;position:absolute;top:-32px;right:5px}.index-module-scss-module___qhzsq__clearButton{color:var(--red);cursor:pointer;clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px));background:#fc012a1f;border:1px solid #fc012a59;justify-content:center;align-items:center;width:20px;height:20px;padding:4px 3px 3px;font-size:11px;font-weight:600;line-height:1;transition:filter .15s,background .15s;display:flex}.index-module-scss-module___qhzsq__clearButton svg{position:relative;top:-.5px}.index-module-scss-module___qhzsq__clearButton:hover{filter:drop-shadow(0 0 4px #fc012a66);background:#fc012a38}.index-module-scss-module___qhzsq__saveCompButton{background:var(--neon-cyan-soft);border:1px solid var(--neon-cyan-edge);color:var(--neon-cyan);font-family:"Orbitron",var(--font-orbitron),sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px));justify-content:center;align-items:center;gap:4px;padding:4px 8px 3px;font-size:9px;font-weight:700;line-height:1;transition:filter .15s,background .15s;display:flex}.index-module-scss-module___qhzsq__saveCompButton svg{position:relative;top:-.5px}.index-module-scss-module___qhzsq__saveCompButton:hover{background:var(--neon-cyan-soft);border-color:var(--neon-cyan);filter:drop-shadow(0 0 6px var(--neon-cyan-strong))}.index-module-scss-module___qhzsq__saveCompButton:disabled{opacity:.5;cursor:not-allowed;filter:none}.index-module-scss-module___qhzsq__exportButton{color:var(--yellow);font-family:"Orbitron",var(--font-orbitron),sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px));background:#e0e9381a;border:1px solid #e0e93859;justify-content:center;align-items:center;gap:4px;padding:4px 8px 3px;font-size:9px;font-weight:700;line-height:1;transition:filter .15s,background .15s;display:flex}.index-module-scss-module___qhzsq__exportButton svg{position:relative;top:-.5px}.index-module-scss-module___qhzsq__exportButton:hover{filter:drop-shadow(0 0 6px #e0e93873);background:#e0e93833}.index-module-scss-module___qhzsq__exportButton.index-module-scss-module___qhzsq__copied{color:var(--green);background:#61a0592e;border-color:#61a05973}.index-module-scss-module___qhzsq__shareButton{color:#be91ff;font-family:"Orbitron",var(--font-orbitron),sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px));background:#aa78ff1f;border:1px solid #aa78ff59;justify-content:center;align-items:center;gap:4px;padding:4px 8px 3px;font-size:9px;font-weight:700;line-height:1;transition:filter .15s,background .15s;display:flex}.index-module-scss-module___qhzsq__shareButton svg{position:relative;top:-.5px}.index-module-scss-module___qhzsq__shareButton:hover{filter:drop-shadow(0 0 6px #aa78ff80);background:#aa78ff38}.index-module-scss-module___qhzsq__shareButton.index-module-scss-module___qhzsq__copied{color:var(--green);background:#61a0592e;border-color:#61a05973}.index-module-scss-module___qhzsq__statsContainer{align-items:center;gap:15px;width:100%;display:flex}.index-module-scss-module___qhzsq__statsContainer>:first-child{flex:0 0 60%}.index-module-scss-module___qhzsq__statsContainer>:last-child{flex:0 0 35%}@media (max-width:768px){.index-module-scss-module___qhzsq__statsContainer{flex-direction:column;align-items:center;gap:15px}.index-module-scss-module___qhzsq__statsContainer>:first-child{flex:auto;width:100%;max-width:600px}.index-module-scss-module___qhzsq__statsContainer>:last-child{flex:auto;width:100%;max-width:300px}}.index-module-scss-module___qhzsq__bottomCards{gap:30px;margin-top:15px;display:flex}@media (max-width:1200px){.index-module-scss-module___qhzsq__bottomCards{flex-direction:column;gap:20px}}
.styles-module-scss-module__lmJ2Dq__page{width:100%;max-width:100%;padding-top:10px}.styles-module-scss-module__lmJ2Dq__page h1{margin-bottom:10px}.styles-module-scss-module__lmJ2Dq__page p{margin-bottom:25px}@media (max-width:768px){.styles-module-scss-module__lmJ2Dq__page h1{font-size:24px}.styles-module-scss-module__lmJ2Dq__page p{margin-bottom:20px;font-size:14px}}.styles-module-scss-module__lmJ2Dq__desktopPromo{background:#00f0ff0f;border:1px solid #00f0ff33;border-radius:4px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;display:flex}@media screen and (max-width:800px){.styles-module-scss-module__lmJ2Dq__desktopPromo{text-align:center;flex-direction:column;gap:8px;padding:12px}}.styles-module-scss-module__lmJ2Dq__desktopPromoIcon{color:var(--neon-cyan);flex-shrink:0;font-size:16px}@media screen and (max-width:800px){.styles-module-scss-module__lmJ2Dq__desktopPromoIcon{font-size:18px}}.styles-module-scss-module__lmJ2Dq__desktopPromoText{color:#ffffffd9;flex:1;font-size:13px}@media screen and (max-width:800px){.styles-module-scss-module__lmJ2Dq__desktopPromoText{font-size:12px}}.styles-module-scss-module__lmJ2Dq__desktopPromoCta{background:var(--neon-cyan);color:#021014;font-family:"Orbitron",var(--font-orbitron),sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:4px;flex-shrink:0;padding:6px 14px;font-size:11px;font-weight:700;text-decoration:none;transition:filter .2s}.styles-module-scss-module__lmJ2Dq__desktopPromoCta:hover{filter:drop-shadow(0 0 8px #00f0ff80)}@media screen and (max-width:800px){.styles-module-scss-module__lmJ2Dq__desktopPromoCta{padding:8px 16px;font-size:10px}}