:root{color-scheme:dark;--bg: #02050d;--ink: #f6f9ff;--muted: #9aa8c2;--dim: #60708e;--line: rgba(163, 202, 255, .18);--line-strong: rgba(0, 245, 255, .42);--cyan: #00f5ff;--pink: #ff2d78;--green: #39ff14;--yellow: #ffe600;--panel: rgba(5, 12, 24, .74);--panel-solid: #07101e;--shadow: 0 28px 90px rgba(0, 0, 0, .58);font-family:Space Grotesk,Rajdhani,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden;background:radial-gradient(circle at 50% 14%,rgba(255,45,120,.16),transparent 32rem),radial-gradient(circle at 50% 72%,rgba(0,245,255,.18),transparent 34rem),#02050d}button{font:inherit}button,a{color:inherit}a{text-decoration:none}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#0b102238,#02050de0),#02050d}.app-shell:before{position:fixed;inset:0;z-index:50;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px),radial-gradient(circle at 50% 50%,transparent,rgba(0,0,0,.24));content:"";mix-blend-mode:screen;opacity:.38}.loading-shell{display:grid;min-height:100vh;place-items:center}.loader{width:44px;aspect-ratio:1;border:1px solid rgba(255,255,255,.14);border-top-color:var(--cyan);border-radius:50%;animation:spin .85s linear infinite}.hud{position:fixed;top:0;right:0;left:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:0 clamp(16px,3vw,36px);background:linear-gradient(180deg,#02050dd1,#02050d00);pointer-events:none}.hud button,.hud a{pointer-events:auto}.hud-brand,.hud-status,.hud-signal,.hud-back{display:inline-flex;align-items:center}.hud-brand{justify-self:start;gap:12px;font-weight:900;letter-spacing:0}.hud-brand span{width:16px;aspect-ratio:1;border:1px solid var(--cyan);background:linear-gradient(90deg,transparent 42%,var(--cyan) 43% 57%,transparent 58%),linear-gradient(180deg,transparent 42%,var(--pink) 43% 57%,transparent 58%);box-shadow:0 0 18px #00f5ffad}.hud-brand strong{font-size:clamp(18px,2vw,24px)}.hud-status{justify-self:center;gap:9px;min-height:34px;padding:0 13px;border:1px solid var(--line);border-radius:4px;color:#dffbff;background:#030a168a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:800;text-transform:uppercase;box-shadow:0 0 24px #00f5ff14}.hud-status svg{color:var(--cyan)}.hud-actions{justify-self:end}.hud-signal{gap:8px;color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:900;text-transform:uppercase}.hud-signal svg{color:var(--green)}.hud-back{gap:8px;min-height:38px;padding:0 14px;border:1px solid rgba(0,245,255,.32);border-radius:4px;color:var(--cyan);background:#00f5ff14;cursor:pointer;font-size:13px;font-weight:800}.motion-stage{position:relative;min-height:100vh;overflow:hidden}.world-scene{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 52% 34%,rgba(255,45,120,.16),transparent 22rem),radial-gradient(circle at 46% 70%,rgba(0,245,255,.16),transparent 28rem),linear-gradient(180deg,#090817,#07101d 42%,#02050d)}.world-intro{position:absolute;top:17vh;left:clamp(18px,6vw,80px);z-index:12;width:min(440px,calc(100vw - 36px));text-shadow:0 0 28px rgba(0,0,0,.76);pointer-events:none}.world-intro h1{margin:0;font-size:clamp(54px,10vw,138px);font-weight:950;line-height:.82}.world-intro p{max-width:340px;margin:18px 0 0;color:#bac8df;font-size:clamp(16px,2vw,20px);line-height:1.42}.world-sky,.world-depth,.world-ground,.destination-layer{position:absolute;inset:0}.world-sky{background:linear-gradient(180deg,rgba(255,110,74,.2),transparent 28%),radial-gradient(circle at 72% 18%,rgba(255,230,0,.18),transparent 13rem)}.star{position:absolute;width:3px;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 16px #ffffffe6;animation:star-drift 4.5s ease-in-out infinite}.star-one{top:18%;left:66%}.star-two{top:28%;left:84%;animation-delay:.9s}.star-three{top:12%;left:38%;animation-delay:1.6s}.world-depth{pointer-events:none}.depth-back{top:26%;background:linear-gradient(90deg,transparent 2%,rgba(0,245,255,.11) 2.2% 2.5%,transparent 2.7% 8%,rgba(255,45,120,.1) 8.2% 8.7%,transparent 8.9%),linear-gradient(180deg,transparent 0 52%,rgba(13,29,52,.72) 52% 67%,transparent 67%);background-size:240px 100%,auto;opacity:.46;transform:skewY(-2deg)}.depth-mid{top:43%;background:linear-gradient(90deg,transparent 8%,rgba(255,255,255,.06) 8.2% 8.6%,transparent 8.8% 18%,rgba(0,245,255,.12) 18.2% 18.8%,transparent 19%),linear-gradient(180deg,transparent 0 46%,rgba(5,14,29,.82) 46% 66%,transparent 66%);background-size:180px 100%,auto;opacity:.7;transform:skewY(2deg)}.world-ground{top:52%;background:radial-gradient(ellipse at 50% 66%,rgba(0,245,255,.16),transparent 48%),linear-gradient(180deg,transparent 0 18%,rgba(2,7,15,.44) 18%,#02050d 100%);perspective:820px}.world-ground span{position:absolute;right:-10%;bottom:-14%;left:-10%;height:65%;border-top:1px solid rgba(0,245,255,.18);background-image:linear-gradient(rgba(0,245,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.13) 1px,transparent 1px);background-size:54px 54px;transform:rotateX(63deg);transform-origin:50% 100%;animation:grid-flow 4.2s linear infinite}.world-ground span:nth-child(2){opacity:.35;animation-duration:6.9s}.world-ground span:nth-child(3){background-size:160px 160px;opacity:.28;animation-duration:9s}.destination-layer{z-index:11}.destination-building{position:absolute;left:var(--x);top:var(--y);z-index:calc(10 + var(--z));display:grid;justify-items:center;width:clamp(92px,10vw,142px);border:0;color:var(--ink);background:transparent;cursor:pointer;transform:translate(-50%,-100%);transition:transform .18s ease,filter .18s ease,opacity .18s ease}.destination-building.dimmed{opacity:.86}.destination-building:hover,.destination-building.active{opacity:1;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--accent) 54%,transparent));transform:translate(-50%,-104%)}.building-shadow{position:absolute;bottom:-20px;width:124%;height:32px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 18%,transparent),transparent 64%);filter:blur(6px)}.building-body{position:relative;display:grid;width:84%;min-height:clamp(118px,14vw,190px);place-items:center;border:1px solid color-mix(in srgb,var(--accent) 58%,transparent);border-radius:8px 8px 3px 3px;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 38%),linear-gradient(180deg,#ffffff14,#02070ff2),repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 2px,transparent 2px 18px);box-shadow:inset 0 0 44px color-mix(in srgb,var(--accent) 14%,transparent),0 0 28px color-mix(in srgb,var(--accent) 20%,transparent);animation:building-breathe 2.6s ease-in-out infinite}.building-marquee .building-body{min-height:clamp(92px,10vw,132px);border-radius:3px}.building-tower .building-body{min-height:clamp(142px,16vw,214px);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.building-vault .building-body{min-height:clamp(104px,12vw,154px);border-radius:50% 50% 5px 5px}.building-plaza .building-body{width:108%;min-height:clamp(78px,9vw,116px);border-radius:6px}.building-windows{position:absolute;inset:14px;opacity:.72;background:linear-gradient(90deg,transparent 46%,color-mix(in srgb,var(--accent) 70%,white 8%) 47% 53%,transparent 54%),repeating-linear-gradient(180deg,transparent 0 15px,color-mix(in srgb,var(--accent) 52%,transparent) 15px 17px)}.building-body svg{position:relative;z-index:2;color:var(--accent);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 80%,transparent))}.building-label{display:grid;gap:3px;min-width:132px;margin-top:10px;padding:8px 10px;border-left:1px solid var(--accent);background:linear-gradient(90deg,#02070fe0,#02070f00);text-align:left}.building-label strong{font-size:15px;line-height:1}.building-label small{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:900;text-transform:uppercase}.destination-dock{position:absolute;right:clamp(14px,3vw,36px);bottom:clamp(16px,4vw,38px);left:clamp(14px,3vw,36px);z-index:25;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:760px;margin:0 auto;padding:8px;border:1px solid var(--line);border-radius:8px;background:#030a16ad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.destination-dock button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid transparent;border-radius:5px;color:#c6d3e8;background:transparent;cursor:pointer;font-size:13px;font-weight:850}.destination-dock button.active,.destination-dock button:hover{border-color:#ffffff24;background:#ffffff0f;color:#fff}.destination-dock span{width:7px;aspect-ratio:1;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.travel-stage{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 26%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 18rem),linear-gradient(180deg,#090817,#02050d)}.travel-sky{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 32%),repeating-linear-gradient(90deg,transparent 0 72px,rgba(255,255,255,.02) 72px 73px);animation:travel-sky 1.05s cubic-bezier(.19,.88,.23,1) both}.travel-road{position:absolute;right:10%;bottom:-8%;left:10%;height:58%;clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);background:linear-gradient(90deg,transparent 49%,color-mix(in srgb,var(--accent) 74%,transparent) 49.5% 50.5%,transparent 51%),linear-gradient(180deg,#08122294,#02050d);border-top:1px solid color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:inset 0 0 90px color-mix(in srgb,var(--accent) 12%,transparent)}.travel-road span{position:absolute;left:50%;width:2px;height:70px;background:color-mix(in srgb,var(--accent) 70%,transparent);transform:translate(-50%);animation:road-dash .36s linear infinite}.travel-road span:nth-child(1){top:5%}.travel-road span:nth-child(2){top:30%;animation-delay:90ms}.travel-road span:nth-child(3){top:56%;animation-delay:.18s}.travel-road span:nth-child(4){top:82%;animation-delay:.27s}.travel-facade{position:absolute;top:17%;left:50%;z-index:4;display:grid;width:min(430px,72vw);min-height:300px;place-items:center;text-align:center;transform:translate(-50%);animation:facade-arrive 1.05s cubic-bezier(.19,.88,.23,1) both}.facade-aura{position:absolute;inset:-90px -120px;z-index:-1;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 30%,transparent),transparent 65%)}.travel-facade div{display:grid;gap:10px;width:100%;min-height:260px;align-content:center;padding:28px;border:2px solid color-mix(in srgb,var(--accent) 68%,transparent);border-radius:10px 10px 4px 4px;background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 38%),linear-gradient(180deg,#ffffff12,#030a16eb),repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 3px,transparent 3px 30px);box-shadow:inset 0 0 80px color-mix(in srgb,var(--accent) 16%,transparent),0 0 70px color-mix(in srgb,var(--accent) 26%,transparent)}.travel-facade small,.travel-facade p,.room-copy span,.hotspot-detail span,.room-screen small,.room-hotspot span{font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:900;text-transform:uppercase}.travel-facade small,.room-copy span,.hotspot-detail span,.room-screen small,.room-hotspot span{color:var(--accent)}.travel-facade strong{font-size:clamp(44px,8vw,88px);line-height:.9}.travel-facade p{max-width:280px;margin:0 auto;color:var(--muted);line-height:1.45}.room-view{position:relative;display:grid;grid-template-columns:minmax(220px,.55fr) minmax(540px,1.42fr) minmax(250px,.68fr);gap:clamp(14px,2vw,28px);min-height:100vh;padding:104px clamp(16px,3vw,40px) 28px;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 28rem),linear-gradient(180deg,#0c1226bd,#02050d)}.room-copy{align-self:start;padding-top:8vh}.room-copy h1{margin:8px 0 14px;max-width:100%;font-size:clamp(42px,5vw,68px);line-height:.94}.room-copy p{max-width:310px;margin:0;color:#bac8df;font-size:17px;line-height:1.48}.room-space{position:relative;align-self:center;min-height:min(70vh,690px);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:8px;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 18rem),#040a14;box-shadow:inset 0 0 90px #ffffff06,0 28px 90px #00000080}.room-space:after{position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,color-mix(in srgb,var(--accent) 18%,transparent) 50%,transparent 50.2%),repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0 1px,transparent 1px 7px);content:"";opacity:.32}.room-back-wall{position:absolute;top:5%;right:13%;left:13%;z-index:2;height:48%;border:2px solid color-mix(in srgb,var(--accent) 34%,transparent);border-bottom:0;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,transparent),#081120eb),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}.room-left-wall,.room-right-wall{position:absolute;z-index:1;top:15%;width:19%;height:56%;border:1px solid rgba(163,202,255,.14);background:linear-gradient(180deg,#06101ff0,#02070fdb)}.room-left-wall{left:5%;transform:skewY(23deg)}.room-right-wall{right:5%;transform:skewY(-23deg)}.room-floor{position:absolute;right:7%;bottom:5%;left:7%;z-index:3;height:42%;clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);background:var(--room-floor);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.floor-perspective{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--accent) 16%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 16%,transparent) 1px,transparent 1px);background-size:48px 48px;transform:perspective(500px) rotateX(58deg) scale(1.25);transform-origin:50% 100%;animation:floor-current 2.6s linear infinite}.room-marquee,.room-screen,.room-prop{position:absolute;z-index:4;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);background:#02070fc2;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 16%,transparent)}.room-marquee{top:20px;left:50%;display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border-radius:4px;transform:translate(-50%)}.room-marquee svg{color:var(--accent)}.main-screen{right:44%;bottom:34px;left:7%;display:grid;gap:6px;min-height:118px;align-content:end;padding:14px;background:radial-gradient(circle at 40% 28%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 42%),#02070fcc}.room-screen strong{font-size:clamp(17px,2vw,28px);line-height:1.04}.side-screen{right:7%;bottom:54px;display:grid;gap:4px;width:26%;min-height:86px;align-content:center;padding:12px}.side-screen span{color:var(--ink);font-weight:850}.room-prop{display:grid;width:54px;aspect-ratio:1;place-items:center;border-radius:50%;color:var(--accent);animation:prop-float 2.4s ease-in-out infinite}.prop-left{top:34%;left:9%}.prop-right{top:32%;right:12%;animation-delay:.42s}.ambient-person{position:absolute;z-index:3;bottom:18%;width:18px;height:34px;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:999px 999px 5px 5px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 34%,transparent),#02070fcc);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 18%,transparent);animation:person-idle 1.9s ease-in-out infinite}.person-one{left:29%}.person-two{left:52%;animation-delay:.3s}.person-three{left:70%;animation-delay:.62s}.room-hotspot{position:absolute;left:var(--x);top:var(--y);z-index:12;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent) 46%,transparent);border-radius:999px;color:#e8fbff;background:#02070fd1;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 12%,transparent);cursor:pointer;transform:translate(-50%,-50%);transition:transform .16s ease,border-color .16s ease,background .16s ease}.room-hotspot svg{color:var(--accent)}.room-hotspot:hover,.room-hotspot.active{border-color:color-mix(in srgb,var(--accent) 78%,white 10%);background:color-mix(in srgb,var(--accent) 14%,rgba(2,7,15,.86));transform:translate(-50%,-58%)}.hotspot-detail{align-self:end;display:grid;gap:10px;padding:18px;border-left:1px solid var(--accent);background:linear-gradient(90deg,#030a16cc,#030a1600)}.hotspot-detail h2{margin:0;font-size:clamp(24px,3vw,42px);line-height:1}.hotspot-detail p{margin:0;color:#b7c5dc;font-size:15px;line-height:1.48}.hotspot-detail button{justify-self:start;min-height:38px;padding:0 14px;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:4px;color:var(--ink);background:color-mix(in srgb,var(--accent) 16%,transparent);cursor:pointer;font-weight:850}@keyframes spin{to{transform:rotate(360deg)}}@keyframes star-drift{50%{opacity:.45;transform:translateY(8px)}}@keyframes grid-flow{to{background-position:0 54px,54px 0}}@keyframes building-breathe{50%{box-shadow:inset 0 0 58px color-mix(in srgb,var(--accent) 20%,transparent),0 0 40px color-mix(in srgb,var(--accent) 26%,transparent);transform:translateY(-3px)}}@keyframes travel-sky{0%{filter:blur(8px);transform:scale(1.15)}to{filter:blur(0);transform:scale(1)}}@keyframes road-dash{to{transform:translate(-50%,84px)}}@keyframes facade-arrive{0%{opacity:.3;transform:translate(-50%) scale(.64)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes floor-current{to{background-position:0 48px,48px 0}}@keyframes prop-float{50%{transform:translateY(-7px)}}@keyframes person-idle{50%{transform:translateY(-4px)}}@media(max-width:980px){.hud{grid-template-columns:1fr auto;gap:10px}.hud-status{display:none}.world-intro{top:13vh}.room-view{grid-template-columns:1fr;align-content:start;gap:18px;padding-top:90px}.room-copy{padding-top:0}.room-copy p{max-width:680px}.room-copy h1{font-size:clamp(44px,8vw,76px)}.room-space{min-height:560px}.hotspot-detail{align-self:start}}@media(max-width:680px){.hud{min-height:64px;padding:0 12px}.hud-brand strong{font-size:18px}.hud-signal{display:none}.hud-back{min-height:34px;padding:0 10px;font-size:12px}.world-intro{top:12vh;left:16px}.world-intro h1{max-width:calc(100vw - 32px);font-size:clamp(38px,12vw,52px);line-height:.92}.world-intro p{max-width:270px;font-size:15px}.destination-building{--mobile-x: var(--x);--mobile-y: var(--y);left:var(--mobile-x);top:var(--mobile-y)}.destination-building:nth-child(1){--mobile-x: 26%;--mobile-y: 66%}.destination-building:nth-child(2){--mobile-x: 48%;--mobile-y: 58%}.destination-building:nth-child(3){--mobile-x: 72%;--mobile-y: 65%}.destination-building:nth-child(4){--mobile-x: 82%;--mobile-y: 55%}.destination-building:nth-child(5){--mobile-x: 55%;--mobile-y: 79%}.destination-building{width:82px}.building-body{min-height:98px}.building-label{min-width:104px;padding:7px 8px}.building-label strong{font-size:12px}.building-label small{display:none}.destination-dock{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px;right:10px;left:10px;width:auto;max-width:none}.destination-dock button{min-width:0;min-height:38px;gap:5px;padding:0 4px;font-size:10px}.destination-dock span{width:5px}.room-view{padding:82px 12px 16px}.room-copy h1{font-size:48px}.room-copy p{font-size:14px}.room-space{min-height:500px}.room-back-wall{right:9%;left:9%}.main-screen{right:38%;left:6%}.side-screen{width:29%;right:6%}.room-hotspot{min-height:32px;padding:0 9px}.room-hotspot span{font-size:9px}.hotspot-detail{padding:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}