: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}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}.topbar{position:absolute;top:0;left:0;right:0;padding:27px 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:11px;font-weight:650;letter-spacing:2px;color:#fff;text-shadow:0 1px 9px #23443580}.brand-mark{font-size:39px;line-height:20px;transform:rotate(-20deg);color:#e1ebc7}.brand-divider{margin:0 12px;color:#d0dfc3}.top-actions{display:flex;gap:14px;align-items:center}.live-pill{display:flex;gap:8px;align-items:center;color:#fff;font-size:11px;letter-spacing:.3px;text-shadow:0 1px 9px #23443580}.live-pill i{height:6px;width:6px;border-radius:50%;background:#c8e3a0;box-shadow:0 0 0 4px #c8e3a024}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.6px;line-height:1.8}.map-tools{position:absolute;right:32px;top:100px;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) - 110px);overflow-y:auto;position:absolute;top:100px;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:65px;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}.coordinates span:last-child{opacity:.8}#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:space-between;align-items:center;color:#e8f0de;font-size:8px;gap:10px}footer>span:first-child{letter-spacing:1.4px;font-size:8px}.footer-dot{margin:0 10px;opacity:.5}footer a{text-decoration:none}footer a:hover{text-decoration:underline}footer>span:last-child{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-mark{font-size:70px;color:#718866;margin-bottom:20px}.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%)}}#touch-controls{position:absolute;inset:0;pointer-events:none}.touch-pad{position:absolute;left:25px;bottom:180px;display:grid;grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,43px);gap:5px}.touch-pad button:first-child{grid-column:2}.touch-pad button:nth-child(2){grid-column:1;grid-row:2}.touch-pad button:nth-child(3){grid-column:2;grid-row:2}.touch-pad button:nth-child(4){grid-column:3;grid-row:2}.touch-pad button,.touch-height button{pointer-events:auto;border-radius:5px;background:#f4f6e8bb;border:1px solid #ffffffb0;touch-action:none;font-size:22px}.touch-height{position:absolute;right:25px;bottom:200px;display:grid;gap:8px}.touch-height button{width:45px;height:45px}@media(max-height:840px)and (min-width:801px){.coordinates{font-size:7px;bottom:57px;gap:3px}.map-tools{top:85px}}@media(max-height:720px)and (min-width:801px){.coordinates{display:none}}@media(max-width:1050px){.live-pill{display:none}#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){.topbar{padding:22px}.brand{font-size:9px;letter-spacing:1.5px}.brand-divider{margin:0 7px}.map-tools{right:20px;top:84px}.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:first-child{display:none}footer>span:last-child{max-width:190px;gap:3px;font-size:6px;justify-content:flex-end}#layers{right:67px;top:84px;width:210px}#toast{bottom:110px;font-size:10px;max-width:90%;width:max-content}.touch-pad{bottom:247px}.touch-height{bottom:260px}dialog{padding:30px 25px}dialog h2{font-size:34px}.control-row{flex-direction:column;gap:8px}}@media(max-width:500px){.map-tools{top:76px}.topbar{padding:21px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.loading-track>div{animation:none;width:100%}}@media(pointer:coarse)and (max-height:500px){.map-tools{top:16px;right:20px;flex-direction:row}.map-tools button{height:36px;border-bottom:0;border-right:1px solid #dce2d4}.map-tools button:last-child{border-right:0}#layers{top:60px;right:20px;max-height:calc(var(--viewport-height,100dvh) - 75px)}.touch-pad{bottom:70px}.touch-height{bottom:65px;display:flex}#navigation-hint{left:50%;right:auto;bottom:28px;transform:translate(-50%);font-size:8px;padding:8px 10px}footer{bottom:0;padding:6px 20px;justify-content:center}footer>span:first-child{display:none}footer>span:last-child{max-width:none;font-size:6px;justify-content:center}}