.champ-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.champ-tile{border:1px solid var(--line);background:var(--panel-solid);isolation:isolate;transition:transform .25s var(--ease), border-color .25s, box-shadow .25s;border-radius:16px;display:block;position:relative;overflow:hidden}@media (hover:hover){.champ-tile:hover{border-color:rgb(var(--cyan-rgb) / .6);transform:translateY(-4px);box-shadow:0 18px 40px #00000073}}.champ-tile-art{aspect-ratio:1;overflow:hidden}.champ-tile-art img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease)}@media (hover:hover){.champ-tile:hover .champ-tile-art img{transform:scale(1.07)}}.champ-tile-art:after{content:"";background:linear-gradient(#0000 38%,#06050df0 100%);position:absolute;inset:0}.champ-tile-copy{z-index:2;position:absolute;bottom:10px;left:12px;right:12px}.champ-tile-copy b{font:900 27px/.9 var(--f-display);text-transform:uppercase;letter-spacing:.01em;display:block}.champ-tile-copy small{color:var(--text-2);font:600 12px/1.2 var(--f-hud);letter-spacing:.08em;text-transform:uppercase;margin-top:5px;display:block}.champ-tile-badges{z-index:2;justify-content:space-between;align-items:flex-start;gap:6px;display:flex;position:absolute;top:8px;left:8px;right:8px}.champ-tile-badges .stack{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.champ-tile-build{border:1.5px solid rgb(var(--gold-rgb) / .7);width:28px;height:28px;color:var(--gold);background:#0d0b22;border-radius:8px;flex:none;place-items:center;display:grid}.champ-tile-build svg{stroke-width:2.4px;width:16px;height:16px}.champ-tile.is-upcoming{cursor:default;background:#ffffff05;border-style:dashed}@media (hover:hover){.champ-tile.is-upcoming:hover{border-color:var(--line-2);box-shadow:none;transform:none}}.champ-tile.is-upcoming .champ-tile-art img{filter:grayscale()brightness(.8);opacity:.45}@media (hover:hover){.champ-tile.is-upcoming:hover .champ-tile-art img{transform:none}}.champ-tile.is-upcoming .champ-tile-copy b{color:var(--text-2)}.champ-tile.is-upcoming .mini-tag{color:var(--text-2);border-color:var(--line-2)}@media (max-width:560px){.champ-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.champ-tile{border-radius:12px}.champ-tile-copy{bottom:8px;left:8px;right:6px}.champ-tile-copy b{font-size:19px}.champ-tile-copy small{letter-spacing:.02em;font-size:12px}.champ-tile-badges{top:6px;left:6px;right:6px}.champ-tile-badges .mini-tag{letter-spacing:.04em;height:22px;padding:0 6px}.champ-tile-build{border-radius:7px;width:24px;height:24px}.champ-tile-build svg{width:14px;height:14px}}.upcoming-champs{border-top:1px dashed var(--line-2);margin-top:clamp(32px,6vw,56px);padding-top:clamp(20px,4vw,32px)}.upcoming-head{font:900 clamp(26px, 4vw, 36px) / 1 var(--f-display);text-transform:uppercase;color:var(--text-2);align-items:center;gap:10px;display:flex}.upcoming-head .count{font:700 15px/1 var(--f-hud);color:var(--text-3)}.upcoming-lead{color:var(--text-3);margin:8px 0 16px;font-size:16px;line-height:1.5}