:root{font-family:Inter,Avenir Next,Avenir,Segoe UI,sans-serif;color:#243a34;background:#a7bcb4;font-synthesis:none;--ink:#243a34;--green:#294c3e;--muted:#748078;--paper:#f5f5ec;--line:#d7ddcf}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}body{position:fixed;inset:0;margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #91ba50;outline-offset:4px}button{border:0}button:disabled{cursor:wait;opacity:.55}button[hidden],[hidden]{display:none!important}a{color:inherit}#app,#viewport,#viewport>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#app{position:fixed;width:var(--viewport-width,100%);height:var(--viewport-height,100dvh);overflow:hidden}#viewport{touch-action:none}.vignette{position:absolute;inset:0;background:linear-gradient(180deg,#09231b20,transparent 16%,transparent 83%,#1027196b);pointer-events:none}.glass{background:#f8f8efee;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff90;box-shadow:0 4px 30px #142f2620}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.6px;line-height:1.8}.map-tools{position:absolute;right:32px;top:32px;display:flex;flex-direction:column;border-radius:4px;overflow:hidden}.map-tools button{width:40px;height:41px;background:none;font-size:22px;border-bottom:1px solid #dce2d4}.map-tools button:last-child{border-bottom:none}.map-tools button:hover{background:#e3ead8}.floating-panel{max-height:calc(var(--viewport-height,100dvh) - 64px);overflow-y:auto;position:absolute;top:32px;right:85px;width:230px;border-radius:4px;padding:21px;z-index:8}.panel-title{font:21px Georgia,serif;margin-bottom:18px}.floating-panel>label{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:9px 0;gap:8px}.floating-panel small{display:block;font-size:9px;color:#818b7a;margin-top:3px}input[type=checkbox]{accent-color:#577e4d;width:15px;height:15px}input[type=range]{width:100%;accent-color:#577e4d}.sun-control{border-top:1px solid var(--line);margin-top:10px;padding-top:14px}.sun-control label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:6px}.sun-control label span{color:#84907d}.coordinates{position:absolute;bottom:16px;left:32px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:8px;color:#f3f9e7;text-shadow:0 1px 4px #173028;display:flex;flex-direction:column;gap:6px;margin:0}#navigation-hint{position:absolute;bottom:70px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:4px;font-size:10px;white-space:nowrap;color:#697861}.hint-dot{width:5px;height:5px;background:#729154;border-radius:50%}#hint-text b{font-weight:400;color:#b1b9a4;margin:0 7px}#help-button{margin-left:8px;border:1px solid #c8d1bd;border-radius:50%;font-size:9px;background:none;width:16px;height:16px;padding:0}footer{position:absolute;bottom:0;padding:16px 32px;width:100%;display:flex;justify-content:flex-end;align-items:center;color:#e8f0de;font-size:8px;gap:10px}footer a{text-decoration:none}footer a:hover{text-decoration:underline}footer>span{display:flex;gap:7px;font-size:8px;color:#f4f6ea;flex-wrap:wrap;text-shadow:0 1px 5px #133927}.close-button{position:absolute;right:15px;top:12px;padding:2px 6px;font-size:23px;background:none;color:#83917c}#crosshair{position:absolute;top:50%;left:50%;width:5px;height:5px;background:#fff;border:1px solid #254539;box-shadow:0 0 0 3px #ffffff28;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}#toast{position:absolute;bottom:130px;left:50%;transform:translate(-50%);background:#213e35ee;color:#f2f5e5;padding:13px 22px;font-size:12px;border-radius:5px;max-width:440px;z-index:30;text-align:center}dialog{border:1px solid #fcfff6;background:#f6f6ed;color:var(--ink);border-radius:7px;width:min(620px,calc(100% - 30px));max-height:calc(var(--viewport-height,100dvh) - 30px);padding:38px 42px;box-shadow:0 20px 100px #10281b55}dialog::backdrop{background:#112a236b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}dialog h2{font:40px/1.1 Georgia,serif;letter-spacing:-1px;margin:17px 0 24px}dialog p{font-size:12px;color:#697a64;line-height:1.8}dialog .eyebrow{color:#859575}dialog a{text-underline-offset:3px}dialog h3{font-size:12px;font-weight:650;margin:0 0 9px}.control-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--line);font-size:12px}.control-row strong{font-weight:600;min-width:90px}.control-row span{line-height:2;color:#76836e}#loading{position:absolute;inset:0;z-index:100;background:#edf0e6;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transition:opacity .5s}#loading .eyebrow{color:#809073}#loading h2{font:44px Georgia,serif;letter-spacing:-1px;margin:20px 0 12px}#loading p{font-size:12px;color:#89967f;max-width:430px;line-height:1.7}.loading-track{width:180px;height:2px;background:#d3ddc7;margin-top:25px;overflow:hidden}.loading-track>div{height:100%;width:40%;background:#7f995c;animation:load 1.5s infinite ease-in-out}#reload-button{background:#2b493d;color:#fff;margin-top:22px;padding:12px 22px;border-radius:4px}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(350%)}}#app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#touch-controls{position:absolute;inset:0;pointer-events:none}#joystick{position:absolute;left:calc(env(safe-area-inset-left) + 20px);bottom:calc(env(safe-area-inset-bottom) + 30px);width:132px;height:132px;border-radius:50%;background:#f4f6e873;border:1px solid #ffffff9e;box-shadow:0 4px 24px #142f2624;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;touch-action:none}#joystick svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#294c3e8c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#joystick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#f8f8ef;box-shadow:0 3px 12px #142f264d;transition:transform .18s ease-out}#joystick.active #joystick-knob{transition:none;background:#fff}.touch-height{position:absolute;right:calc(env(safe-area-inset-right) + 20px);bottom:calc(env(safe-area-inset-bottom) + 30px);display:flex;flex-direction:column;gap:12px}.touch-height button{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#f4f6e8d9;border:1px solid #ffffffb0;box-shadow:0 4px 18px #142f2626;color:#294c3e;pointer-events:auto;touch-action:none;transition:background .12s,transform .12s}.touch-height button.active{background:#dce7cb;transform:scale(.93)}.touch-height svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}@media(max-height:840px)and (min-width:801px){.coordinates{font-size:7px}}@media(max-height:720px)and (min-width:801px){.coordinates{display:none}}@media(max-width:1050px){#navigation-hint{left:auto;right:110px;transform:none;font-size:9px}#hint-text b{margin:0 3px}footer{font-size:7px}}@media(max-width:800px){.map-tools{right:20px;top:20px}.map-tools button{height:39px;width:36px}.coordinates{display:none}#navigation-hint{bottom:10px;left:50%;right:auto;transform:translate(-50%);z-index:6;font-size:8px;max-width:calc(100vw - 30px);padding:10px}footer{padding:9px 20px;bottom:93px;justify-content:flex-end}footer>span{max-width:190px;gap:3px;font-size:6px;justify-content:flex-end}#layers{right:67px;top:20px;width:210px}#toast{bottom:110px;font-size:10px;max-width:90%;width:max-content}dialog{padding:30px 25px}dialog h2{font-size:34px}.control-row{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.loading-track>div{animation:none;width:100%}}.touch-only{display:none}@media(pointer:coarse){.mouse-only{display:none}.touch-only{display:flex}}@media(pointer:coarse){.map-tools{top:calc(env(safe-area-inset-top) + 16px);right:calc(env(safe-area-inset-right) + 16px)}.map-tools button{width:46px;height:46px}#layers{top:calc(env(safe-area-inset-top) + 16px);right:calc(env(safe-area-inset-right) + 72px);max-height:calc(var(--viewport-height,100dvh) - 32px)}#navigation-hint{top:calc(env(safe-area-inset-top) + 16px);left:calc(env(safe-area-inset-left) + 16px);bottom:auto;right:auto;transform:none;height:46px;padding:0 7px 0 14px;font-size:10px;max-width:none}#help-button{width:32px;height:32px;font-size:12px}#toast{top:calc(env(safe-area-inset-top) + 76px);bottom:auto}footer{bottom:0;padding:4px 16px calc(env(safe-area-inset-bottom) + 6px);justify-content:center}footer>span{max-width:none;font-size:7px;justify-content:center}}@media(pointer:coarse)and (max-height:500px){#joystick{width:116px;height:116px;bottom:calc(env(safe-area-inset-bottom) + 18px)}#joystick-knob{width:52px;height:52px;margin:-26px 0 0 -26px}.touch-height{bottom:calc(env(safe-area-inset-bottom) + 18px);gap:10px}.touch-height button{width:52px;height:52px}}