:root{--background-void-color:#070a07;--background-deep-color:#0c140c;--background-mid-color:#162316;--background-surface-color:#213321;--background-elevated-color:#324931;--accent-primary-color:#6dc66e;--accent-warm-color:#d1a84b;--accent-glow-color:#7af87c;--accent-mist-color:#6dc66e14;--text-primary-color:#ebf0ea;--text-secondary-color:#a3b3a2;--text-muted-color:#607a5f;--text-accent-color:#6dc66e;--vine-dark-color:#162316;--vine-mid-color:#324931;--vine-light-color:#547e53;--shadow-deep-color:#0009;--shadow-mid-color:#0000004d;--shadow-glow-color:#6dc66e26;--font-display-family:"Space Grotesk", system-ui, sans-serif;--font-mono-family:"JetBrains Mono", "Fira Code", monospace;--text-size-xs:.75rem;--text-size-sm:.875rem;--text-size-base:1rem;--text-size-lg:1.25rem;--text-size-xl:1.5rem;--text-size-2xl:2rem;--text-size-3xl:3rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--easing-out-expo:cubic-bezier(.16, 1, .3, 1);--easing-out-back:cubic-bezier(.34, 1.56, .64, 1);--easing-in-out:cubic-bezier(.65, 0, .35, 1);--animation-duration-fast:.15s;--animation-duration-normal:.3s;--animation-duration-slow:.6s;--animation-duration-zoom:1.2s;--room-width-dimension:12;--room-height-dimension:8;--room-depth-dimension:10;--camera-field-of-view:50}@supports (color:lab(0% 0 0)){:root{--background-void-color:lab(2.53794% -1.23304 .966084);--background-deep-color:lab(5.46139% -4.02055 3.11162);--background-mid-color:lab(12.2163% -8.26869 6.87369);--background-surface-color:lab(19.2999% -11.025 9.19268);--background-elevated-color:lab(28.7053% -13.7812 11.4834);--accent-primary-color:lab(72.8206% -41.3687 35.4579);--accent-warm-color:lab(71.2019% 8.24577 52.3464);--accent-glow-color:lab(88.4792% -55.1895 47.946);--accent-mist-color:lab(72.8206% -41.3687 35.4579/.08);--text-primary-color:lab(94.3321% -2.76032 2.21592);--text-secondary-color:lab(71.391% -8.27557 6.69683);--text-muted-color:lab(48.4368% -13.7832 11.3259);--text-accent-color:lab(72.8206% -41.3687 35.4579);--vine-dark-color:lab(12.2163% -8.26869 6.87369);--vine-mid-color:lab(28.7053% -13.7812 11.4834);--vine-light-color:lab(48.7944% -22.0507 18.4697);--shadow-deep-color:lab(0% 0 0/.6);--shadow-mid-color:lab(0% 0 0/.3);--shadow-glow-color:lab(72.8206% -41.3687 35.4579/.15)}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--background-void-color);height:100%;color:var(--text-primary-color);font-family:var(--font-display-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:url(/pixel-cursor-default.png),auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5;overflow:hidden}@media (pointer:coarse){html,body{cursor:auto}a,button,.clickable,[role=button],.cursor-grab,.cursor-grabbing{cursor:auto!important}}#app{width:100%;height:100%;position:relative;overflow:hidden}a{color:var(--accent-primary-color);text-decoration:none}button{cursor:url(/pixel-cursor-default.png),auto;color:inherit;background:0 0;border:none;font-family:inherit}img,svg{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--background-deep-color)}::-webkit-scrollbar-thumb{background:var(--vine-mid-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary-color)}
#room-canvas{z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}#ui-overlay{z-index:10;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.cursor-ring{display:none!important}a,button,.clickable,[role=button]{cursor:url(/pixel-cursor-pointer.png) 10 0,pointer!important}.cursor-grab{cursor:url(/pixel-cursor-grab.png) 16 16,grab!important}.cursor-grabbing{cursor:url(/pixel-cursor-grabbing.png) 16 16,grabbing!important}.object-label{padding:var(--spacing-2) var(--spacing-4);background:var(--background-elevated-color);border:1px solid var(--vine-mid-color);font-family:var(--font-mono-family);font-size:var(--text-size-sm);color:var(--accent-glow-color);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--animation-duration-fast) var(--easing-out-expo);box-shadow:0 4px 20px var(--shadow-deep-color);z-index:100;border-radius:6px;position:fixed;transform:translate(-50%,-120%)}.object-label.visible{opacity:1}.hidden{display:none!important}.panel-container{z-index:50;pointer-events:none;opacity:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.panel-container.active{pointer-events:auto;opacity:1;display:flex!important}.panel-content{background:var(--background-deep-color);border:1px solid var(--vine-dark-color);width:80%;max-width:900px;max-height:80vh;padding:var(--spacing-12);box-shadow:0 0 80px var(--shadow-deep-color), 0 0 30px var(--shadow-glow-color);font-family:var(--font-display-family);color:var(--text-primary-color);border-radius:12px;position:relative;overflow-y:auto}.panel-content h2{font-size:var(--text-size-2xl);margin-bottom:var(--spacing-4);color:var(--accent-glow-color);font-weight:600}.panel-content p{font-size:var(--text-size-base);color:var(--text-secondary-color);line-height:1.7}.panel-content .placeholder-message{text-align:center;padding:var(--spacing-16) 0;color:var(--text-muted-color);font-family:var(--font-mono-family);font-size:var(--text-size-sm)}.panel-close{top:var(--spacing-6);right:var(--spacing-6);align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--background-elevated-color);border:1px solid var(--vine-mid-color);color:var(--text-secondary-color);font-family:var(--font-mono-family);font-size:var(--text-size-sm);z-index:60;transition:all var(--animation-duration-fast) var(--easing-out-expo);pointer-events:auto;border-radius:8px;display:flex;position:fixed}.panel-close:hover{background:var(--accent-primary-color);color:var(--background-void-color);border-color:var(--accent-primary-color)}.close-icon{font-size:var(--text-size-lg);line-height:1}.close-text{font-size:var(--text-size-xs);opacity:.6}.loading-screen{z-index:1000;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden}.dos-bg{background:#000;animation:.15s step-end infinite vhs-jitter}.dos-bg:after{content:"";pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#00000040 0,#0000 1px 2px);width:100%;height:100%;position:absolute;top:0;left:0}.dos-bg:before{content:"";pointer-events:none;z-index:11;background:linear-gradient(#0000 0%,#ffffff0a 20%,#ffffff14 50%,#ffffff0a 80%,#0000 100%);width:100%;height:60px;animation:8s linear infinite vhs-tracking;position:absolute;left:0}.intro-container{width:100%;height:100%;font-family:var(--font-mono-family);color:#3f3;z-index:2;text-shadow:-.7px 0 #ff00004d,.7px 0 #0064ff40;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.spinning-earth{object-fit:contain;filter:drop-shadow(0 0 15px #00ff6480)drop-shadow(0 0 30px #00c8ff4d);border-radius:50%;width:90px;height:90px;margin-bottom:1.2rem;animation:3s ease-in-out infinite earth-float}@keyframes earth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.brainworld-banner{color:#3f3;text-align:center;text-shadow:0 0 10px #3f39,0 0 20px #33ff334d;white-space:pre;width:100%;margin-bottom:1.5rem;font-family:Courier New,Courier,monospace;font-size:min(1.4vw,12px);line-height:1.15;overflow-x:hidden}.hieroglyph-area{font-family:"Noto Sans Egyptian Hieroglyphs", var(--font-mono-family);text-align:center;white-space:pre-wrap;word-break:break-word;letter-spacing:.3em;text-shadow:0 0 6px #33ff3380;max-width:600px;font-size:clamp(1rem,1.8vw,1.4rem);line-height:1.8}#dos-text .dos-line{min-height:1.8em;display:block}.blinking-cursor{color:#3f3;font-weight:700;font-family:var(--font-mono-family);margin-top:.5rem;animation:.5s step-end infinite blink;display:inline-block}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.loading-screen.fade-out{opacity:0;pointer-events:none;transition:opacity .1s linear}.loading-screen button.clickable:hover{text-shadow:0 0 8px #3f3c;color:#6f6;border-color:#6f6;opacity:1!important}@keyframes vhs-tracking{0%{top:-60px}to{top:100%}}@keyframes vhs-jitter{0%{transform:translate(0)}20%{transform:translate(-1px)}40%{transform:translate(1px,.5px)}60%{transform:translate(-.5px,-.5px)}80%{transform:translate(1.5px)}to{transform:translate(0)}}#wormhole-overlay{z-index:500;opacity:0;pointer-events:none;background:radial-gradient(#0a001a 0%,#000 70%);width:100%;height:100%;transition:opacity .6s ease-in-out;position:fixed;top:0;left:0}#wormhole-overlay.fade-in{opacity:1;pointer-events:auto}#wormhole-overlay.fade-out{opacity:0;pointer-events:none}#wormhole-overlay.hidden{display:none!important}.record-player-ui{background:var(--background-deep-color);border:1px solid var(--vine-mid-color);width:90%;max-width:500px;padding:var(--spacing-6);z-index:100;gap:var(--spacing-4);box-shadow:0 -10px 40px var(--shadow-deep-color), 0 0 20px var(--shadow-glow-color);font-family:var(--font-display-family);transition:transform .4s var(--easing-out-expo);pointer-events:auto;border-bottom:none;border-top-left-radius:12px;border-top-right-radius:12px;flex-direction:column;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)translateY(100%)}.record-player-ui.slide-in{transform:translate(-50%)translateY(0)}.record-player-ui.playing-offscreen{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:-9999px;left:-9999px;overflow:hidden}.record-player-ui #close-record-btn{top:var(--spacing-4);right:var(--spacing-4);background:var(--background-elevated-color);border:1px solid var(--vine-dark-color);color:var(--text-muted-color);width:32px;height:32px;font-size:var(--text-size-sm);transition:all var(--animation-duration-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.record-player-ui #close-record-btn:hover{background:var(--accent-primary-color);color:var(--background-void-color);border-color:var(--accent-primary-color)}.record-info h2{font-size:var(--text-size-xl);color:var(--accent-glow-color);margin-bottom:var(--spacing-1);font-weight:700}.record-info h3{font-size:var(--text-size-sm);color:var(--text-secondary-color);font-weight:400;font-family:var(--font-mono-family)}.youtube-container{aspect-ratio:16/9;background:var(--background-elevated-color);border:1px solid var(--vine-dark-color);border-radius:8px;width:100%;padding:0;position:relative;overflow:hidden}.youtube-container iframe{border:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.direct-link{font-family:var(--font-mono-family);font-size:var(--text-size-xs);color:var(--text-muted-color);transition:color var(--animation-duration-fast);align-self:flex-start;text-decoration:none}.direct-link:hover{color:var(--accent-primary-color);text-decoration:underline}.mini-player{bottom:var(--spacing-4);right:var(--spacing-4);align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--background-deep-color);border:1px solid var(--vine-mid-color);z-index:10001;box-shadow:0 4px 24px var(--shadow-deep-color), 0 0 12px var(--shadow-glow-color);font-family:var(--font-display-family);pointer-events:auto;animation:mini-player-in .4s var(--easing-out-expo) both;border-radius:10px;display:flex;position:fixed}@keyframes mini-player-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.mini-player-info{align-items:center;gap:var(--spacing-2);min-width:0;display:flex}.mini-player-icon{font-size:var(--text-size-lg);color:var(--accent-primary-color);animation:1.5s ease-in-out infinite mini-pulse}@keyframes mini-pulse{0%,to{opacity:1}50%{opacity:.4}}#mini-player-title{font-size:var(--text-size-sm);color:var(--text-primary-color);white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.mini-player-embed{width:1px;height:1px;position:absolute;top:-9999px;left:-9999px;overflow:hidden}.mini-player-embed iframe{border:none;width:1px;height:1px}.mini-player-controls{align-items:center;gap:var(--spacing-2);flex-shrink:0;display:flex}.mini-player-volume{appearance:none;background:var(--vine-dark-color);cursor:pointer;border-radius:2px;outline:none;width:70px;height:4px}.mini-player-volume::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-primary-color);cursor:pointer;width:12px;height:12px;transition:transform var(--animation-duration-fast);border:none;border-radius:50%}.mini-player-volume::-webkit-slider-thumb:hover{transform:scale(1.3)}.mini-player-volume::-moz-range-thumb{background:var(--accent-primary-color);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.mini-player-volume::-moz-range-track{background:var(--vine-dark-color);border-radius:2px;height:4px}.mini-player-btn{background:var(--background-elevated-color);border:1px solid var(--vine-dark-color);color:var(--text-muted-color);width:26px;height:26px;font-size:var(--text-size-xs);transition:all var(--animation-duration-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mini-player-btn:hover{background:var(--accent-primary-color);color:var(--background-void-color);border-color:var(--accent-primary-color)}@media (max-width:768px){.brainworld-banner{font-size:min(2.2vw,10px);overflow-x:hidden}.spinning-earth{width:60px;height:60px}.hieroglyph-area{max-width:90vw;font-size:clamp(.8rem,3vw,1.2rem)}.panel-content{width:95%;max-width:none;max-height:85vh;padding:var(--spacing-4);border-radius:8px}.panel-content h2{font-size:var(--text-size-xl)}.panel-content p{font-size:var(--text-size-sm)}.panel-close{top:var(--spacing-3);right:var(--spacing-3);min-width:48px;min-height:48px;padding:var(--spacing-3) var(--spacing-4)}.close-text{display:none}.record-player-ui{width:100%;max-width:none;padding:var(--spacing-4);border-radius:12px 12px 0 0}.record-player-ui #close-record-btn{width:44px;height:44px;font-size:var(--text-size-base)}.record-info h2{font-size:var(--text-size-lg)}.mini-player{right:var(--spacing-3);bottom:var(--spacing-3);left:var(--spacing-3);padding:var(--spacing-3);gap:var(--spacing-2)}.mini-player-volume{display:none}.mini-player-btn{width:40px;height:40px;font-size:var(--text-size-base)}#mini-player-title{max-width:120px;font-size:var(--text-size-xs)}}@media (pointer:coarse){.object-label,.cursor-ring{display:none!important}}
.map-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05080ceb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.map-overlay.hidden{pointer-events:none;display:none}.map-scroll-container{transform-origin:50% 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-canvas{width:100%;height:100%;position:absolute;inset:0}.map-close{z-index:2001;background:radial-gradient(circle,#1a1a2e 0%,#0f0f1a 70%,#080810 100%);border:1px solid #c8aa644d;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 12px #00000080,inset 0 1px 2px #c8aa641a;cursor:url(/pixel-cursor-pointer.png) 10 0,pointer!important}.map-close:hover{background:radial-gradient(circle,#2a2040 0%,#1a1528 70%,#0f0f1a 100%);border-color:#c8b47899;transform:scale(1.1);box-shadow:0 4px 20px #c8aa6426,inset 0 1px 3px #c8aa6426}.map-close .close-icon{color:#c8b478cc;text-shadow:0 0 6px #c8aa644d;font-size:16px;font-weight:700;line-height:1}.map-toggle-btn{bottom:var(--spacing-4,16px);right:var(--spacing-4,16px);z-index:1500;pointer-events:auto;background:radial-gradient(circle,#191623e6 0%,#0c0a12f2 100%);border:1px solid #c8aa6459;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;transition:all .3s;display:flex;position:fixed;box-shadow:0 2px 15px #c8aa641a,0 0 0 3px #c8aa640d,inset 0 1px 4px #c8aa6414;cursor:url(/pixel-cursor-pointer.png) 10 0,pointer!important}.map-toggle-btn:hover{background:radial-gradient(circle,#231e32f2 0%,#120f19fa 100%);border-color:#ffdc7880;transform:scale(1.12)translateY(-2px);box-shadow:0 4px 25px #c8aa6433,0 0 0 4px #c8aa6414,inset 0 1px 4px #c8aa641f}.map-toggle-btn:active{transform:scale(.95)}.map-overlay:not(.hidden)~* .map-toggle-btn,.map-overlay:not(.hidden)~.map-toggle-btn{opacity:0;pointer-events:none}@media (max-width:768px){.map-close{width:48px;height:48px;top:8px;right:8px}.map-close .close-icon{font-size:20px}.map-toggle-btn{width:56px;height:56px;bottom:var(--spacing-3,12px);right:var(--spacing-3,12px);font-size:28px}}
#intro-root{pointer-events:auto;background:0 0;z-index:999999!important;position:fixed!important;inset:0!important}body.intro-active{overflow:hidden}body.intro-active #app{pointer-events:none}#intro-root *{pointer-events:auto}#intro-skip-btn{z-index:999999;color:#fff;letter-spacing:.15em;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);text-transform:uppercase;background:#00000080;border:1px solid #fff6;border-radius:4px;padding:10px 24px;font-family:Courier New,monospace;font-size:14px;font-weight:700;transition:opacity .5s,background .2s,border-color .2s;position:fixed;bottom:24px;right:24px;pointer-events:auto!important}#intro-skip-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffffb3}#intro-skip-btn:active{background:#ffffff40;transform:scale(.97)}@media (max-width:768px){#intro-skip-btn{padding:8px 18px;font-size:12px;bottom:16px;right:16px}}