@font-face{font-family:Playground;src:local("Avenir Next"),local("Avenir"),local("Century Gothic");font-display:swap}
:root{--paper:#f1eee5;--ink:#253e3b;--muted:#6b7770;--teal:#239e96;--amber:#eca83d;--line:#d9d9cb;--display:Playground,"Trebuchet MS",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--teal);outline-offset:5px}button:hover,a:hover{filter:brightness(.94)}[hidden]{display:none!important}
.skip-link{position:fixed;top:-80px;left:20px;background:var(--ink);color:white;padding:15px;z-index:100}.skip-link:focus{top:12px}
.site-header{height:102px;position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;margin:0 4.2%;border-bottom:1px solid var(--line)}.wordmark{font-size:36px;font-weight:900;letter-spacing:-2.3px;line-height:1}.brand-i{position:relative}.brand-i:before{content:"";width:7px;height:7px;background:var(--amber);border-radius:50%;position:absolute;left:2px;top:1px}.brand-period{color:var(--teal)}nav{display:flex;align-items:center;gap:35px}.header-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:var(--teal);border-radius:50%}.nav-button{background:var(--ink);border-radius:7px;padding:13px 19px;font-size:12px;color:var(--paper);display:flex;align-items:center;gap:25px}.nav-button span{font-size:20px;line-height:1}
.intro{position:absolute;top:146px;left:4.2%;z-index:3;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:8px;margin:0 0 18px}.eyebrow>span{width:15px;height:1px;background:var(--teal)}h1{font-size:clamp(34px,3.7vw,58px);line-height:1.04;letter-spacing:-2.4px;margin:0;font-weight:700}h1 em{font-style:normal;color:var(--teal)}.intro-copy{font-size:13px;line-height:1.7;color:var(--muted);margin-top:20px}.world-note{position:absolute;right:4.6%;top:158px;z-index:3;display:flex;align-items:center;gap:15px;transform:rotate(3deg);color:#7d8879}.note-cross{font-size:42px;font-weight:400;color:var(--amber)}.world-note p{font-family:Georgia,serif;font-size:15px;font-style:italic;line-height:1.6}
.playground{height:max(800px,100svh);position:relative;overflow:hidden}.playground canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.world-labels{position:absolute;inset:0;pointer-events:none;visibility:hidden}.lab-marker{position:absolute;display:flex;align-items:center;gap:10px;white-space:nowrap;transform:translate(-50%,-100%);will-change:left,top}.marker-number{display:flex;align-items:center;justify-content:center;border-radius:50%;width:30px;height:30px;background:var(--teal);color:white;font-size:10px;font-weight:700;border:3px solid var(--paper);box-shadow:0 2px 5px #253e3b12}.amber .marker-number{background:var(--amber);color:var(--ink)}.lab-marker strong{font-size:15px;letter-spacing:-.4px;display:block;text-shadow:0 1px 4px var(--paper)}.lab-marker small{display:block;font-size:9px;color:#6c7770;margin-top:4px;text-shadow:0 1px 4px var(--paper)}.pad-label{position:absolute;font-size:9px;letter-spacing:1.4px;font-weight:700;color:var(--ink);background:#f9f6ebed;border:1px solid #e3d6b5;border-radius:4px;padding:5px 8px;transform:translate(-50%,0)}.pad-label span{margin-left:4px}.player-tip{position:absolute;background:var(--ink);color:#fff7e4;font-size:10px;padding:10px 13px;border-radius:6px;transform:translate(-50%,-100%);white-space:nowrap;box-shadow:0 3px 10px #253e3b12;transition:opacity .4s}.player-tip:after{content:"";position:absolute;bottom:-4px;left:calc(50% - 4px);width:8px;height:8px;transform:rotate(45deg);background:var(--ink)}.player-tip span{color:var(--amber);margin-left:8px}
.world-tools{position:absolute;right:4.2%;bottom:142px;display:flex;gap:8px;z-index:4}.world-tools button{width:37px;height:37px;border:1px solid #d7d7c8;background:#f9f6ebc9;border-radius:50%;font-size:19px}.world-tools button:last-child{font-size:14px}.nearby{position:absolute;bottom:148px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);font-size:12px;padding:12px 20px;border-radius:24px;max-width:80%;text-align:center;z-index:5;white-space:nowrap}.load-state{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);font-size:13px;letter-spacing:.4px;color:var(--muted)}.load-state span{display:inline-block;animation:blink 1s infinite}.fallback{position:absolute;top:48%;left:50%;transform:translate(-50%,-25%);width:min(600px,88%);padding:38px;background:#f9f6eb;border:1px solid var(--line);border-radius:16px;z-index:4}.fallback h2{font-size:28px;margin:0 0 14px}.fallback p{font-size:14px;line-height:1.7;color:var(--muted)}.fallback-links{display:flex;gap:12px;margin:25px 0}.fallback-links a{flex:1;padding:16px 12px;background:#dbe8db;border-radius:5px;font-size:12px;text-align:center}.fallback-links a+ a{background:#f2dfb4}.text-button{padding:6px 0;background:none;text-decoration:underline;text-underline-offset:4px;font-size:12px}
.site-footer{position:absolute;left:4.2%;right:4.2%;top:calc(max(800px,100svh) - 106px);height:88px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:4}.footer-caption{display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.6}.footer-caption small{display:block;font-size:10px;color:var(--muted)}.tiny-star{font-size:27px;color:var(--teal)}.desktop-controls{font-family:Arial,sans-serif;display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted)}.desktop-controls>span{display:flex;gap:4px;align-items:center;white-space:nowrap}.desktop-controls>span:first-child{gap:3px}.desktop-controls i{height:13px;width:1px;background:var(--line)}kbd{font:9px Arial,sans-serif;border:1px solid #d3d4c7;border-bottom:2px solid #c6c9bc;border-radius:4px;min-width:19px;height:23px;display:inline-flex;justify-content:center;align-items:center;color:var(--ink);background:#f7f4ec}.space-key{padding:0 7px}.footer-lab-link{font-size:10px;white-space:nowrap;border-bottom:1px solid #b7c1b5;padding-bottom:5px}.footer-lab-link span{margin-left:8px}.mobile-hint{display:none}
.lab-directory{padding:80px max(4.2%,calc((100vw - 1200px)/2)) 35px;border-top:1px solid var(--line);background:#f7f5ed;display:grid;grid-template-columns:1fr 1fr;gap:24px}.directory-intro{grid-column:1/-1;margin-bottom:15px}.directory-intro .eyebrow{color:var(--teal)}.directory-intro h2{font-size:36px;letter-spacing:-1.4px;margin:0}.directory-intro>p:last-child{font-size:14px;color:var(--muted);line-height:1.6}.lab-card{padding:30px 32px;border:1px solid #d6e0cf;background:#e9eee2;border-radius:14px;transition:transform .2s}.lab-card:hover{transform:translateY(-3px)}.mainframe-card{background:#f0e7d3;border-color:#e3d5b8}.card-top{display:flex;justify-content:space-between;align-items:center}.card-icon{font-family:monospace;font-size:28px;color:var(--teal)}.mainframe-card .card-icon{color:#a16e25}.card-number{font-size:10px;letter-spacing:1.8px;color:var(--muted)}.lab-card h3{font-size:24px;letter-spacing:-.8px;display:flex;justify-content:space-between;margin:24px 0 12px}.lab-card h3 span{font-weight:400}.lab-card p{font-size:13px;line-height:1.8;color:var(--muted)}.card-domain{font-family:monospace;font-size:11px;margin-top:15px;display:inline-block;border-bottom:1px solid #bdc7b7;padding-bottom:6px}.directory-foot{grid-column:1/-1;font-size:11px;color:var(--muted);margin:30px 0 0}
.touch-controls{display:none;position:absolute;bottom:128px;left:5%;right:5%;justify-content:space-between;align-items:center;pointer-events:none;z-index:6}.joystick{pointer-events:auto;width:106px;height:106px;border:1px solid #ffffffb8;border-radius:50%;background:#f8f5e970;position:relative;touch-action:none;box-shadow:0 3px 12px #253e3b0d;user-select:none}.joystick-knob{position:absolute;left:32px;top:32px;width:40px;height:40px;background:#f8f5e9de;border:1px solid #b8c1ae;border-radius:50%;box-shadow:0 3px 7px #253e3b14}.joy-direction{position:absolute;font:13px Arial;color:#687e6d}.north{top:7px;left:48px}.south{bottom:7px;left:48px}.west{left:8px;top:45px}.east{right:8px;top:45px}.jump-button{pointer-events:auto;touch-action:none;width:76px;height:76px;border:1px solid #ffffffb8;border-radius:50%;background:#f8f5e9c9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;box-shadow:0 3px 12px #253e3b0d;user-select:none}.jump-button>span{font-size:26px;line-height:1}.jump-button small{font-size:8px;letter-spacing:1px}.jump-button:active{background:#ecba59}
dialog{border:1px solid var(--line);border-radius:16px;padding:42px;width:min(520px,calc(100% - 32px));color:var(--ink);background:#f9f7ee;box-shadow:0 20px 100px #243e3b33}dialog::backdrop{background:#243e3b66;backdrop-filter:blur(5px)}dialog h2{font-size:30px;letter-spacing:-1px;margin:0 0 16px}dialog>p{font-size:13px;line-height:1.8;color:var(--muted)}.dialog-close{position:absolute;right:16px;top:12px;background:none;font-size:26px}.control-list{margin:24px 0}.control-list>div{display:grid;grid-template-columns:96px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.control-list dt{font-weight:700}.control-list dd{margin:0;color:var(--muted);line-height:1.5}.dialog-note{font-size:11px!important}.primary-button{width:100%;text-align:left;display:flex;justify-content:space-between;background:var(--ink);color:var(--paper);padding:15px 18px;border-radius:6px;margin-top:24px;font-size:13px}
.travel-overlay{position:fixed;inset:0;z-index:50;background:#f1eee5f5;backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;text-align:center}.travel-overlay h2{font-size:42px;letter-spacing:-1.5px;margin:0 0 10px}.travel-overlay>p:not(.eyebrow){font-size:13px;color:var(--muted)}.travel-overlay a{margin:25px 0 18px;padding:15px 25px;background:var(--ink);color:var(--paper);border-radius:6px;font-size:13px}.travel-dot{width:35px;height:35px;border-radius:50%;background:var(--teal);margin-bottom:32px;box-shadow:0 0 0 12px #239e9618}.noscript-message{position:absolute;top:360px;left:5%;font-size:14px}
@keyframes blink{50%{opacity:.25}}
@media(pointer:coarse){.touch-controls{display:flex}.desktop-controls{display:none}.mobile-hint{display:block;font-size:10px;color:var(--muted)}.nearby{bottom:245px}.world-tools{bottom:255px}}
@media(min-width:1700px){.intro{top:170px}.world-note{top:182px}.lab-marker strong{font-size:18px}.lab-marker small{font-size:11px}}
@media(max-width:1000px){.header-note{display:none}.intro{top:137px}h1{font-size:42px}.world-note{top:139px}.footer-caption small{max-width:180px}.desktop-controls>span:last-child,.desktop-controls i:last-of-type{display:none}.footer-lab-link{font-size:10px}.lab-marker{gap:6px}.lab-marker strong{font-size:12px}.lab-marker small{font-size:8px}.marker-number{width:26px;height:26px}.world-note p{font-size:13px}}
@media(max-width:600px){.site-header{height:77px;margin:0 6%}.wordmark{font-size:29px}.brand-i:before{width:6px;height:6px;top:0;left:1px}.nav-button{font-size:10px;padding:11px 13px;gap:13px;border-radius:5px}.nav-button span{font-size:17px}.intro{top:108px;left:6%}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:13px}h1{font-size:38px;letter-spacing:-1.9px;line-height:1.06}.intro-copy{font-size:11px;line-height:1.7;margin-top:14px}.world-note{display:none}.playground{height:max(740px,100svh)}.site-footer{top:calc(max(740px,100svh) - 83px);left:6%;right:6%;height:72px;gap:10px}.footer-caption{font-size:9px;gap:8px}.footer-caption small{font-size:8px;max-width:165px}.tiny-star{font-size:22px}.desktop-controls,.mobile-hint{display:none}.footer-lab-link{font-size:9px}.footer-lab-link span{margin-left:2px}.touch-controls{display:flex;bottom:110px;left:7%;right:7%}.world-tools{right:6%;bottom:232px;gap:6px}.world-tools button{width:32px;height:32px}.nearby{bottom:233px;font-size:10px;padding:10px 12px;max-width:73%;white-space:normal;left:42%}.lab-marker{gap:5px}.marker-number{width:23px;height:23px;border-width:2px;font-size:8px}.lab-marker strong{font-size:10px;letter-spacing:-.25px}.lab-marker small{display:none}.pad-label{font-size:7px;letter-spacing:.6px;padding:3px 5px}.player-tip{font-size:8px;padding:8px 9px}.lab-directory{padding:45px 6% 30px;grid-template-columns:1fr;gap:16px}.directory-intro h2{font-size:28px;letter-spacing:-1.1px}.directory-intro>p:last-child{font-size:12px}.lab-card{padding:26px}.lab-card h3{font-size:22px}.directory-foot{font-size:10px;margin-top:18px}.fallback{top:42%;padding:24px}.fallback h2{font-size:24px}.fallback p{font-size:12px}.fallback-links{gap:8px}.fallback-links a{font-size:10px;padding:13px 8px}dialog{padding:30px 25px}dialog h2{font-size:25px}.control-list>div{grid-template-columns:75px 1fr;font-size:11px}.travel-overlay h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Reserve a clear reading area above the landscape on wider screens. */
@media(min-width:601px){.playground canvas{top:170px;bottom:60px;height:calc(100% - 230px)}}