:root{color-scheme:dark;--void:#080A19;--navy:#0B143F;--cyan:#05E6FC;--ice:#EDF0FF;--soft:#AAB5D8;--line:rgba(141,162,233,.2);--grad:linear-gradient(110deg,#5B3FEC,#3091F4 58%,#05E6FC);font-family:Geist,system-ui,sans-serif;color:var(--ice);background:var(--void)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{color:inherit}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.topbar{height:96px;position:relative;z-index:12;display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0px) max(36px,env(safe-area-inset-right)) 0 max(36px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:linear-gradient(#080a19d9,#080a1933)}.back-link{font-size:12px;text-decoration:none;color:#c2cae4;display:flex;align-items:center;gap:12px}.back-link span{color:var(--cyan);font-size:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;position:absolute;left:50%;transform:translateX(-50%)}.brand .em{width:22px;height:31px;flex:none;overflow:visible}.brand>span{font-family:Unbounded,sans-serif;font-weight:600;font-size:16px;letter-spacing:-.6px}.brand small{font-family:'Geist Mono',monospace;display:inline-block;font-size:7px;writing-mode:vertical-rl;letter-spacing:1px;margin-left:4px}.menu-toggle{border:1px solid var(--line);background:#10193688;padding:11px 16px;display:flex;gap:25px;font-size:12px}.menu-toggle span{color:var(--cyan)}
.eyebrow{font:400 10px/1.5 'Geist Mono',monospace;letter-spacing:.19em;text-transform:uppercase;display:flex;align-items:center;gap:9px;color:#95a8d1}.eyebrow i{width:5px;height:5px;background:var(--cyan);transform:rotate(45deg);box-shadow:0 0 12px #05e6fc88}.fallback{max-width:1344px;margin:auto;padding:80px 36px 32px}.fallback h1{font:500 clamp(36px,5.5vw,70px)/1.15 Unbounded,sans-serif;letter-spacing:-.055em;margin:24px 0}.fallback h1 span{color:#889ada}.intro{color:var(--soft);max-width:650px;line-height:1.7;margin-bottom:54px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.project-card{text-decoration:none}.card-screen{border:1px solid #34416a;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:#111527;transition:transform .25s}.browser-bar{display:flex;align-items:center;gap:14px;height:29px;padding:0 12px;color:#596687;font:10px 'Geist Mono',monospace}.browser-bar b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-screen img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}.card-heading{padding-top:23px}.card-heading>span{color:#7e92c2;font:10px 'Geist Mono',monospace;letter-spacing:.14em}.card-heading h2{font-size:19px;font-weight:500}.card-heading p{color:var(--soft);font-size:14px;line-height:1.6;min-height:46px}.card-heading strong{font:12px 'Geist Mono',monospace;border-bottom:1px solid #3c4c79;padding-bottom:9px;display:inline-flex;gap:30px}.project-card:hover .card-screen{transform:translateY(-5px);border-color:var(--cyan)}.collection-note{border-top:1px solid var(--line);padding:25px 0;margin-top:64px;color:#6d7eaa;font:10px 'Geist Mono',monospace;text-transform:uppercase;letter-spacing:.13em}
body.playing,body.is-loading{overflow:hidden}.playing .topbar,.is-loading .topbar{position:fixed;top:0;left:0;width:100%}.playing .fallback,.is-loading .fallback{display:none}#experience{position:fixed;inset:0;background:var(--void);overflow:hidden}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none;cursor:grab}#world:active{cursor:grabbing}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,25,.36),transparent 35%),linear-gradient(0deg,#080a197d,transparent 24%);box-shadow:inset 0 0 140px #080a1950}.world-title{pointer-events:none;position:absolute;top:140px;left:38px;transition:opacity 1s}.world-title h1{font:500 clamp(28px,2.8vw,38px)/1.2 Unbounded,sans-serif;letter-spacing:-.045em;margin:18px 0}.world-title h1 span{color:#a4b2dd}.world-title>p:last-child{font-size:12px;color:#96a6cb;line-height:1.5}.has-moved .world-title{opacity:0}.portal-label{position:absolute;left:0;top:0;pointer-events:none;text-align:center;white-space:nowrap;will-change:transform;transform-origin:center bottom;text-shadow:0 2px 8px #030819}.portal-label b{display:block;color:#e6edff;font-weight:500;font-size:13px}.portal-label small{display:block;font:9px 'Geist Mono',monospace;color:#7bd8ff;letter-spacing:.15em;margin:0 0 7px}.portal-label span{display:block;margin:6px auto;width:1px;height:17px;background:linear-gradient(#72d5ff88,transparent)}.portal-arrow{position:absolute;display:flex;align-items:center;gap:8px;color:#a0b2d9;font:9px 'Geist Mono',monospace;letter-spacing:.06em;pointer-events:none;background:#080e229c;border:1px solid #4065a440;padding:8px 10px;border-radius:2px;white-space:nowrap}.portal-arrow i{font-style:normal;color:#65d9ff;font-size:15px}.portal-arrow small{color:#6682b5}.island-marker{position:absolute;bottom:35px;left:38px;color:#b5c4e4;font:10px 'Geist Mono',monospace;letter-spacing:.14em}.live-dot{display:inline-block;background:var(--cyan);height:5px;width:5px;border-radius:50%;margin:0 9px 1px 0;box-shadow:0 0 10px #05e6fc}.marker-sub{display:block;margin-top:9px;color:#6276a5;font-size:8px;letter-spacing:.16em}.controls-hint{position:absolute;bottom:72px;left:50%;transform:translateX(-50%);color:#a3b3d6;font:10px 'Geist Mono',monospace;white-space:nowrap;pointer-events:none;transition:opacity 1s}.controls-hint.faded{opacity:0}kbd{font:9px 'Geist Mono',monospace;padding:5px 7px;margin:0 6px 0 15px;border:1px solid #7186b54d;color:#d1dcf3;background:#101b365c}.portal-prompt{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);font-size:11px;color:#b7c9ec;background:#0a1329bd;border:1px solid #41567865;padding:10px 18px;white-space:nowrap;margin:0;transition:border-color .2s}.portal-prompt.near{color:#bcfaff;border-color:#05e6fc88}.mini-map{position:absolute;right:38px;bottom:28px;width:114px;height:114px;border:1px solid #5e7cb833;border-radius:50%;background:#080e2088;box-shadow:inset 0 0 24px #27488015}.mini-map:before,.mini-map:after{content:'';position:absolute;background:#51689b22;left:50%;top:0;width:1px;height:100%}.mini-map:after{transform:rotate(90deg)}.map-north{position:absolute;left:calc(50% - 3px);top:-15px;font:8px 'Geist Mono',monospace;color:#7891bd}.map-ring{position:absolute;inset:17px;border:1px dashed #42669545;border-radius:50%}.map-monument{position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;transform:rotate(45deg);background:#617de2}.map-portal{position:absolute;left:var(--x);top:var(--y);color:#92dfff;font:8px 'Geist Mono',monospace;transform:translate(-50%,-50%)}#map-player{position:absolute;left:50%;top:50%;width:5px;height:5px;background:white;border-radius:50%;box-shadow:0 0 8px #05e6fc;z-index:1}.touch-controls,.touch-hint{display:none}
.loading{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 45%,#101c48,#080a19 60%)}.loading>svg{width:60px;height:85px;margin-bottom:25px;filter:drop-shadow(0 0 24px #3091f477)}.loading h2{font:500 24px Unbounded,sans-serif;letter-spacing:-.04em;margin:12px 0}.loading #loading-detail{font-size:12px;color:var(--soft)}progress{appearance:none;-webkit-appearance:none;width:230px;height:3px;border:0;background:#222d50;margin:20px 0 28px}progress::-webkit-progress-bar{background:#222d50}progress::-webkit-progress-value{background:var(--grad)}progress::-moz-progress-bar{background:var(--grad)}.text-button{background:none;border:0;color:#9fb4e0;padding:12px;font-size:12px;text-decoration:underline;text-underline-offset:5px}.btn-primary{border:0;color:#050716;background:var(--grad);font-weight:600;font-size:13px;padding:16px 22px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}dialog{width:min(570px,calc(100% - 32px));padding:30px;color:var(--ice);background:#0b1228;border:1px solid #385080;box-shadow:0 30px 100px #0009;max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#020616b8;backdrop-filter:blur(10px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{background:none;border:1px solid var(--line);padding:10px 14px}dialog h2{font:500 22px/1.4 Unbounded,sans-serif;letter-spacing:-.04em;margin:25px 0}dialog nav{display:grid}dialog nav a{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);text-decoration:none;padding:20px 0;font-size:15px}dialog nav a span{font:10px 'Geist Mono',monospace;color:#788ef5}dialog nav a b{margin-left:auto;color:var(--cyan);font-weight:400}dialog nav a:hover{color:var(--cyan)}.menu-help{font-size:12px;color:#99aacd;line-height:1.8;padding:14px 0}.menu-actions{display:flex;gap:12px;flex-wrap:wrap}.warp{position:fixed;inset:0;z-index:30;pointer-events:none;background:radial-gradient(ellipse,#d9ffffd9,rgba(40,115,250,.5) 35%,#152659aa 75%);display:grid;place-items:center;animation:warp-flash .9s ease-in both}.warp p{font:500 clamp(15px,3vw,28px)/1.5 Unbounded,sans-serif;position:relative;color:white;max-width:80%;text-align:center;text-shadow:0 2px 20px #112368}.warp-ring{position:absolute;width:30vw;aspect-ratio:1;border:2px solid #bbffff;border-radius:50%;box-shadow:0 0 90px #05e6fc;animation:warp-ring .9s ease-in both}@keyframes warp-flash{0%{opacity:0}30%{opacity:.8}65%{opacity:.35}100%{opacity:1}}@keyframes warp-ring{from{transform:scale(.2)}to{transform:scale(6)}}
@media(max-width:900px){.brand{display:none}.topbar{height:78px;padding-left:22px;padding-right:22px}.project-grid{grid-template-columns:1fr;gap:42px}.fallback{padding:45px 24px}.fallback h1{font-size:38px}.card-heading p{min-height:0}.world-title{top:110px;left:24px}.world-title h1{font-size:33px}.world-title>p:last-child{max-width:200px}.mini-map{right:20px;bottom:25px;width:80px;height:80px}.island-marker{left:24px;font-size:9px}.marker-sub{font-size:7px}.hint-orbit{display:none}.controls-hint{font-size:9px}}
@media(pointer:coarse),(max-width:760px){.touch-controls{display:block}.desktop-hint{display:none}.touch-hint{display:inline}.world-title{top:108px}.world-title .eyebrow{font-size:8px}.world-title h1{font-size:30px}.world-title>p:last-child{font-size:11px}.mini-map{top:100px;bottom:auto;right:20px;width:70px;height:70px}.island-marker{bottom:calc(18px + env(safe-area-inset-bottom));font-size:8px}.marker-sub{display:none}.controls-hint{bottom:calc(206px + env(safe-area-inset-bottom));font-size:9px;white-space:normal;text-align:center;width:85%;line-height:1.6}.portal-prompt{bottom:calc(164px + env(safe-area-inset-bottom));font-size:10px;max-width:90%;text-align:center;white-space:normal;min-width:200px}.touch-controls #joystick{position:absolute;bottom:calc(49px + env(safe-area-inset-bottom));left:max(26px,env(safe-area-inset-left));width:108px;height:108px;border-radius:50%;background:#101e3859;border:1px solid #6fa0dc45;touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls #joystick:before{content:'';position:absolute;inset:13px;border:1px dashed #5086b73d;border-radius:50%}#joystick-thumb{position:absolute;left:33px;top:33px;width:40px;height:40px;background:#488fbb2b;border:1px solid #8ddcfc88;border-radius:50%;box-shadow:0 0 25px #05e6fc11}#joystick small{position:absolute;top:118px;left:36px;font:8px 'Geist Mono',monospace;color:#819cbe;letter-spacing:.2em}#jump{position:absolute;bottom:calc(69px + env(safe-area-inset-bottom));right:max(27px,env(safe-area-inset-right));width:75px;height:75px;border:1px solid #92d7fa66;border-radius:50%;background:#1336556b;color:#bad8ea;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font:9px 'Geist Mono',monospace;touch-action:none}#jump span{font-size:24px;color:#9aeeff}#jump:active{background:#2479a6aa}.portal-arrow{font-size:8px;padding:6px;gap:5px}.portal-arrow small{display:none}.portal-label b{font-size:12px}.portal-label small{font-size:8px}}
@media(max-height:520px) and (pointer:coarse),(max-height:520px) and (max-width:900px){.topbar{height:58px}.world-title{top:70px}.world-title h1{font-size:23px;margin:10px 0}.world-title>p:last-child{display:none}.mini-map{top:80px}.controls-hint{bottom:20px}.portal-prompt{bottom:52px}.touch-controls #joystick{bottom:40px;width:94px;height:94px}#joystick-thumb{left:26px;top:26px}#joystick small{top:100px}.touch-controls #jump{bottom:45px}.island-marker{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Compact mobile HUD leaves the monument and portals in view. */
@media(pointer:coarse),(max-width:760px){
  .topbar{height:calc(70px + env(safe-area-inset-top));background:linear-gradient(#080a19e8,#080a1980)}
  .world-title{top:calc(92px + env(safe-area-inset-top));left:22px;max-width:235px}
  .world-title .eyebrow{font-size:7px;letter-spacing:.12em}
  .world-title h1{font-size:22px;line-height:1.2;letter-spacing:-.04em;margin:12px 0}
  .world-title h1 br{display:none}.world-title h1 span{display:block}
  .world-title>p:last-child{font-size:10px;max-width:180px}
  .mini-map{top:calc(106px + env(safe-area-inset-top))}
  .portal-label b{font-size:13px;text-shadow:0 2px 10px #020616,0 0 15px #020616}
  #joystick{backdrop-filter:blur(6px)}
}
.brand>span{white-space:nowrap}
@media(min-width:901px) and (pointer:fine){.world-title{top:auto;bottom:165px}}