:root{font-family:DM Sans,sans-serif;color:#24382f;background:#d7e8dc;font-synthesis:none;--ink:#24382f;--paper:#f6f5e9;--lime:#e2f593;--orange:#ed7750;--mono:"Space Mono",monospace}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #e36b43;outline-offset:5px}button{border:0}#world{position:fixed;inset:0}#world canvas{width:100%;height:100%;display:block;image-rendering:pixelated;cursor:grab;touch-action:none}#world canvas:active{cursor:grabbing}.scene-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(243,244,224,.91),rgba(240,242,222,.42) 29%,transparent 52%),linear-gradient(0deg,rgba(32,63,49,.12),transparent 25%)}.topbar{position:fixed;z-index:4;top:0;left:0;width:100%;padding:30px 42px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;font-size:14px;font-weight:700;letter-spacing:1.3px;line-height:1.17}.pixel-star{display:inline-block;font-size:45px;line-height:1;color:#24382f}.brand-dot{color:var(--orange)}.header-caption{font:10px var(--mono);letter-spacing:1.8px;display:flex;gap:10px;align-items:center}.tiny-square{width:6px;height:6px;background:var(--ink)}.contact-link{font-size:13px;border-bottom:1px solid #24382f66;padding-bottom:7px}.contact-link span{margin-left:18px}.intro{position:fixed;z-index:2;left:6.2%;top:25%;transition:opacity .4s,transform .4s}.eyebrow{font:10px var(--mono);letter-spacing:1.4px;display:flex;gap:12px;align-items:center}.line{width:23px;height:2px;background:var(--orange)}h1{font-size:clamp(45px,5.4vw,80px);line-height:1.02;letter-spacing:-4px;font-weight:500;margin:25px 0 24px}h1 em{font-style:normal;position:relative}h1 em:after{content:"";position:absolute;bottom:-7px;left:0;right:0;height:7px;background:var(--orange);clip-path:polygon(0 20%,20% 20%,20% 0,70% 0,70% 25%,100% 25%,100% 80%,50% 80%,50% 100%,0 100%)}.intro p{font-size:15px;line-height:1.8;margin:0 0 24px;color:#47594d}.intro-tags{display:flex;gap:17px;font:8px var(--mono);letter-spacing:.5px}.intro-tags span+span{border-left:1px solid #879384;padding-left:17px}.explore-button{margin-top:32px;background:var(--ink);color:var(--paper);padding:17px 20px;min-width:215px;display:flex;align-items:center;justify-content:space-between;font-size:12px;box-shadow:4px 4px #82947944;transition:background .2s,transform .2s}.explore-button:hover{background:#385444;transform:translateY(-3px)}.explore-button span{font-size:20px}.landmark{position:fixed;z-index:2;left:65%;top:35%;display:flex;align-items:center;flex-direction:column;transition:opacity .25s;pointer-events:none}.landmark button{pointer-events:auto;display:flex;align-items:center;gap:13px;background:var(--paper);padding:12px 14px;box-shadow:3px 3px #24382f33;font-size:12px;white-space:nowrap}.landmark-number{background:var(--orange);color:#fff;font:10px var(--mono);padding:5px}.landmark-arrow{font-size:18px}.landmark button:hover{background:var(--lime)}.landmark-stem{height:40px;border-left:1px solid #f6f5e9}.landmark-dot{width:7px;height:7px;background:var(--paper);box-shadow:0 0 0 4px #f6f5e944}.scene-caption{position:fixed;right:43px;bottom:170px;display:flex;gap:9px;align-items:center;font:8px var(--mono);letter-spacing:1px}.caption-dot{height:5px;width:5px;background:var(--orange)}.look-controls{position:fixed;left:42px;right:auto;top:120px;display:flex;align-items:center;gap:10px;z-index:6}.look-controls button{border:1px solid #24382f40;background:#f6f5e950;width:30px;height:30px;font-size:16px}.look-controls button:hover{background:var(--paper)}.compass{height:64px;width:64px;border:1px solid #24382f65;border-radius:50%;display:grid;place-items:center;position:relative;background:#f6f5e950}.compass:before,.compass:after{content:"";position:absolute;background:#24382f25}.compass:before{width:1px;height:50px}.compass:after{height:1px;width:50px}.compass-n{position:absolute;top:5px;font:8px var(--mono)}#compass-needle{font-size:32px;line-height:1;color:var(--orange);transform-origin:center;transition:transform .1s}.compass-center{position:absolute;width:4px;height:4px;background:var(--ink);border-radius:50%}.bottom-bar{position:fixed;z-index:5;bottom:43px;left:42px;right:42px;background:var(--paper);display:flex;align-items:center;box-shadow:0 6px 30px #273a3420;min-height:90px;padding:12px 20px}.nav-intro{display:flex;gap:11px;align-items:center;min-width:142px;font:9px var(--mono);line-height:1.7;letter-spacing:.6px}.pixel-cross{font-size:36px;font-weight:400}.nav-intro strong{font-weight:400}.destinations{display:flex;flex:1}.destination{display:flex;align-items:center;gap:13px;text-align:left;background:transparent;flex:1;padding:12px 17px;position:relative;border-left:1px solid #d9decd;transition:background .2s}.destination small{display:block;font:8px var(--mono);letter-spacing:.9px;color:#7a8575;margin-bottom:5px}.destination strong{font-size:12px;font-weight:600}.nav-icon{font-size:25px;width:27px;text-align:center;color:#829179}.nav-arrow{margin-left:auto;font-size:17px;color:#83927a}.destination.active{background:#e8edd6}.destination.active .nav-icon{color:var(--orange)}.destination:hover{background:#e2f59370}.interaction-hint{position:fixed;bottom:15px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px;font-size:10px;color:#344e3c}.interaction-hint>span:first-child{font-size:16px}.hint-separator{margin:0 7px;opacity:.4}kbd{font:9px var(--mono);border:1px solid #61745c55;padding:0 4px;background:#f6f5e935}.detail-panel{position:fixed;z-index:4;right:42px;top:105px;bottom:157px;width:50vw;background:var(--paper);box-shadow:8px 8px #24382f22;overflow:auto;padding:26px 32px;animation:panel-in .35s ease}.detail-panel[hidden]{display:none}.panel-top{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:1px;color:#74836d;border-bottom:1px solid #d8deca;padding-bottom:20px}.panel-top button{background:#e8eddc;width:28px;height:28px}.panel-top button:hover{background:var(--lime)}.panel-kicker{font:9px var(--mono);letter-spacing:1px;color:#79866d;margin-top:29px}.detail-panel h2{font-size:42px;line-height:1.07;letter-spacing:-1.8px;font-weight:500;margin:13px 0 20px}.panel-intro{font-size:13px;line-height:1.8;color:#52604e}.entry{border-top:1px solid #d8deca;padding-top:20px;margin-top:24px}.entry-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.entry h3{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:0}.entry .entry-icon{font-size:22px;background:#e3eaca;min-width:40px;height:40px;display:grid;place-items:center}.entry-meta{font:9px var(--mono);line-height:1.8;color:#7b876e;margin:8px 0 13px}.entry p,.entry li{font-size:12px;line-height:1.8;color:#50604c}.entry ul{padding-left:17px}.tech-tags{display:flex;flex-wrap:wrap;gap:5px;margin:15px 0 0}.tech-tags span{padding:5px 8px;background:#e9eddc;font:8px var(--mono);color:#526348}.impact-stat{display:flex;align-items:baseline;gap:12px;padding:17px;background:#e4edca;margin-top:18px}.impact-stat strong{font-size:31px;font-weight:500;letter-spacing:-1px}.impact-stat span{font-size:11px}.panel-link{display:inline-block;margin-top:18px;font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:5px}.portrait{width:64px;height:64px;border:4px solid #e3eaca;image-rendering:pixelated;margin-top:26px;float:right;margin-left:15px}.contact-card{display:block;margin-top:24px;padding:18px;background:var(--ink);color:var(--paper);font-size:12px;word-break:break-word}.contact-card span{float:right}.contact-secondary{display:block;margin-top:15px;font:12px var(--mono)}.contact-location{font:10px var(--mono);padding-top:25px;margin-top:26px;border-top:1px solid #d8deca;line-height:2}.copy-button{margin-top:20px;padding:10px 12px;background:#e5ebd3;font-size:11px}.panel-open .intro{opacity:0;transform:translate(-20px);pointer-events:none}.panel-open .scene-caption{right:auto;left:43px}.panel-open .landmark{opacity:0;pointer-events:none}.panel-open .landmark button{pointer-events:none}.loading{position:fixed;z-index:10;inset:0;background:var(--paper);display:flex;align-items:center;justify-content:center;gap:20px;font:12px var(--mono);transition:opacity .4s}.loading.done{opacity:0;pointer-events:none}.loading .pixel-star{animation:spin 3s linear infinite}.fallback{position:fixed;left:6%;top:17%;font-size:12px;max-width:350px;color:#73432c}.classic-mode #world,.classic-mode .scene-shade,.classic-mode .intro,.classic-mode .landmark,.classic-mode .look-controls,.classic-mode .scene-caption,.classic-mode .interaction-hint{display:none}.classic-mode{background:var(--paper);overflow:auto}.classic-mode .detail-panel{position:relative;top:115px;bottom:auto;right:auto;margin:0 auto 280px;width:min(760px,calc(100% - 40px));box-shadow:none;padding:26px 45px}.classic-mode .detail-panel h2{font-size:56px}.classic-mode .entry p,.classic-mode .entry li,.classic-mode .panel-intro{font-size:15px}.classic-mode .topbar{background:var(--paper)}.classic-mode .panel-top button{display:none}.classic-mode .bottom-bar{bottom:20px}@keyframes panel-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.intro{top:29%}.bottom-bar{left:5%;right:5%}}@media(max-height:760px)and (min-width:801px){.intro{top:23%}h1{font-size:61px;margin:20px 0}.intro p{margin-bottom:15px}.explore-button{margin-top:22px}.bottom-bar{bottom:35px;min-height:78px}.scene-caption{bottom:144px}.detail-panel{bottom:135px;top:92px}.interaction-hint{bottom:10px}}@media(max-width:1050px){.topbar{padding:25px}.header-caption{font-size:8px;letter-spacing:1px}.intro{left:5%}h1{letter-spacing:-2.5px}.bottom-bar{left:25px;right:25px;padding:10px}.nav-intro{display:none}.destination{padding:10px;gap:7px}.destination:first-child{border-left:0}.nav-icon{font-size:22px;width:22px}.look-controls{left:25px;right:auto}.detail-panel{right:25px;width:405px}}@media(max-width:700px){.topbar{padding:21px}.brand{font-size:11px;gap:8px}.brand .pixel-star{font-size:33px}.header-caption{display:none}.contact-link{font-size:11px}.intro{left:25px;top:18%;right:25px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:53px;margin:20px 0;letter-spacing:-2.8px}.intro p{font-size:12px;line-height:1.7}.intro-tags{font-size:7px;gap:12px}.intro-tags span+span{padding-left:12px}.explore-button{margin-top:24px;padding:13px 16px;min-width:195px;font-size:11px}.scene-shade{background:linear-gradient(180deg,#f3f4e0c9,transparent 75%),linear-gradient(90deg,#f3f4e057,transparent 80%)}.landmark{top:56%;left:52%}.landmark button{font-size:10px;gap:8px;padding:8px}.landmark-number{font-size:8px}.landmark-stem{height:22px}.look-controls{inset:90px auto auto 21px;gap:7px}.compass{height:50px;width:50px}.compass:before{height:38px}.compass:after{width:38px}.compass-n{top:2px}.look-controls button{height:26px;width:26px}.scene-caption{display:none}.bottom-bar{bottom:38px;left:14px;right:14px;padding:8px;min-height:109px;display:block}.destinations{gap:3px}.destination{padding:9px 3px;display:flex;flex-direction:column;gap:6px;text-align:center;border:0}.destination small{font-size:6px;letter-spacing:.2px;margin-bottom:3px}.destination strong{font-size:10px}.nav-icon{font-size:20px;height:22px}.nav-arrow{display:none}.interaction-hint{font-size:8px;bottom:12px}.interaction-hint kbd,.hint-separator{display:none}.detail-panel{inset:90px 14px 165px;width:auto;padding:20px 24px}.detail-panel h2{font-size:37px}.panel-top{padding-bottom:12px}.panel-kicker{margin-top:20px}.panel-open .topbar{background:#f6f5e980}.classic-mode .detail-panel{top:88px;width:100%;padding:20px 26px;margin-bottom:250px}.classic-mode .detail-panel h2{font-size:44px}.classic-mode .bottom-bar{bottom:14px}.classic-mode .entry p,.classic-mode .entry li,.classic-mode .panel-intro{font-size:13px}}.scene-toys{position:fixed;inset:0;pointer-events:none;z-index:3}.toy-marker{position:absolute;transform:translate(-50%,-50%);padding:0;background:transparent;pointer-events:auto;display:flex;align-items:center;flex-direction:column;gap:8px}.toy-marker[hidden]{display:none}.toy-marker>span{display:grid;place-items:center;width:30px;height:30px;background:#f6f5e9d9;border:1px solid #24382f65;box-shadow:0 0 0 5px #f6f5e930;font:21px var(--mono);transition:background .2s,transform .2s}.toy-marker small{position:absolute;top:40px;white-space:nowrap;background:var(--ink);color:var(--paper);padding:8px 10px;font:9px var(--mono);opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s;pointer-events:none}.toy-marker:hover>span,.toy-marker:focus-visible>span{background:var(--lime);transform:rotate(90deg)}.toy-marker:hover small,.toy-marker:focus-visible small{opacity:1;transform:translateY(0)}.toy-message{position:fixed;z-index:6;left:50%;bottom:158px;transform:translate(-50%,8px);background:var(--ink);color:var(--paper);font:10px var(--mono);padding:13px 19px;box-shadow:3px 3px #24382f22;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;max-width:calc(100% - 40px);text-align:center}.toy-message.visible{opacity:1;transform:translate(-50%)}.telescope-view{position:fixed;inset:0;pointer-events:none;z-index:3;background:radial-gradient(circle at center,transparent 28%,#24382f2b 49%,#132b24e8 72%);border:18px solid #24382f80}.telescope-view[hidden]{display:none}.scope-crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:38px var(--mono);color:#f6f5e990}.scope-caption{position:absolute;bottom:210px;left:0;right:0;text-align:center;font:9px var(--mono);letter-spacing:2px;color:var(--paper)}#exit-telescope{pointer-events:auto;position:absolute;bottom:153px;left:50%;transform:translate(-50%);padding:12px 18px;background:var(--paper);font-size:11px;white-space:nowrap}#exit-telescope span{margin-left:12px}.using-telescope .intro,.using-telescope .scene-caption{visibility:hidden}.classic-mode .scene-toys,.classic-mode .toy-message{display:none}@media(max-width:700px){.toy-marker>span{width:27px;height:27px;font-size:18px}.toy-message{bottom:159px;font-size:8px;min-width:230px}.telescope-view{border-width:7px}.scope-caption{bottom:224px}#exit-telescope{bottom:176px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.island-map{width:min(610px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:27px 32px;color:var(--ink);border:1px solid #a2af92;background:#f6f5e9;box-shadow:9px 9px #24382f30;overflow:auto}.island-map::backdrop{background:#183c3370;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-heading{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.5px;gap:12px}.map-heading button{min-width:30px;height:30px;background:#e6ebd6}.island-map h2{font-size:32px;font-weight:500;letter-spacing:-1.3px;margin:20px 0 8px}.island-map>p{font-size:12px;color:#63735c;margin:0 0 23px}.map-drawing{position:relative;aspect-ratio:520/350;background:#d9e8d9;border:1px solid #c2d2bd}.map-drawing svg{display:block;width:100%;height:100%}.map-pin{position:absolute;display:flex;flex-direction:column;align-items:center;background:#f6f5e9f2;box-shadow:3px 3px #24382f20;border:1px solid #9ba992;padding:8px 11px;gap:4px;min-width:104px;transition:transform .15s,background .15s;transform:translate(-50%,-50%)}.map-pin small{font:7px var(--mono);letter-spacing:1px;color:#76866d}.map-pin strong{font-size:11px;font-weight:600;white-space:nowrap}.map-pin>span{font:6px var(--mono);letter-spacing:.5px;color:#67824d}.map-pin>span:empty{display:none}.map-pin:hover,.map-pin:focus-visible{background:var(--lime);transform:translate(-50%,-50%) translateY(-3px)}.map-pin.current{border:2px solid #e1845d}.map-pin.north{top:34%;left:50%}.map-pin.east{top:64%;left:81%}.map-pin.south{top:85%;left:50%}.map-pin.west{top:64%;left:17%}.map-footnote{display:flex;align-items:center;gap:9px;margin-top:18px;font:8px var(--mono);color:#748167}.map-footnote>span{font-size:22px;color:var(--orange)}@media(max-width:550px){.island-map{padding:20px 17px}.map-heading{font-size:6px;letter-spacing:0}.island-map h2{font-size:27px}.island-map>p{font-size:11px}.map-pin{padding:6px;min-width:83px}.map-pin strong{font-size:9px}.map-pin small{font-size:6px}.map-pin>span{font-size:5px;letter-spacing:0}.map-footnote{font-size:7px;line-height:1.6}}.view-mode{display:flex;align-items:center;gap:12px;flex:none;min-width:148px;background:transparent;border:0;margin:0;padding:13px 18px 13px 0;text-align:left;color:var(--ink)}.view-switch-track{display:block;position:relative;width:42px;height:24px;border:1px solid #a3ad95;background:#d9decf;border-radius:14px;flex:none;transition:background .2s}.view-switch-knob{position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--paper);box-shadow:0 1px 3px #24382f33;transition:transform .2s}.view-mode[aria-checked=true] .view-switch-track{background:var(--ink);border-color:var(--ink)}.view-mode[aria-checked=true] .view-switch-knob{transform:translate(18px);background:var(--lime)}.view-switch-label{font:9px var(--mono);letter-spacing:.5px;white-space:nowrap}.view-switch-label small{display:block;font-size:7px;letter-spacing:.3px;margin-top:5px;color:#79866d}.view-mode:hover .view-switch-track{box-shadow:0 0 0 3px #dfe9cc}.view-mode:hover .view-switch-label{color:#547444}@media(max-width:1050px){.view-mode{min-width:130px;gap:9px;padding-right:13px}.destination:first-child{border-left:1px solid #d9decd}}@media(max-width:700px){.bottom-bar{display:flex;min-height:109px}.view-mode{flex-direction:column;gap:6px;min-width:55px;width:55px;margin-right:5px;padding:7px 0;text-align:center}.view-switch-track{width:36px;height:20px}.view-switch-knob{width:12px;height:12px}.view-mode[aria-checked=true] .view-switch-knob{transform:translate(16px)}.view-switch-label{font-size:6px;letter-spacing:.2px}.view-switch-label small{font-size:5px;letter-spacing:0;margin-top:4px}.destination:first-child{border-left:0}.destinations,.destination{min-width:0}.destination strong{font-size:9px}}.intro{pointer-events:none;-webkit-user-select:none;user-select:none}.intro .explore-button{pointer-events:auto}@media(max-width:700px){.bottom-bar{left:6px;right:6px;min-height:120px;padding:8px 6px}.destination{padding:10px 2px;gap:8px}.destination strong{font-size:11px;line-height:1.25}.destination small{font-size:8px;letter-spacing:0;color:#59694f}.nav-icon{font-size:24px;height:25px}.view-mode{margin-right:4px}.view-switch-label{font-size:8px;letter-spacing:0}.view-switch-label small{font-size:7px;color:#59694f}.intro{top:160px}.look-controls{top:90px}.panel-open .detail-panel{bottom:174px}.panel-open .look-controls{display:none}}@media(max-width:700px)and (max-height:740px){h1{font-size:42px;margin:15px 0}.intro p{margin-bottom:16px}.explore-button{margin-top:18px}}