:root{color-scheme:dark;--white:#fff;--muted:#c8c7c2}
*{box-sizing:border-box}html,body{height:100%;overflow:hidden}html{background:#050200}body{margin:0;color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;min-width:280px}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-60px;padding:14px 20px;background:white;color:black;z-index:20;font-size:14px}.skip-link:focus{top:16px}
.atmosphere{position:fixed;inset:0;isolation:isolate;pointer-events:none;overflow:hidden;background:#050200}#room{display:none}#motes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fallback-room{position:absolute;inset:-4%;background:#050200 url('assets/room-still-desktop.jpg') center center/cover no-repeat;transform:scale(1.04);animation:room-drift 72s ease-in-out infinite alternate}.reduced-motion .fallback-room{animation:none}.fallback-portals,.fallback-halo,.fallback-floor,.fallback-sun{display:none}.sun-field{position:absolute;left:49%;top:24%;width:76%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.sun-fog{position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(ellipse at 50% 46%,rgba(255,214,140,.26),rgba(255,160,40,.07) 38%,transparent 68%);filter:blur(18px);mix-blend-mode:screen;animation:fog-a 24s ease-in-out infinite alternate}.sun-fog::before,.sun-fog::after{content:"";position:absolute;border-radius:50%;filter:blur(26px);mix-blend-mode:screen}.sun-fog::before{inset:12% 6% 34% 18%;background:radial-gradient(ellipse at 42% 48%,rgba(255,196,90,.22),transparent 72%);animation:fog-b 16s ease-in-out infinite alternate}.sun-fog::after{inset:28% 14% 10% 30%;background:radial-gradient(ellipse at 60% 42%,rgba(255,176,60,.16),transparent 74%);animation:fog-b 28s ease-in-out infinite alternate-reverse}.og-sun{position:absolute;left:50%;top:50%;width:45%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(255,236,190,.34),rgba(255,186,60,.08) 46%,transparent 70%);mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle,#000 34%,transparent 74%);mask-image:radial-gradient(circle,#000 34%,transparent 74%);animation:sun-breathe 7.4s ease-in-out infinite}@keyframes sun-breathe{0%,100%{opacity:.34;transform:translate(-50%,-50%) scale(1)}50%{opacity:.62;transform:translate(-50%,-50%) scale(1.03)}}@keyframes fog-a{from{opacity:.7;transform:translate3d(-1.2%,-.6%,0) scale(1)}to{opacity:1;transform:translate3d(1.6%,1.1%,0) scale(1.05)}}@keyframes fog-b{from{transform:translate3d(-4%,1%,0) scale(1)}to{transform:translate3d(5%,-2%,0) scale(1.08)}}@keyframes room-drift{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.08) translate3d(0,-1.1%,0)}}.room-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 24%,transparent 0 16%,#05020066 62%,#050200d0 100%)}
.page{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;padding:28px 40px 18px;overflow:hidden;pointer-events:none}.masthead{display:flex;justify-content:space-between;gap:20px;color:#b5b4ab;font-size:9px;line-height:1.5;letter-spacing:1.8px;text-transform:uppercase;pointer-events:none}.masthead p{margin:0}.masthead>span{color:#9d9b91}main{width:min(1120px,100%);margin-top:auto;min-height:0;display:flex;flex-direction:column;pointer-events:none}.identity{margin-bottom:14px;width:min(440px,100%);flex:0 0 auto;pointer-events:none}h1{margin:0;font-size:inherit;font-weight:400}.wordmark{display:block;width:100%;height:auto}h1>span{display:block;text-transform:uppercase;font-size:clamp(10px,1.17vw,17px);letter-spacing:.14em;line-height:1.4;margin-top:16px;white-space:nowrap}.intro{font-size:11px;line-height:1.7;letter-spacing:.28px;margin:14px 0 0;color:var(--muted)}
.destinations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:0;max-height:min(250px,34svh);overflow:auto;overscroll-behavior:contain;pointer-events:auto;scrollbar-color:#ffffff40 transparent}.destinations::-webkit-scrollbar{width:6px;height:6px}.destinations::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:99px}.destination{display:flex;align-items:center;gap:12px;text-decoration:none;min-height:74px;padding:12px 14px;border:1px solid #ffffff2e;border-radius:18px;background:#070708c4;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff22;transition:transform .22s ease,border-color .22s ease,background .22s ease}.platform-icon{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:#101114;border:1px solid #ffffff24}.platform-icon img{display:block;width:26px;height:26px;object-fit:contain}.destination--discord .platform-icon img{width:26px}.destination--x .platform-icon img{width:18px;height:18px}.link-copy{flex:1;display:grid;gap:4px;min-width:0}.link-copy strong{font-size:15px;font-weight:400;letter-spacing:.2px}.link-copy>span{font-size:11px;line-height:1.35;color:var(--muted)}.enter{flex-shrink:0;color:#f3f3f1;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.wayfinder{width:28px;height:18px;fill:currentColor;color:#f3f3f1;flex-shrink:0;overflow:visible}.wayfinder-shaft{transform-origin:2px 10px;transition:transform .22s ease}.wayfinder-head{transition:transform .22s ease}.destination:hover{background:#121316e6;border-color:#ffffffa8;transform:translateY(-2px)}.destination:active{transform:translateY(0)}.destination:is(:hover,:focus-visible) .wayfinder-shaft{transform:scaleX(1.35)}.destination:is(:hover,:focus-visible) .wayfinder-head{transform:translateX(4px)}.destination:is(:hover,:focus-visible) .enter{letter-spacing:.22em}a:focus-visible{outline:2px solid #fff;outline-offset:3px}
footer{display:flex;align-items:center;padding-top:12px;flex:0 0 auto;pointer-events:none}footer p{margin:0;color:#b4b2a8;font-size:9px;line-height:1.6;letter-spacing:.3px}footer p span{display:inline}
@media(max-aspect-ratio:17/20){.page{padding:22px 18px 12px}.masthead{font-size:7px;letter-spacing:1.2px}.masthead>span{display:none}main{width:100%;max-width:460px;margin:42svh auto 0;padding:0;flex:1 1 auto}.identity{margin-bottom:10px;width:100%}.wordmark{width:70%;max-width:260px}h1>span{font-size:10px;letter-spacing:.12em;margin-top:8px}.intro{font-size:11px;letter-spacing:.1px;margin-top:8px}.destinations{grid-template-columns:1fr;gap:8px;max-height:none;flex:1 1 auto}.destination{min-height:68px;padding:11px 12px}.link-copy strong{font-size:15px}.link-copy>span{font-size:11px}.room-shade{background:linear-gradient(180deg,transparent 0 38%,#05020055 62%,#050200aa 100%)}footer{padding-top:8px}footer p{font-size:8px}footer p span{display:block}.fallback-room{background-image:url('assets/room-still-mobile.jpg');background-position:center top}.sun-field{left:50%;top:30.5%;width:92%}}
@media(max-width:350px){.page{padding-left:14px;padding-right:14px}.masthead{font-size:6px}.link-copy>span{font-size:10px}.intro{font-size:10px}h1>span{font-size:9px}}
@media(min-aspect-ratio:17/20) and (max-height:650px){main{width:min(100%,980px)}.identity{margin-bottom:8px}.destination{min-height:62px}.intro{margin-top:8px}.destinations{max-height:min(210px,36svh)}}
@media(prefers-reduced-motion:reduce){.fallback-room,#motes{animation:none}#motes{visibility:hidden}.sun-field{display:none}.destination,.wayfinder-shaft,.wayfinder-head,.enter{transition:none}.destination:hover{transform:none}.destination:is(:hover,:focus-visible) .wayfinder-shaft,.destination:is(:hover,:focus-visible) .wayfinder-head{transform:none}}

.destination--spotify .platform-icon{background:#000;border-color:#ffffff18}.destination--tiktok .platform-icon img,.destination--deezer .platform-icon img{width:28px;height:28px}.destination--youtube .platform-icon img{width:28px;height:auto}