*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ffe4a3;outline-offset:5px}.strange-world{height:100dvh;overflow:hidden;background:#081117;color:#d2e0db}.world-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.world-nav{display:flex;gap:20px;align-items:center}.world-nav a{color:inherit;text-decoration:none;font:12px monospace;opacity:.72;transition:opacity .2s}.world-nav a:hover{opacity:1}.walk-header{position:absolute;z-index:3;left:30px;right:30px;top:25px;display:flex;justify-content:space-between;align-items:start;gap:25px;pointer-events:none}.walk-header>*{pointer-events:auto}.walk-title{font:normal clamp(27px,4vw,50px)/1 Georgia;margin:10px 0;color:#e8eddc}.instrument-label{font:10px/1.6 monospace;letter-spacing:3px;color:#93aba6}.walk-header .world-nav{flex-wrap:wrap;justify-content:flex-end;max-width:390px}.walk-reading{position:absolute;left:32px;top:150px;pointer-events:none}.walk-reading strong{font:normal 65px/1 Georgia;font-variant-numeric:tabular-nums;color:#d9e6c5}.walk-reading p{font:11px/1.8 monospace;color:#76998f;letter-spacing:1px}.walk-status{position:absolute;top:145px;right:32px;width:180px;font:11px/1.7 monospace;color:#92aaa8;text-align:right}.instability-track{height:3px;background:#ffffff12;margin:12px 0}.instability-track i{height:100%;width:0;display:block;background:#dfa576;transition:width .25s}.walk-instruction{position:absolute;left:50%;top:68%;translate:-50% 0;text-align:center;color:#8ba297;font:12px/1.7 monospace;pointer-events:none;width:min(90%,600px)}.walk-controls{position:absolute;bottom:30px;left:50%;translate:-50% 0;width:min(960px,calc(100% - 50px));background:#0c1b22eb;border:1px solid #75948c40;backdrop-filter:blur(14px);display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px 20px;box-shadow:0 15px 45px #0004}.walk-controls button{color:#d3dfcb;background:#1b302f;border:1px solid #819f7444;border-radius:3px;padding:12px 16px;font:12px monospace;min-height:42px}.walk-controls #walk-dimension{background:#cfddb2;color:#172421;border-color:#cfddb2;margin-left:auto}.walk-controls label{font:10px monospace;letter-spacing:1px;color:#8ca69d;display:grid;gap:9px;min-width:100px;flex:1}.walk-controls input{width:100%;accent-color:#cdddac;cursor:pointer}.walk-controls .tiny{font-size:10px;color:#799286}.walk-note{position:absolute;left:50%;top:34%;translate:-50% 0;color:#eac39b;font:italic 20px Georgia;text-align:center;opacity:0;transition:opacity .4s;pointer-events:none}.walk-note.show{opacity:1}
.recursive-world{background:#0a0807;color:#c6bfb1;height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}.recursive-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;z-index:3}.recursive-header h1{font:normal 23px Georgia;margin:7px 0}.recursive-header .instrument-label{color:#837667}.terminal-stage{min-height:0;position:relative;display:flex;align-items:center;justify-content:center}.terminal-art{position:relative;width:min(1200px,100%,calc((100dvh - 160px)*1.5));aspect-ratio:3/2;flex-shrink:0}.terminal-art>img{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none}.terminal-screen{position:absolute;left:27.344%;top:10.059%;width:45.052%;height:45.02%;background:#010202;border-radius:5% / 8%;overflow:hidden;box-shadow:inset 0 0 20px #000;isolation:isolate}#terminal-host{width:100%;height:100%}.terminal-screen iframe{width:100%;height:100%;border:0;background:#000;display:block}.terminal-screen::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#02040118 3px 4px);z-index:4;box-shadow:inset 0 0 16px 6px #0008}.terminal-boot{position:absolute;inset:0;z-index:5;display:grid;align-content:center;justify-items:start;padding:12%;color:#a9cd90;background:#050b07;font:clamp(9px,1.3vw,16px)/1.7 monospace}.terminal-boot[hidden]{display:none}.terminal-boot button{color:#bdda9f;border:1px solid #6f886255;background:#112010;padding:8px 12px;font:inherit;margin-top:12px}.terminal-boot .blink{animation:terminal-blink 1.6s steps(2) infinite}@keyframes terminal-blink{50%{opacity:.2}}.recursive-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 24px 24px;z-index:5;font:11px monospace}.recursive-controls button{border:1px solid #857d6455;background:#201b16;color:#c7bda7;padding:10px 14px;font:11px monospace;border-radius:3px}.recursive-controls p{color:#81776a;margin:0 15px}.recursive-world.screen-expanded .terminal-art{position:fixed;inset:80px 20px 85px;width:auto;aspect-ratio:auto;z-index:4}.recursive-world.screen-expanded .terminal-art>img{display:none}.recursive-world.screen-expanded .terminal-screen{inset:0;width:100%;height:100%;border:8px solid #726957;border-radius:10px;box-shadow:0 12px 80px black}.recursive-world.screen-expanded .terminal-boot{font:16px/1.7 monospace}
@media(max-width:700px){.walk-header{left:18px;right:18px;top:18px}.walk-header .world-nav{gap:10px;max-width:140px}.world-nav a{font-size:10px}.walk-reading{left:20px;top:135px}.walk-reading strong{font-size:44px}.walk-status{right:20px;top:132px;width:125px}.walk-controls{bottom:18px;width:calc(100% - 28px);gap:8px;padding:12px}.walk-controls button{padding:10px}.walk-controls label{min-width:100px}.walk-controls #walk-dimension{margin-left:0;flex:1}.walk-instruction{top:61%;font-size:10px}.walk-note{top:34%;font-size:16px}.recursive-header{padding:16px}.recursive-header .world-nav{max-width:130px;flex-wrap:wrap;gap:8px}.recursive-header h1{font-size:18px}.recursive-controls{gap:8px;padding:12px}.recursive-controls p{width:100%;text-align:center}.terminal-art{width:150%;max-width:none}.terminal-screen{border-radius:5px}.terminal-boot{font-size:10px}.recursive-world.screen-expanded .terminal-art{inset:80px 8px 120px}}
@media(max-height:550px){.walk-reading{top:90px}.walk-reading strong{font-size:38px}.walk-status{top:85px}.walk-title{font-size:25px}.walk-instruction{top:59%}.walk-controls{bottom:12px;padding:10px}.walk-note{top:33%}.recursive-header{padding:10px 20px}.recursive-controls{padding:8px}.terminal-art{width:min(850px,100%,calc((100dvh - 115px)*1.5))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}