@layer components{.rift-hub{flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:clip}@media (min-height:600px) and (min-width:1024px){.rift-hub{height:100svh;overflow:clip}.rift-hub__main{flex:1 1 0;overflow:hidden auto}}.rift-hub__ink{z-index:0;pointer-events:none;opacity:.55;position:absolute;inset:0}.rift-hub__main{z-index:1;flex-wrap:wrap;flex:1 0 auto;place-content:safe center center;align-items:center;gap:clamp(14px,3vh,40px) clamp(20px,4vw,56px);width:100%;max-width:1180px;min-height:0;margin:0 auto;padding:clamp(8px,2vh,28px) 20px clamp(16px,3vh,32px);display:flex;position:relative}.rift-hub__card{aspect-ratio:1;border-radius:var(--vr-r-card);border:1px solid var(--vr-line);background:var(--vr-photo-bg);width:min(100%,62vh,560px,max(28vh,100vw - 340px));box-shadow:0 30px 80px -30px color-mix(in srgb, var(--vr-acc2) 60%, transparent);color:var(--vr-on-photo);transition:transform var(--vr-t-lift) var(--vr-ease-spring);flex:0 auto;display:block;position:relative;overflow:hidden}.rift-hub__card:active{transform:scale(.98)}@media (hover:hover){.rift-hub__card:hover{color:var(--vr-on-photo);transform:translateY(-4px)}}@media (max-width:767px){.rift-hub__card{width:min(100%,360px)}.rift-hub__main{padding-top:56px}}.rift-hub__zoom{transform-origin:62% 58%;position:absolute;inset:0;transform:scale(1.35)}.rift-hub__map,.rift-hub__arrows{width:100%;height:100%;position:absolute;inset:0}.rift-hub__map{object-fit:cover}.rift-hub__arrows{overflow:visible}.rift-hub__dash{stroke:var(--vr-fx-lilac);stroke-width:.5px;stroke-dasharray:2 1.4;stroke-linecap:round;animation:1.4s linear infinite rift-hub-dash}.rift-hub__ward,.rift-hub__token{--rh-team:var(--vr-blue);border-radius:50%;position:absolute}.rift-hub__ward[data-team=red],.rift-hub__token[data-team=red]{--rh-team:var(--vr-loss)}.rift-hub__ward{background:var(--rh-team);width:10px;height:10px;margin:-5px 0 0 -5px}.rift-hub__ward:after{content:"";background:var(--rh-team);animation:2.4s ease-out infinite rift-hub-ping;animation-delay:inherit;border-radius:50%;position:absolute;inset:0}.rift-hub__token{border:2px solid var(--rh-team);width:24px;height:24px;box-shadow:0 4px 10px -2px var(--vr-photo-veil-a70);margin:-12px 0 0 -12px;overflow:hidden}.rift-hub__token img{width:100%;height:100%;display:block}.rift-hub__scrim{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--vr-photo-veil) 88%, transparent));height:65%;position:absolute;inset:auto 0 0}.rift-hub__caption{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 12px;display:flex;position:absolute;bottom:clamp(12px,2.4vh,20px);left:clamp(12px,2.4vh,20px);right:clamp(12px,2.4vh,20px)}.rift-hub__caption-text{flex-direction:column;flex:8rem;gap:6px;min-width:0;display:flex}.rift-hub__eyebrow{font:500 11px / 1 var(--vr-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--vr-on-photo2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rift-hub__plan{font:600 clamp(15px, 2.2vh, 18px) / 1.2 var(--vr-font);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rift-hub__resume{border-radius:var(--vr-r-pill);background:var(--vr-on-photo);height:40px;color:var(--vr-on-bright);font:500 13px / 1 var(--vr-font);flex:none;align-items:center;gap:8px;padding:0 16px;display:flex}.rift-hub__side{flex-direction:column;flex:320px;gap:clamp(12px,2.2vh,22px);min-width:0;max-width:440px;display:flex}.rift-hub__head{text-align:center;flex-direction:column;align-items:center;gap:clamp(6px,1.2vh,12px);display:flex}.rift-hub__mascot{aspect-ratio:864/1120;height:min(19vh,190px)}.rift-hub__title{font:400 min(52px, 7vh, 10vw) / 1 var(--vr-font-brand);color:var(--vr-acc);margin:0}.rift-hub__desc{font:400 15px / 1.45 var(--vr-font);color:var(--vr-mute);text-wrap:pretty;margin:0}.rift-hub__note{text-align:center;font:400 13px / 1.4 var(--vr-font);color:var(--vr-dim);margin:0}.rift-hub__links{justify-content:center;gap:clamp(32px,6vw,56px);margin:0;padding:clamp(4px,1vh,10px) 0 0;list-style:none;display:flex}.rift-hub__link{color:var(--vr-ink);flex-direction:column;align-items:center;gap:10px;display:flex}.rift-hub__bubble{aspect-ratio:1;background:var(--vr-acc);width:clamp(58px,9vh,76px);color:var(--vr-cta-ink);box-shadow:0 16px 30px -12px var(--vr-acc2-a90), inset 0 -8px 14px color-mix(in srgb, var(--vr-acc2) 50%, transparent);transition:transform var(--vr-t-lift) var(--vr-ease-spring);border-radius:50%;place-items:center;display:grid;position:relative}@media (hover:hover){.rift-hub__link:hover{color:var(--vr-ink)}.rift-hub__link:hover .rift-hub__bubble{transform:scale(1.08)}}.rift-hub__count{border-radius:var(--vr-r-pill);border:3px solid var(--vr-bg);background:var(--vr-ink);min-width:28px;height:28px;color:var(--vr-bg);font:600 12px / 1 var(--vr-font);place-items:center;padding:0 8px;display:grid;position:absolute;top:-3px;right:-8px}.rift-hub__link-title{font:600 14px / 1 var(--vr-font)}@keyframes rift-hub-ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}@keyframes rift-hub-dash{to{stroke-dashoffset:-11px}}@media (prefers-reduced-motion:reduce){.rift-hub__card,.rift-hub__bubble{transition:none}.rift-hub__dash,.rift-hub__ward:after{animation:none}.rift-hub__ward:after{opacity:0}}}