.comp-spotlight{margin-bottom:2rem;position:relative}.comp-spotlight__background{background-color:#151922;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.comp-spotlight__gradient{background:linear-gradient(90deg,#0b0e14,#151922,#151922e6);position:absolute;top:0;bottom:0;left:0;right:0}.comp-spotlight__bg-image{object-fit:cover;opacity:.2;mix-blend-mode:screen;width:66%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000 0%,#0000 100%);mask-image:linear-gradient(270deg,#000 0%,#0000 100%)}.comp-spotlight__content{z-index:10;border:1px solid #ffffff0d;border-radius:1rem;grid-template-columns:1fr;gap:0;min-height:280px;display:grid;position:relative}@media (min-width:1024px){.comp-spotlight__content{grid-template-columns:1fr 2fr}}.comp-spotlight__left{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid #ffffff0d;border-radius:1rem 0 0 1rem;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}@media (max-width:1023px){.comp-spotlight__left{border-bottom:1px solid #ffffff0d;border-right:none;border-radius:1rem 1rem 0 0}}.comp-spotlight__header{flex-direction:column;gap:.75rem;display:flex}.comp-spotlight__badges{flex-wrap:wrap;gap:.5rem;display:flex}.comp-spotlight__badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-radius:.25rem;padding:.25rem .625rem;font-size:.625rem;font-weight:700;display:inline-block;box-shadow:0 1px 2px #0000001a}.comp-spotlight__badge--s{color:#d946ef;background-color:#d946ef33;border:1px solid #d946ef33}.comp-spotlight__badge--a{color:#818cf8;background-color:#6366f133;border:1px solid #6366f133}.comp-spotlight__badge--b{color:#9ca3af;background-color:#6b728033;border:1px solid #6b728033}.comp-spotlight__type-badge{color:#d1d5db;background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:.25rem;padding:.25rem .625rem;font-size:.625rem;font-weight:700;display:inline-block}.comp-spotlight__subtitle{color:#9ca3af;margin-bottom:-.875rem;font-size:.875rem}.comp-spotlight__title{color:#fff;font-size:1.5rem;font-weight:900;line-height:1.2}@media (min-width:768px){.comp-spotlight__title{font-size:1.875rem}}.comp-spotlight__info-grid{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.comp-spotlight__info-item{color:#9ca3af;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.comp-spotlight__info-icon{color:#d946ef}.comp-spotlight__info-label{color:#6b7280}.comp-spotlight__info-value{color:#fff;font-weight:600}.comp-spotlight__focus-section{flex-direction:column;gap:.5rem;display:flex}.comp-spotlight__section-title{color:#6b7280;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.comp-spotlight__focus-list{flex-direction:column;gap:.375rem;display:flex}.comp-spotlight__focus-item{background-color:#ffffff0d;border-radius:.375rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.375rem .5rem;display:flex}.comp-spotlight__focus-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.comp-spotlight__focus-items{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.comp-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}.comp-spotlight__focus-info{flex-direction:column;gap:.125rem;display:flex}.comp-spotlight__focus-name{color:#fff;font-size:.875rem;font-weight:600}.comp-spotlight__focus-cost{color:#9ca3af;font-size:.625rem}.comp-spotlight__traits{margin-top:auto}.comp-spotlight__traits-list{flex-wrap:wrap;gap:.375rem;margin-top:.5rem;display:flex}.comp-spotlight__trait-more{color:#9ca3af;background-color:#1e2330;border:1px solid #ffffff0d;border-radius:.25rem;align-items:center;padding:.25rem .5rem;font-size:.625rem;font-weight:700;display:inline-flex}.comp-spotlight__center{flex-direction:column;padding:1.5rem;display:flex}.comp-spotlight__center-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.comp-spotlight__units-title{color:#fff;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;display:flex}.comp-spotlight__units-icon{color:#d946ef}.comp-spotlight__tags{gap:.5rem;display:flex}.comp-spotlight__tag{color:#9ca3af;background-color:#ffffff0d;border:1px solid #ffffff0d;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem}.comp-spotlight__board{flex-direction:column;flex:1;justify-content:center;gap:1.5rem;padding:0 1rem;display:flex}.comp-spotlight__row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.comp-spotlight__row--carries{align-items:flex-end;min-height:100px}.comp-spotlight__row--frontline{align-items:flex-start}.comp-spotlight__unit{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.comp-spotlight__unit .champion__image-wrapper{width:56px;height:56px}.comp-spotlight__unit--carry{z-index:20}.comp-spotlight__unit--carry .champion__image-wrapper{width:80px;height:80px}.comp-spotlight__unit--compact-named{width:56px;min-width:0}.comp-spotlight__unit--compact-named .champion{width:100%}.comp-spotlight__unit--compact-named .champion__name--compact-visible{width:100%;min-width:0}