@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap";*{box-sizing:border-box}body{margin:0}:root{--void-1:#0a0714;--void-2:#050308;--violet:#7f5af0;--violet-soft:#7f5af059;--cyan:#2cb1bc;--cyan-soft:#2cb1bc59;--text-primary:#f5f3ff;--text-secondary:#8b83b3}html,body,#root{background:radial-gradient(ellipse at 50% 42%, var(--void-1) 0%, var(--void-2) 60%, #030205 100%);overscroll-behavior:none;touch-action:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.scene-container{touch-action:none;width:100vw;height:100vh;position:relative}.flash-overlay{opacity:0;pointer-events:none;z-index:5;background:#fdfdff;position:absolute;inset:0}.console-wrap{z-index:3;opacity:0;flex-direction:column;align-items:center;animation:1.4s cubic-bezier(.2,.8,.2,1) .3s forwards consoleRise;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes consoleRise{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.console-ring{pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.console-ring-outer{border:1px solid #7f5af029;width:420px;height:420px;transition:border-color .4s,box-shadow .4s;animation:40s linear infinite ringSpin}.console-ring-outer.is-listening{border-color:#7f5af08c;box-shadow:0 0 40px #7f5af040}.console-ring-inner{border:1px solid #2cb1bc24;width:320px;height:320px;animation:28s linear infinite reverse ringSpin}@keyframes ringSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}.console-spark{background:var(--violet);width:5px;height:5px;box-shadow:0 0 10px 2px var(--violet-soft);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}.console-spark-1{animation:9s linear infinite orbit1}.console-spark-2{background:var(--cyan);box-shadow:0 0 10px 2px var(--cyan-soft);animation:13s linear infinite orbit2}.console-spark-3{background:var(--violet);box-shadow:0 0 10px 2px var(--violet-soft);animation:17s linear infinite reverse orbit3}@keyframes orbit1{0%{transform:translate(-50%,-50%)rotate(0)translate(210px)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)translate(210px)rotate(-360deg)}}@keyframes orbit2{0%{transform:translate(-50%,-50%)rotate(90deg)translate(160px)rotate(-90deg)}to{transform:translate(-50%,-50%)rotate(450deg)translate(160px)rotate(-450deg)}}@keyframes orbit3{0%{transform:translate(-50%,-50%)rotate(200deg)translate(190px)rotate(-200deg)}to{transform:translate(-50%,-50%)rotate(560deg)translate(190px)rotate(-560deg)}}.console-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a071499;border:1px solid #7f5af052;border-radius:999px;align-items:center;gap:.7em;min-width:360px;padding:.55em .6em .55em .55em;display:flex;position:relative;box-shadow:0 0 45px #7f5af029,inset 0 0 25px #7f5af00f}.console-mic{width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:#2cb1bc14;border:1px solid #2cb1bc66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .25s,box-shadow .25s,transform .15s;display:flex}.console-mic:hover:not(:disabled){background:#2cb1bc33;transform:scale(1.05)}.console-mic:disabled{opacity:.35;cursor:not-allowed}.console-mic.is-listening{box-shadow:0 0 18px 4px var(--violet-soft);background:#7f5af047;animation:1.3s ease-in-out infinite micPulse}@keyframes micPulse{0%,to{box-shadow:0 0 12px 2px #7f5af059}50%{box-shadow:0 0 24px 6px #7f5af0b3}}.console-input{color:var(--text-primary);letter-spacing:.01em;background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:1.02rem;font-weight:300}.console-input::placeholder{color:#8b83b3bf}.console-hint{color:var(--text-secondary);text-align:center;max-width:320px;margin-top:1em;font-family:Inter,sans-serif;font-size:.78rem;font-weight:300}.node-detail{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:220px;color:var(--text-primary);text-align:center;pointer-events:none;background:#0a0714bf;border:1px solid #7f5af04d;border-radius:12px;padding:.8em 1em;font-family:Inter,sans-serif;font-size:.82rem;font-weight:300;line-height:1.45;box-shadow:0 0 30px #7f5af01f}.void-nav-btn{z-index:3;letter-spacing:.02em;color:var(--text-primary);cursor:pointer;background:#7f5af014;border:1px solid #7f5af04d;border-radius:999px;padding:.6em 1.5em;font-family:Inter,sans-serif;font-size:.88rem;font-weight:300;transition:background .25s;position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}.void-nav-btn:hover{background:#7f5af02e}.layer-badge{z-index:3;letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0a071466;border:1px solid #7f5af047;border-radius:999px;padding:.35em 1.1em;font-family:Inter,sans-serif;font-size:.72rem;font-weight:400;position:absolute;top:3vh;left:50%;transform:translate(-50%)}.chamber-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:260px;color:var(--text-primary);text-align:center;background:#0a0714c7;border:1px solid #7f5af052;border-radius:14px;padding:1.1em 1.2em;font-family:Inter,sans-serif;box-shadow:0 0 35px #7f5af029}.chamber-progress{justify-content:center;gap:.4em;margin-bottom:.9em;display:flex}.chamber-dot{background:#8b83b359;border-radius:50%;width:6px;height:6px}.chamber-dot.done{background:var(--cyan)}.chamber-dot.active{background:var(--violet);box-shadow:0 0 8px 2px var(--violet-soft)}.chamber-title{letter-spacing:.01em;margin:0 0 .9em;font-size:1rem;font-weight:400}.chamber-input{box-sizing:border-box;width:100%;color:var(--text-primary);text-align:center;background:#7f5af00f;border:1px solid #7f5af04d;border-radius:8px;outline:none;padding:.55em .8em;font-family:Inter,sans-serif;font-size:.92rem}.chamber-input::placeholder{color:#8b83b399}.chamber-summary{text-align:left;flex-direction:column;gap:.5em;margin-bottom:.3em;display:flex}.chamber-summary-row{color:var(--text-secondary);justify-content:space-between;font-size:.82rem;display:flex}.chamber-summary-row span:last-child{color:var(--text-primary)}.chamber-actions{justify-content:space-between;gap:.6em;margin-top:1.1em;display:flex}.chamber-btn{color:var(--text-primary);cursor:pointer;background:#7f5af029;border:1px solid #7f5af066;border-radius:999px;flex:1;padding:.5em .8em;font-family:Inter,sans-serif;font-size:.82rem;transition:background .2s}.chamber-btn:hover{background:#7f5af047}.chamber-btn-ghost{color:var(--text-secondary);background:0 0;border-color:#8b83b34d}.chamber-btn:disabled{opacity:.35;cursor:not-allowed}.chamber-complete{flex-direction:column;align-items:center;gap:.7em;font-size:.95rem;display:flex}.chamber-complete-mark{background:radial-gradient(circle,#f2b84c 0%,#f2b84c26 70%);border-radius:50%;width:34px;height:34px;box-shadow:0 0 24px 6px #f2b84c66}.blackout-overlay{opacity:0;pointer-events:none;z-index:6;background:#000;position:absolute;inset:0}.landing-overlay{text-align:center;z-index:3;opacity:0;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:10vh;animation:1.3s cubic-bezier(.2,.8,.2,1) .4s forwards landingRise;display:flex;position:absolute;inset:0}@keyframes landingRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.landing-title{letter-spacing:.3em;color:var(--text-primary);text-shadow:0 0 30px #7f5af080;margin:0;font-family:Inter,sans-serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:500}.landing-copy{max-width:420px;color:var(--text-secondary);margin:.9em 0 0;font-family:Inter,sans-serif;font-size:.95rem;font-weight:300;line-height:1.6}.landing-subcopy{letter-spacing:.03em;color:#8b83b3b3;margin:.35em 0 0;font-family:Inter,sans-serif;font-size:.8rem;font-weight:300}.landing-preview-blurb{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:150px;color:var(--text-primary);text-align:center;pointer-events:none;background:#0a0714cc;border:1px solid #7f5af04d;border-radius:8px;padding:.45em .7em;font-family:Inter,sans-serif;font-size:.72rem;font-weight:300;line-height:1.35}.landing-enter-btn{letter-spacing:.08em;color:var(--text-primary);cursor:pointer;background:#7f5af01f;border:1px solid #7f5af066;border-radius:999px;margin-top:1.8em;padding:.75em 2.4em;font-family:Inter,sans-serif;font-size:.95rem;font-weight:400;transition:background .25s,box-shadow .25s}.landing-enter-btn:hover{background:#7f5af03d;box-shadow:0 0 24px #7f5af04d}.exit-btn{z-index:3;letter-spacing:.05em;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #8b83b340;border-radius:999px;padding:.5em 1.2em;font-family:Inter,sans-serif;font-size:.8rem;font-weight:300;transition:color .2s,border-color .2s;position:absolute;top:3vh;right:3vh}.exit-btn:hover{color:var(--text-primary);border-color:#8b83b380}.splash-overlay{text-align:center;z-index:3;opacity:0;flex-direction:column;justify-content:center;align-items:center;animation:1.1s cubic-bezier(.2,.8,.2,1) .2s forwards landingRise;display:flex;position:absolute;inset:0}.splash-title{letter-spacing:.25em;color:var(--text-primary);text-shadow:0 0 30px #7f5af080;margin:0;font-family:Inter,sans-serif;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:500}.splash-subcopy{max-width:420px;color:var(--text-secondary);margin:.9em 0 1.8em;font-family:Inter,sans-serif;font-size:.95rem;font-weight:300}.landing-enter-btn-ghost{background:0 0;border-color:#8b83b359}.landing-enter-btn-ghost:hover{box-shadow:none;background:#8b83b31a}.dashboard-popup{z-index:4;text-align:center;clip-path:polygon(26px 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%,0 26px);opacity:0;background:linear-gradient(160deg,#160f2ae6,#07050ef0);border:1px solid #7f5af080;flex-direction:column;align-items:center;width:min(90vw,440px);padding:2.4em 2.4em 1.8em;animation:.9s cubic-bezier(.2,.8,.2,1) .15s forwards landingRise;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 70px #7f5af040,inset 0 0 45px #7f5af012}.dashboard-popup:before,.dashboard-popup:after{content:"";background:linear-gradient(90deg,#0000,#7f5af0f2,#2cb1bcb3,#0000);height:2px;animation:2.6s ease-in-out infinite hudScan;position:absolute;left:26px;right:26px}.dashboard-popup:before{top:0}.dashboard-popup:after{bottom:0}@keyframes hudScan{0%,to{opacity:.3}50%{opacity:1}}.dashboard-popup-text{color:var(--text-primary);margin:0 0 1.3em;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:400}.dashboard-popup-actions{flex-wrap:wrap;justify-content:center;gap:.8em;display:flex}.dashboard-popup-hint{color:#8b83b3bf;margin:1.1em 0 0;font-family:Inter,sans-serif;font-size:.78rem;font-weight:300}.dashboard-popup-dismiss{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.3em;font-size:.9rem;position:absolute;top:.8em;right:1.1em}.dashboard-popup-dismiss:hover{color:var(--text-primary)}.hub-brief-popup{z-index:4;text-align:center;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);opacity:0;pointer-events:auto;background:linear-gradient(160deg,#160f2ae0,#07050eeb);border:1px solid #7f5af073;width:min(90vw,380px);padding:1.6em 2em 1.4em;animation:.6s cubic-bezier(.2,.8,.2,1) forwards landingRise;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 55px #7f5af033,inset 0 0 35px #7f5af00f}.hub-brief-popup:before{content:"";background:linear-gradient(90deg,#0000,#7f5af0e6,#0000);height:2px;animation:2.2s ease-in-out infinite hudScan;position:absolute;top:0;left:20px;right:20px}.hub-brief-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);margin-bottom:.5em;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500}.hub-brief-text{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.88rem;font-weight:300;line-height:1.5}.hub-brief-dismiss{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.3em;font-size:.85rem;position:absolute;top:.6em;right:.9em}.hub-brief-dismiss:hover{color:var(--text-primary)}.ring-prompt-popup{z-index:4;text-align:center;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);opacity:0;pointer-events:auto;background:linear-gradient(160deg,#160f2ae6,#07050ef0);border:1px solid #7f5af080;width:min(90vw,360px);padding:1.6em 2em;animation:.5s cubic-bezier(.2,.8,.2,1) forwards landingRise;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #7f5af038,inset 0 0 40px #7f5af012}.ring-prompt-text{color:var(--text-primary);margin:0 0 1em;font-family:Inter,sans-serif;font-size:1rem;font-weight:400}.ring-prompt-actions{justify-content:center;gap:.8em;display:flex}.overview-overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.overview-panel{pointer-events:auto;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);opacity:0;background:linear-gradient(160deg,#160f2aeb,#07050ef2);border:1px solid #7f5af073;width:min(78vw,300px);padding:1.1em 1.3em 1.2em;transition:opacity .7s;animation:.7s cubic-bezier(.2,.8,.2,1) forwards landingRise;position:absolute;box-shadow:0 0 45px #7f5af02e,inset 0 0 30px #7f5af00f}.overview-panel.is-dismissing{opacity:0;transition:transform .72s cubic-bezier(.6,-.2,.85,.2),opacity .72s .15s}.overview-panel-handle{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);border-bottom:1px solid #7f5af04d;margin-bottom:.55em;padding-bottom:.5em;font-family:Inter,sans-serif;font-size:.82rem;font-weight:500}.overview-panel-handle:active{cursor:grabbing}.overview-panel-body{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.85rem;font-weight:300;line-height:1.55}.overview-dismiss{pointer-events:auto;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.learn-overlay{z-index:4;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.6em;padding:0 8vw;display:flex;position:absolute;inset:0}.learn-line{color:#f5f3ff00;max-width:640px;margin:0;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:300;line-height:1.6;transition:color .8s,transform .8s;transform:translateY(10px)}.learn-line.is-active{color:var(--text-primary);text-shadow:0 0 20px #7f5af066;transform:translateY(0)}.learn-line.is-past{color:#8b83b34d;transform:translateY(0)}.learn-skip{margin-top:2.5em}.map-overlay{z-index:4;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0503088c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-panel{touch-action:pan-y;background:#0a0714d9;border:1px solid #7f5af04d;border-radius:16px;width:min(90vw,420px);padding:1.2em 1.4em 1.5em;box-shadow:0 0 50px #7f5af02e}.map-header{letter-spacing:.06em;color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:1em;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;display:flex}.map-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:.9rem}.map-close:hover{color:var(--text-primary)}.map-list{flex-direction:column;gap:.6em;margin:0;padding:0;list-style:none;display:flex}.map-item{background:#7f5af00d;border:1px solid #7f5af01f;border-radius:10px;align-items:center;gap:.7em;padding:.7em .8em;display:flex}.map-item-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.map-item-label{color:var(--text-primary);flex:1;font-family:Inter,sans-serif;font-size:.92rem;font-weight:400}.map-item-actions{gap:.4em;display:flex}.map-item-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #8b83b34d;border-radius:999px;padding:.4em .8em;font-family:Inter,sans-serif;font-size:.75rem;font-weight:300;transition:background .2s,color .2s}.map-item-btn:hover{color:var(--text-primary);border-color:#8b83b38c}.map-item-btn-primary{color:var(--text-primary);background:#7f5af01f;border-color:#7f5af066}.map-item-btn-primary:hover{background:#7f5af03d}.crosshair{z-index:2;pointer-events:none;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-dot{background:#f5f3ffd9;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px 2px #7f5af080}.lock-hint{z-index:2;letter-spacing:.03em;color:#f5f3ffa6;pointer-events:none;background:#0a071480;border:1px solid #8b83b340;border-radius:999px;padding:.5em 1.1em;font-family:Inter,sans-serif;font-size:.8rem;font-weight:300;position:absolute;bottom:8vh;left:50%;transform:translate(-50%)}.unlock-hint{z-index:2;letter-spacing:.03em;color:#f5f3ff66;pointer-events:none;font-family:Inter,sans-serif;font-size:.72rem;font-weight:300;position:absolute;bottom:3vh;left:3vh}.world-hud{z-index:3;gap:.6em;display:flex;position:absolute;bottom:3vh;right:3vh}.hud-btn{letter-spacing:.04em;color:var(--text-secondary);cursor:pointer;background:#0a07148c;border:1px solid #8b83b34d;border-radius:999px;padding:.55em 1.2em;font-family:Inter,sans-serif;font-size:.78rem;font-weight:300;transition:color .2s,border-color .2s,background .2s}.hud-btn:hover{color:var(--text-primary);background:#7f5af01f;border-color:#8b83b38c}.hud-btn-exit{border-color:#f2b84c4d}.hud-btn-exit:hover{background:#f2b84c1f;border-color:#f2b84c99}.orbit-hub-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;pointer-events:none;background:#0a0714cc;border:1px solid #7f5af059;border-radius:12px;width:240px;padding:.9em 1.1em;box-shadow:0 0 30px #7f5af026}.orbit-hub-title{color:var(--text-primary);margin-bottom:.3em;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500}.orbit-hub-detail{color:#f5f3ffd9;font-family:Inter,sans-serif;font-size:.85rem;font-weight:300}.orbit-hub-extra{color:var(--text-secondary);white-space:pre-line;border-top:1px solid #7f5af033;max-height:120px;margin-top:.6em;padding-top:.6em;font-family:Inter,sans-serif;font-size:.72rem;font-weight:300;line-height:1.6;overflow-y:auto}.touch-joystick-base{z-index:5;pointer-events:none;background:#7f5af01a;border:1.5px solid #7f5af066;border-radius:50%;transition:opacity .15s;position:fixed}.touch-joystick-nub{background:#7f5af08c;border-radius:50%;width:44%;height:44%;margin-top:-22%;margin-left:-22%;position:absolute;top:50%;left:50%;box-shadow:0 0 16px #7f5af080}.touch-look-hint{z-index:2;letter-spacing:.02em;color:#f5f3ff59;pointer-events:none;font-family:Inter,sans-serif;font-size:.7rem;font-weight:300;position:fixed;bottom:3vh;right:3vh}@media (width<=768px),(pointer:coarse){.hud-btn{min-height:44px;padding:.7em 1.3em;font-size:.85rem}.world-hud{gap:.5em;bottom:2vh;right:2vh}.dashboard-popup{width:92vw;padding:1.8em 1.6em 1.4em}.dashboard-popup-text{font-size:.95rem}.dashboard-popup-actions{flex-direction:column;width:100%}.dashboard-popup-actions .landing-enter-btn{width:100%}.hub-brief-popup{width:90vw;padding:1.3em 1.6em 1.2em}.map-panel{width:92vw;max-height:80vh;overflow-y:auto}.map-item{padding:.9em}.map-item-btn{min-height:40px;padding:.55em .9em;font-size:.78rem}.console-panel{width:88vw;min-width:0}.console-wrap{width:88vw}.console-ring-outer,.console-ring-inner{display:none}.splash-title{letter-spacing:.15em}.landing-title{letter-spacing:.18em}.exit-btn{min-height:40px}}@media (height<=480px) and (orientation:landscape){.dashboard-popup,.hub-brief-popup{max-height:88vh;top:54%;overflow-y:auto}.console-ring-outer,.console-ring-inner{display:none}}