@layer components{.lolpv-clip{object-fit:cover;background:var(--vr-bg);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}}
@property --hub-t{syntax:"<color>";inherits:true;initial-value:#0000}@layer components{.lolhub{--hub-t:var(--vr-zone-lol);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:clip}.lolhub__stage,.lolhub__diamond{transition:--hub-t .4s cubic-bezier(.1,.7,.3,1)}.lolhub__ink{pointer-events:none;width:min(82vw,1300px);height:110svh;position:absolute;top:-4svh;right:-14vw;-webkit-mask-image:radial-gradient(closest-side,#000 38%,#0000 100%);mask-image:radial-gradient(closest-side,#000 38%,#0000 100%)}.lolhub__main{z-index:1;flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:clamp(24px,3vw,48px);min-height:0;padding:clamp(16px,3svh,32px) clamp(20px,4vw,72px) clamp(20px,4svh,40px) clamp(20px,5vw,80px);display:flex;position:relative}.lolhub__side{flex-direction:column;flex:0 380px;gap:22px;min-width:0;display:flex}.lolhub__stage{flex-direction:column;flex:640px;min-width:0;max-width:min(1180px,100%,138svh - 262.2px);display:flex}.lolhub__enter{border-radius:var(--vr-r-icon);flex-direction:column;display:flex;position:relative}.lolhub__eyebrow{font:400 12px / 1 var(--vr-font-brand);letter-spacing:.08em;color:var(--vr-ink);align-items:center;gap:12px;margin:0;display:flex}.lolhub__diamond{background:var(--hub-t);width:8px;height:8px;box-shadow:0 0 14px var(--hub-t);transform:rotate(45deg)}.lolhub__rule{background:var(--vr-line);width:80px;height:1px}.lolhub__nav{flex-direction:column;display:flex}.lolhub__item{border-radius:var(--vr-r-check);opacity:.5;transition:opacity .4s ease, transform .5s var(--vr-ease-lift);align-items:baseline;padding:4px 0 4px 22px;display:flex;position:relative}.lolhub__item[data-on]{opacity:1;transform:translate(10px)}.lolhub__label{font:600 clamp(36px, min(5vw, 7.6svh), 80px) / 1.04 var(--vr-font);letter-spacing:var(--vr-track-display)}.lolhub__bar{background:var(--hub-item);width:3px;box-shadow:0 0 16px var(--hub-item);opacity:0;transition:opacity .3s ease, transform .4s var(--vr-ease-lift);border-radius:3px;position:absolute;top:22%;bottom:22%;left:0;transform:scaleY(.3)}.lolhub__item[data-on] .lolhub__bar{opacity:1;transform:scaleY(1)}.lolhub__item:focus-visible,.lolhub__enter:focus-visible{outline:2px solid var(--vr-acc);outline-offset:4px}@media (hover:none),(max-width:1023px){.lolhub__stage{display:none}.lolhub__main{align-items:flex-start}.lolhub__nav{gap:12px}.lolhub__item,.lolhub__item[data-on]{opacity:1;align-items:center;min-height:56px;padding:6px 0 6px 22px;transform:none}.lolhub__item[data-on] .lolhub__bar{opacity:0}}@media (prefers-reduced-motion:reduce){.lolhub__item,.lolhub__bar{transition:none}}}
@layer components{.lolhub-tv{border-radius:var(--vr-r-icon);background:var(--vr-on-bright);box-shadow:0 0 0 1px color-mix(in srgb, var(--vr-fx-lilac) 12%, transparent), 0 0 90px -18px color-mix(in srgb, var(--vr-fx-c2) 45%, transparent), 0 60px 140px -50px color-mix(in srgb, var(--vr-fx-c1) 80%, transparent);padding:clamp(5px,.6vw,8px);position:relative}.lolhub-tv__glass{aspect-ratio:16/9;background:var(--vr-on-bright);border-radius:4px;width:100%;position:relative;overflow:hidden}.lolhub-tv__osd{border-radius:var(--vr-r-check);background:color-mix(in srgb, var(--vr-on-bright) 70%, transparent);font:600 clamp(14px, 1.6vw, 24px) / 1 var(--vr-font-mono);letter-spacing:.04em;color:var(--vr-fx-lilac);text-shadow:0 0 12px var(--hub-t);pointer-events:none;opacity:0;align-items:center;gap:10px;padding:6px 10px;transition:opacity .35s;display:flex;position:absolute;top:clamp(10px,3.6%,22px);left:clamp(10px,2.4%,22px)}.lolhub-tv__osd[data-on]{opacity:1}.lolhub-tv__osd-name{font:500 clamp(12px, 1.2vw, 13px) / 1 var(--vr-font-mono);letter-spacing:.08em;text-transform:uppercase}.lolhub-tv__shine{pointer-events:none;background:linear-gradient(118deg, color-mix(in srgb, var(--vr-fx-lilac) 8%, transparent) 0, color-mix(in srgb, var(--vr-fx-lilac) 2%, transparent) 26%, transparent 38%), radial-gradient(120% 90% at 50% 50%, transparent 60%, color-mix(in srgb, var(--vr-on-bright) 35%, transparent) 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.lolhub-pv,.lolhub-tv__osd{transition:none}}}
@layer components{.lolhub-cat{--cat-deep:var(--vr-on-bright);--cat-a:color-mix(in oklch, var(--vr-fx-c1) 40%, var(--vr-on-bright));--cat-b:color-mix(in oklch, var(--vr-fx-c1) 20%, var(--vr-on-bright));--cat-c:color-mix(in oklch, var(--vr-fx-c1) 10%, var(--vr-on-bright));aspect-ratio:100/24;pointer-events:none;align-self:center;width:80%;margin-top:-4.8%;position:relative;container-type:inline-size}.lolhub-cat>*{position:absolute}.lolhub-cat__glow{background:radial-gradient(55% 80% at 50% 0%, color-mix(in srgb, var(--hub-t) 24%, transparent), transparent 72%);inset:6cqw -8% -4cqw}.lolhub-cat__rim{filter:drop-shadow(0 -.25cqw 0 color-mix(in srgb, var(--hub-t) 85%, transparent)) drop-shadow(0 -.4cqw 1.4cqw color-mix(in srgb, var(--hub-t) 55%, transparent));inset:0}.lolhub-cat__rim>*{position:absolute}.lolhub-cat__head{transform-origin:50% 45%;width:38cqw;height:38cqw;transition:transform .35s var(--vr-ease-spring);top:-7.5cqw;left:31cqw}.lolhub-cat__head[data-zap]{transform:rotate(-2.5deg)translateY(-.4cqw)}.lolhub-cat__mask{background:linear-gradient(180deg, var(--cat-a), var(--cat-b));position:absolute;inset:0;-webkit-mask:url(/brand/voidrift-mark.webp) 50%/contain no-repeat;mask:url(/brand/voidrift-mark.webp) 50%/contain no-repeat}.lolhub-cat__eye{background:linear-gradient(180deg, var(--cat-a), var(--cat-b)) 0 36.6% / 100% 892.9%;border-radius:50%;width:11.2%;height:11.2%;position:absolute;top:32.5%}.lolhub-cat__eye--l{left:34.9%}.lolhub-cat__eye--r{left:53.7%}.lolhub-cat__arm,.lolhub-cat__remote{transform-origin:61cqw 12cqw;transition:transform .22s var(--vr-ease-spring)}.lolhub-cat__arm{inset:0}.lolhub-cat__arm[data-press],.lolhub-cat__remote[data-press]{transform:rotate(-9deg)}.lolhub-cat__forearm{background:var(--cat-a);transform-origin:50% 100%;border-radius:2cqw;width:2.6cqw;height:8.4cqw;position:absolute;top:3.6cqw;left:59.7cqw;transform:rotate(28deg)}.lolhub-cat__paw{background:var(--cat-a);border-radius:50%;width:3.2cqw;height:3.2cqw;position:absolute;top:3.3cqw;left:63.2cqw}.lolhub-cat__remote{background:linear-gradient(90deg, var(--cat-a), var(--cat-deep));width:2.2cqw;height:5cqw;box-shadow:inset 0 .15cqw 0 color-mix(in srgb, var(--vr-fx-lilac) 12%, transparent);border-radius:.8cqw;top:.8cqw;left:64.5cqw}.lolhub-cat__led{background:var(--cat-a);border-radius:50%;width:.8cqw;height:.8cqw;margin-left:-.4cqw;transition:background-color .1s,box-shadow .1s;position:absolute;top:.5cqw;left:50%}.lolhub-cat__remote[data-press] .lolhub-cat__led{background:var(--hub-t);box-shadow:0 0 1.4cqw var(--hub-t)}.lolhub-cat__seat{background:linear-gradient(180deg, var(--cat-b), var(--cat-deep) 85%);width:28cqw;box-shadow:inset 0 .25cqw 0 color-mix(in srgb, var(--hub-t) 26%, transparent);border-radius:4cqw 4cqw 1cqw 1cqw;top:11cqw;bottom:-2cqw}.lolhub-cat__seat--l{left:2cqw}.lolhub-cat__seat--r{left:70cqw}.lolhub-cat__rest{background:linear-gradient(180deg, var(--cat-c), var(--cat-deep) 80%);width:3.2cqw;box-shadow:inset 0 .2cqw 0 color-mix(in srgb, var(--hub-t) 22%, transparent);border-radius:1.6cqw 1.6cqw 0 0;top:16.5cqw;bottom:-2cqw}.lolhub-cat__rest--l{left:32cqw}.lolhub-cat__rest--r{left:64.8cqw}.lolhub-cat__chair{background:linear-gradient(180deg, var(--cat-a), var(--cat-b) 60%, var(--cat-deep) 95%);width:28cqw;box-shadow:inset 0 .3cqw 0 color-mix(in srgb, var(--hub-t) 55%, transparent), inset 0 1.2cqw 2cqw -1cqw color-mix(in srgb, var(--hub-t) 22%, transparent);border-radius:4.4cqw 4.4cqw 1cqw 1cqw;top:9.5cqw;bottom:-2cqw;left:36cqw}.lolhub-cat__cushion{background:linear-gradient(180deg, color-mix(in srgb, var(--vr-fx-lilac) 5%, transparent), transparent);height:6cqw;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--vr-fx-lilac) 4%, transparent);border-radius:3cqw 3cqw 1.2cqw 1.2cqw;position:absolute;top:1.6cqw;left:3cqw;right:3cqw}@media (prefers-reduced-motion:reduce){.lolhub-cat__head,.lolhub-cat__arm,.lolhub-cat__remote,.lolhub-cat__led{transition:none}}}
