:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef8ff;font-synthesis:none;--line:#aedcff29;background:#020208;font-family:Avenir Next,Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 45%,#12255357,#0000 34%),#020208;min-height:100svh;overflow:hidden}button,a{font:inherit}button:focus-visible,a:focus-visible{outline-offset:5px;outline:1px solid #bae8ffe6}.universe-shell{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.universe-canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.interface{z-index:3;pointer-events:none;grid-template-rows:auto 1fr auto;min-height:100svh;padding:clamp(24px,4vw,58px);display:grid;position:relative}.topbar,.song-map,.corner-note{pointer-events:auto}canvas{touch-action:none}.quality-toggle{z-index:12;left:max(16px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));color:#cae5f56b;letter-spacing:.13em;text-transform:lowercase;cursor:pointer;touch-action:manipulation;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#03081461;border:1px solid #aedcff1c;border-radius:2px;min-height:28px;padding:6px 9px;font:7px Space Mono,monospace;transition:color .25s,border-color .25s,background .25s,opacity .35s;position:fixed}.quality-toggle:hover,.quality-toggle:focus-visible{color:#ebf9ffd9;background:#122a418c;border-color:#aedcff59;outline:none}.vhs-switching .quality-toggle{opacity:0;pointer-events:none}.portal-open .quality-toggle{opacity:.32}html[data-graphics=light] .song-map,html[data-graphics=light] .portal-panel,html[data-graphics=light] .planet-marker,html[data-graphics=light] .planet-invitation,html[data-graphics=light] .career-target,html[data-graphics=light] .gesture,html[data-graphics=light] .quality-toggle{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.computer-mode[data-graphics=light] .universe-shell:after{opacity:.22}.topbar{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.identity-kicker,.coordinate,.song-number,.song-state,.corner-note,.formation-copy{text-transform:uppercase;letter-spacing:.18em;font-family:Space Mono,monospace}.identity-kicker{color:#a0d8ffad;margin-bottom:9px;font-size:9px;display:block}.identity h1{letter-spacing:.13em;text-transform:lowercase;text-shadow:0 0 38px #58a9ff52;margin:0;font-size:clamp(18px,2vw,30px);font-weight:300}.coordinate{color:#cbe5f673;text-align:right;max-width:250px;font-size:8px;line-height:1.8}.intro-copy{align-self:center;width:min(470px,44vw);margin-top:-5vh}.intro-copy p{color:#dceef98c;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:clamp(10px,.9vw,13px)}.intro-copy h2{letter-spacing:-.055em;margin:0;font-size:clamp(33px,5.6vw,86px);font-weight:300;line-height:.96}.intro-copy h2 span{color:#0000;-webkit-text-stroke:1px #cde6ff61;display:block}.song-map{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(120deg,#0409189e,#05061247);border:1px solid #aedcff1f;place-self:end;width:min(470px,44vw);padding:7px 14px;box-shadow:0 25px 70px #00000c47,inset 0 0 55px #61a0ff06}.song-link{color:#e5f1faa3;border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;width:100%;min-height:58px;padding:14px 5px 13px;transition:color .3s,padding .3s,background .3s;display:grid;position:relative}.song-link:before{content:"";background:linear-gradient(90deg, rgba(var(--song-rgb), .14), transparent 72%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.song-link:hover,.song-link.is-active{color:#fff;padding-left:14px}.song-link:hover:before,.song-link.is-active:before{opacity:1}.song-number,.song-state{color:rgba(var(--song-rgb), .72);font-size:8px;position:relative}.song-title{letter-spacing:.08em;font-size:clamp(13px,1.25vw,18px);font-weight:300;position:relative}.song-state{color:#daebf657}.corner-note{color:#c8deed75;font-size:8px;line-height:1.8;position:absolute;bottom:clamp(24px,4vw,58px);left:clamp(24px,4vw,58px)}.ambient-toggle{z-index:5;color:#c4e1f26b;letter-spacing:.15em;text-transform:lowercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03081457;border:1px solid #aedcff1a;padding:7px 9px;font:7px Space Mono,monospace;transition:color .25s,border-color .25s,background .25s,opacity .4s;position:fixed;top:clamp(82px,8vw,112px);right:clamp(24px,4vw,58px)}.ambient-toggle:hover,.ambient-toggle[aria-pressed=true]{color:#e1f5ffcc;background:#234b6c2e;border-color:#aedcff4d}.portal-open .ambient-toggle{opacity:.3}.planet-markers{z-index:4;pointer-events:none;position:absolute;inset:0}.planet-marker{color:#e8f6ffb8;border:1px solid rgba(var(--song-rgb), .18);min-width:92px;box-shadow:0 0 22px rgba(var(--song-rgb), .07);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.13em;text-transform:lowercase;opacity:0;visibility:hidden;pointer-events:auto;cursor:pointer;background:#0207128a;justify-content:center;align-items:center;gap:8px;padding:7px 10px;font:7px Space Mono,monospace;transition:opacity .45s,transform .45s,border-color .3s,box-shadow .3s,visibility .45s;display:flex;position:fixed;transform:translate(-50%,calc(-50% - 72px))scale(.88)}.is-formed .planet-marker{opacity:.7;visibility:visible;transform:translate(-50%,calc(-50% - 72px))scale(1)}.planet-marker:hover{opacity:1;color:#fff;border-color:rgba(var(--song-rgb), .62);box-shadow:0 0 34px rgba(var(--song-rgb), .2);transform:translate(-50%,calc(-50% - 75px))scale(1.06)}.planet-marker i{background:rgb(var(--song-rgb));width:5px;height:5px;box-shadow:0 0 13px rgb(var(--song-rgb));border-radius:50%;flex:none}.planet-marker:after{content:"";background:linear-gradient(rgba(var(--song-rgb), .4), transparent);width:1px;height:34px;position:absolute;top:100%;left:50%}.planet-marker.is-behind{visibility:hidden;opacity:0!important}.portal-open .planet-marker{opacity:.12}.portal-open .planet-marker.is-active{opacity:0;visibility:hidden}.formation{z-index:8;background:#010106;place-items:center;transition:opacity 1.4s,visibility 1.4s;display:grid;position:fixed;inset:0}.formation.is-complete{opacity:0;visibility:hidden}.formation-copy{color:#c2e4fa94;text-align:center;font-size:8px}.formation-line{background:#92c7ff1f;width:180px;height:1px;margin-top:16px;overflow:hidden}.formation-line:after{content:"";background:#a7dcff;width:45%;height:100%;animation:1.6s ease-in-out infinite searching;display:block;box-shadow:0 0 18px #5b8cff}@keyframes searching{0%{transform:translate(-110%)}to{transform:translate(330%)}}.portal-panel{--active-rgb:91, 216, 255;z-index:6;color:#edf8ff;border:1px solid rgba(var(--active-rgb), .24);width:min(440px,100vw - 40px);box-shadow:0 0 90px rgba(var(--active-rgb), .1), inset 0 0 80px rgba(var(--active-rgb), .045);-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);opacity:0;pointer-events:none;background:linear-gradient(145deg,#070b1be6,#02030cc7);flex-direction:column;padding:clamp(28px,4vw,54px);transition:transform .75s cubic-bezier(.2,.8,.18,1),opacity .5s,border-color .5s;display:flex;position:fixed;top:clamp(20px,3vw,44px);bottom:clamp(20px,3vw,44px);right:clamp(20px,3vw,44px);transform:translate(calc(100% + 70px))}.portal-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%, rgba(var(--active-rgb), .15), transparent 34%);position:absolute;inset:0}.portal-panel.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.panel-close{color:#e0eff87a;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-self:flex-end;align-items:center;gap:10px;font:8px Space Mono,monospace;display:flex}.panel-close span{font:300 22px Manrope,sans-serif}.panel-index{color:rgba(var(--active-rgb), .65);letter-spacing:.19em;text-transform:uppercase;margin-top:auto;font:8px Space Mono,monospace}.panel-world{color:#ddedf885;letter-spacing:.16em;text-transform:uppercase;margin:18px 0 4px;font-size:10px}.portal-panel h3{letter-spacing:-.055em;text-shadow:0 0 40px rgba(var(--active-rgb), .22);margin:0;font-size:clamp(42px,5vw,72px);font-weight:300;line-height:1}.panel-note{color:#dcebf594;max-width:340px;margin:22px 0 34px;font-size:13px;line-height:1.7}.player{border-top:1px solid rgba(var(--active-rgb), .17);border-bottom:1px solid rgba(var(--active-rgb), .17);grid-template-columns:auto 1fr;align-items:center;gap:22px;padding:20px 0;display:grid}.play-button{color:#f1fbff;background:rgba(var(--active-rgb), .09);border:1px solid rgba(var(--active-rgb), .42);cursor:pointer;width:64px;height:64px;box-shadow:0 0 32px rgba(var(--active-rgb), .1);border-radius:50%;place-content:center;gap:2px;transition:transform .25s,background .25s;display:grid}.play-button:hover{background:rgba(var(--active-rgb), .17);transform:scale(1.05)}.play-icon{font-size:11px}#playLabel{letter-spacing:.12em;text-transform:uppercase;font:7px Space Mono,monospace}.player-timeline input{appearance:none;cursor:pointer;background:#dfeff826;width:100%;height:1px}.player-timeline input::-webkit-slider-thumb{appearance:none;background:rgb(var(--active-rgb));width:7px;height:7px;box-shadow:0 0 13px rgb(var(--active-rgb));border-radius:50%}.player-time{color:#d7e8f466;justify-content:space-between;margin-top:10px;font:7px Space Mono,monospace;display:flex}.portal-action{color:#e1f0f994;text-transform:uppercase;letter-spacing:.12em;gap:10px;margin-top:20px;padding:18px 0 12px;font-size:9px;display:grid}.portal-action>span{color:rgba(var(--active-rgb), .68);letter-spacing:.17em;font:7px Space Mono,monospace}.portal-action button{color:#e1f0f959;background:rgba(var(--active-rgb), .035);letter-spacing:.15em;text-align:left;text-transform:uppercase;border:1px solid #e1f0f91f;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:68px;padding:16px 20px;font:8px Space Mono,monospace;display:flex}.portal-action button strong{font-weight:500}.portal-action button i{font:300 28px/1 system-ui,sans-serif;transition:transform .22s}.portal-action button:not(:disabled){color:#f3fbff;border-color:rgba(var(--active-rgb), .64);cursor:pointer;box-shadow:0 0 34px rgba(var(--active-rgb), .12), inset 0 0 34px rgba(var(--active-rgb), .055);transition:color .22s,background .22s,box-shadow .22s,transform .22s}.portal-action button:not(:disabled):hover{color:#fff;background:rgba(var(--active-rgb), .15);box-shadow:0 0 48px rgba(var(--active-rgb), .22);transform:translateY(-2px)}.portal-action button:not(:disabled):hover i{transform:translate(6px)}.planet-invitation{--active-rgb:125, 218, 255;z-index:5;color:#f3fbff;background:linear-gradient(145deg, rgba(var(--active-rgb), .15), #020510e0 70%);border:1px solid rgba(var(--active-rgb), .54);width:clamp(210px,17vw,270px);min-height:88px;box-shadow:0 0 48px rgba(var(--active-rgb), .25), inset 0 0 34px rgba(var(--active-rgb), .08);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);opacity:0;visibility:hidden;cursor:pointer;border-radius:3px;place-items:center;gap:6px;padding:16px 20px;transition:opacity .4s,transform .55s cubic-bezier(.2,.8,.2,1),visibility .4s,background .25s;display:grid;position:fixed;transform:translate(-50%,34px)scale(.82)}.planet-invitation:before{content:"";background:linear-gradient(transparent, rgba(var(--active-rgb), .7));width:1px;height:36px;position:absolute;bottom:100%;left:50%}.planet-invitation:hover{background:linear-gradient(145deg, rgba(var(--active-rgb), .25), #030714f0 72%)}.planet-invitation.is-visible{opacity:1;visibility:visible;transform:translate(-50%,34px)scale(1)}.planet-invitation span{color:#c3e7ffb8;letter-spacing:.19em;text-transform:uppercase;font:7px Space Mono,monospace}.planet-invitation strong{letter-spacing:.08em;text-transform:uppercase;font:500 8px/1.55 Space Mono,monospace}.planet-invitation i{font:300 22px/1 system-ui,sans-serif;animation:1.5s ease-in-out infinite invitation-arrow}@keyframes invitation-arrow{50%{text-shadow:0 0 14px #b8eaff;transform:translate(7px)}}.streaming{color:#e1f0f975;flex-wrap:wrap;gap:10px 16px;margin-top:auto;font-size:9px;display:flex}.streaming-label{color:rgba(var(--active-rgb), .58);letter-spacing:.18em;text-transform:uppercase;flex-basis:100%;font:7px Space Mono,monospace}.streaming small{color:#e1f0f938;flex-basis:100%;font-size:8px}.portal-open .intro-copy{opacity:.16;transition:opacity .5s,transform .7s;transform:translate(-24px)}.portal-open .song-map{opacity:0;pointer-events:none;transition:opacity .4s,transform .6s;transform:translate(24px)}@media (width<=760px){.interface{padding-top:max(22px, env(safe-area-inset-top));padding-right:max(18px, env(safe-area-inset-right));padding-bottom:max(20px, env(safe-area-inset-bottom));padding-left:max(18px, env(safe-area-inset-left))}.coordinate{display:none}.intro-copy{align-self:start;width:90%;margin-top:15vh}.intro-copy h2{font-size:clamp(42px,14vw,68px)}.song-map{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(90deg,#02040ec7,#02040e61);width:100%;margin-bottom:4px;padding:5px 10px}.song-link{min-height:49px;padding-block:10px}.song-state,.corner-note{display:none}.ambient-toggle{top:68px;right:18px}.portal-panel{width:auto;height:min(72svh,620px);padding:24px 22px;inset:auto 10px 10px;transform:translateY(calc(100% + 30px))}.portal-panel.is-open{transform:translateY(0)}.portal-panel h3{font-size:clamp(38px,13vw,58px)}.panel-index{margin-top:8px}.panel-note{margin:14px 0 20px}.player{padding:15px 0}.play-button{width:54px;height:54px}.portal-action button{min-height:62px}.planet-marker{min-width:72px;padding:5px 7px;font-size:6px;transform:translate(-50%,calc(-50% - 52px))}.is-formed .planet-marker{transform:translate(-50%,calc(-50% - 52px))}.planet-marker:after{height:23px}.planet-invitation{width:205px;min-height:78px;padding:13px 15px;transform:translate(-50%,28px)scale(.82)}.planet-invitation.is-visible{transform:translate(-50%,28px)scale(1)}.streaming{margin-top:16px}.quality-toggle{min-width:82px;min-height:40px}html.song-world-route .forever-bar,html.song-world-route .world-bar,html.song-world-route .soul-bar,html.song-world-route .thought-bar{padding-top:max(20px, env(safe-area-inset-top));padding-right:max(18px, env(safe-area-inset-right));padding-left:max(18px, env(safe-area-inset-left))}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important}}