.hub.svelte-1uha8ag{display:flex;flex-direction:column}.hub-hero-inner.svelte-1uha8ag{display:grid;grid-template-columns:1fr;gap:clamp(28px,3.5vw,48px);align-items:center;padding-top:clamp(32px,5vw,64px);padding-bottom:clamp(36px,5vw,64px)}.hub-hero.svelte-1uha8ag .gg-wrap:where(.svelte-1uha8ag){max-width:1520px}@media (min-width: 1100px){.hub-hero-inner.svelte-1uha8ag{grid-template-columns:minmax(280px,3.4fr) minmax(0,8.6fr);gap:clamp(32px,3.5vw,56px);min-height:600px}}.hub-rail.svelte-1uha8ag{max-width:760px}.hub-h1.svelte-1uha8ag{max-width:12ch;margin-top:18px;font-size:clamp(38px,4vw,60px)}.hub-sub.svelte-1uha8ag{max-width:40ch;margin-top:16px}.hub-stats.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:14px 28px;margin:26px 0 0}.hub-stats.svelte-1uha8ag div:where(.svelte-1uha8ag){display:flex;flex-direction:column;gap:3px}.hub-stats.svelte-1uha8ag dd:where(.svelte-1uha8ag){margin:0;font-size:24px;font-weight:700;color:var(--lol-text);letter-spacing:-.02em;line-height:1}.hub-stats.svelte-1uha8ag dt:where(.svelte-1uha8ag){font-size:12.5px;color:var(--lol-text-3)}.hub-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}.hub-tile.svelte-1uha8ag{position:relative;display:block;overflow:hidden;isolation:isolate;aspect-ratio:16 / 10;border-radius:16px;text-decoration:none;color:inherit;background:#ffffff0b;border:1px solid rgba(255,255,255,.12);transition:border-color .2s,transform .25s}a.hub-tile.svelte-1uha8ag:hover{border-color:color-mix(in srgb,var(--gc) 55%,transparent);transform:translateY(-3px)}.hub-tile-art.svelte-1uha8ag{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;z-index:-1;filter:saturate(.92) brightness(.9);transition:transform .5s ease}a.hub-tile.svelte-1uha8ag:hover .hub-tile-art:where(.svelte-1uha8ag){transform:scale(1.04)}.hub-tile.svelte-1uha8ag:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#0a092514,#0a09252e 34%,#0a0925db 62%,#0a0925f7)}.hub-tile-genre.svelte-1uha8ag{position:absolute;top:12px;left:12px;z-index:1;font-size:11.5px;font-weight:600;color:var(--lol-text);background:#0a0925b3;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);border-radius:7px;padding:4px 9px}.hub-tile-body.svelte-1uha8ag{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:clamp(16px,1.8vw,26px)}.hub-tile-name.svelte-1uha8ag{margin:0;font-size:clamp(21px,2vw,30px);font-weight:700;letter-spacing:-.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.hub-tile-desc.svelte-1uha8ag{margin:6px 0 0;max-width:42ch;font-size:clamp(13.5px,1.05vw,15.5px);line-height:1.45;color:#d6e0ee;text-shadow:0 1px 2px rgba(0,0,0,.5)}.hub-tile-links.svelte-1uha8ag{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px}.hub-tile-go.svelte-1uha8ag{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:auto;border-radius:8px;background:var(--lol-primary);color:#fff;opacity:0;transform:translate(-4px);transition:opacity .2s,transform .2s}.hub-tile-go.svelte-1uha8ag svg:where(.svelte-1uha8ag){width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}a.hub-tile.svelte-1uha8ag:hover .hub-tile-go:where(.svelte-1uha8ag),a.hub-tile.svelte-1uha8ag:focus-visible .hub-tile-go:where(.svelte-1uha8ag){opacity:1;transform:none}@media (hover: none){.hub-tile-go.svelte-1uha8ag{opacity:1;transform:none}}.hub-tile-links.svelte-1uha8ag span:where(.svelte-1uha8ag){font-size:12px;font-weight:600;color:#f2f5fa;background:#0a09258c;border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:3px 8px}.hub-tile--soon.svelte-1uha8ag{cursor:default}.hub-tile--wide.svelte-1uha8ag{grid-column:1 / -1;aspect-ratio:32 / 9}.hub-tile--wide.svelte-1uha8ag .hub-tile-body:where(.svelte-1uha8ag){max-width:60%}@media (max-width: 640px){.hub-tile--wide.svelte-1uha8ag{aspect-ratio:16 / 9}.hub-tile--wide.svelte-1uha8ag .hub-tile-body:where(.svelte-1uha8ag){max-width:none}}.hub-tile--soon.svelte-1uha8ag .hub-tile-art:where(.svelte-1uha8ag){filter:saturate(.4) brightness(.55)}.hub-tile--soon.svelte-1uha8ag .hub-tile-genre:where(.svelte-1uha8ag){color:var(--lol-text-2)}@keyframes svelte-1uha8ag-hubRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hub-rise.svelte-1uha8ag{animation:svelte-1uha8ag-hubRise .6s cubic-bezier(.22,.9,.3,1) both}.r1.svelte-1uha8ag{animation-delay:.04s}.r2.svelte-1uha8ag{animation-delay:.12s}.r3.svelte-1uha8ag{animation-delay:.2s}.hub-grid.svelte-1uha8ag .hub-tile:where(.svelte-1uha8ag){animation:svelte-1uha8ag-hubRise .6s cubic-bezier(.22,.9,.3,1) both;animation-delay:calc(.24s + var(--i) * .07s)}@media (prefers-reduced-motion: reduce){.hub-rise.svelte-1uha8ag,.hub-grid.svelte-1uha8ag .hub-tile:where(.svelte-1uha8ag){animation:none}}.hub-why.svelte-1uha8ag{padding:0 0 clamp(52px,7vw,96px)}.hub-why-grid.svelte-1uha8ag{display:grid;grid-template-columns:1fr;gap:28px;padding-top:clamp(36px,5vw,64px)}@media (min-width: 800px){.hub-why-grid.svelte-1uha8ag{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}}.hub-why-grid.svelte-1uha8ag p:where(.svelte-1uha8ag){margin-top:8px;max-width:42ch}@media (max-width: 640px){.hub-grid.svelte-1uha8ag{grid-template-columns:1fr;gap:10px}.hub-tile.svelte-1uha8ag{aspect-ratio:16 / 9;border-radius:14px}.hub-h1.svelte-1uha8ag{font-size:38px}.hub-stats.svelte-1uha8ag{gap:12px 22px}.hub-stats.svelte-1uha8ag dd:where(.svelte-1uha8ag){font-size:20px}}