:root{color:#f6f4e9;background:#101c18;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}#scene{touch-action:none;width:100%;height:100%;display:block}.hidden{display:none!important}.loading{color:#e7f0df;letter-spacing:.05em;z-index:30;background:#14241bcc;border-radius:999px;padding:10px 16px;font-size:.82rem;position:fixed;top:52%;left:50%;transform:translate(-50%,-50%)}.intro{z-index:20;background:linear-gradient(90deg,#09130fea 0%,#0b1b16d8 36%,#11251b5a 78%,#0000 100%);align-items:center;padding:clamp(24px,6vw,90px);display:flex;position:fixed;inset:0}.intro-panel{width:min(520px,100%)}@media (height<=600px){.intro{align-items:flex-start;overflow-y:auto}}.eyebrow{color:#b6d2a4;letter-spacing:.2em;text-transform:uppercase;font-size:.7rem;font-weight:700}h1{letter-spacing:-.047em;margin:21px 0 26px;font:600 clamp(3.6rem,7.5vw,7.6rem)/.96 Playfair Display,Georgia,serif}h1 em{color:#d2d3af;font-weight:500}.intro-panel>p:not(.small){color:#d3ddd0;max-width:450px;margin:0 0 28px;font-size:clamp(1rem,1.6vw,1.17rem);line-height:1.7}.primary{color:#16221b;background:#d6dcb1;border:0;border-radius:4px;padding:16px 25px;font-size:.96rem;font-weight:700;box-shadow:0 10px 25px #0005}.primary:hover:not(:disabled){background:#ecf0ca}.primary:disabled{opacity:.54;cursor:wait}.quality-control{color:#ced9c6;align-items:center;gap:8px;margin-left:16px;font-size:.8rem;display:inline-flex}.quality-control select{color:#eef4e6;font:inherit;background:#16261c;border:1px solid #b4c9a85c;border-radius:4px;padding:8px}.instruction{color:#d2ddcd;flex-wrap:wrap;gap:11px 20px;margin:30px 0 18px;font-size:.84rem;display:flex}.instruction strong{color:#f5f5de;margin-right:5px;display:inline-block}.small{color:#afbfac;max-width:490px;font-size:.77rem;line-height:1.5}.hud{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:20px;display:flex;position:fixed;top:24px;left:30px;right:30px}.brand{text-shadow:0 2px 8px #000b;align-items:center;gap:12px;display:flex}.brand-mark{color:#d8e9bb;border:1px solid #e5efce99;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.15rem;display:grid}.brand strong{font:600 1.13rem Playfair Display,Georgia,serif;display:block}.brand small{color:#d6e4d2;letter-spacing:.09em;text-transform:uppercase;margin-top:3px;font-size:.66rem;font-weight:600;display:block}.hud-actions{pointer-events:auto;gap:7px;display:flex}.hud-actions button{color:#f7f8ee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#102018ad;border:1px solid #dce8c758;border-radius:5px;padding:9px 13px;font-size:.79rem}.hud-actions button:hover,.hud-actions button.active{color:#16221b;background:#d6dcb1}kbd{color:#d4dbc6;margin-left:6px;font:600 .66rem DM Sans,sans-serif}.hud-actions button.active kbd,.hud-actions button:hover kbd{color:#3b4f3c}.reticle{pointer-events:none;background:#e6eed6a6;border-radius:50%;width:4px;height:4px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #1d312352}.trail-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:9;background:#102018b7;border:1px solid #dbe9d14d;border-radius:8px;width:208px;padding:14px;position:fixed;bottom:26px;right:28px;box-shadow:0 12px 35px #0005}.trail-top{justify-content:space-between;align-items:center;gap:4px;display:flex}.trail-top .eyebrow{font-size:.62rem}#distance{color:#d9e4d2;font-size:.65rem}#minimap{width:180px;height:180px;margin:5px 0;display:block}.progress{background:#76927b68;border-radius:4px;height:3px;overflow:hidden}#progress-fill{background:#d9e9ad;width:0;height:100%}.location-name{margin:10px 0 9px;font:500 .94rem Playfair Display,Georgia,serif}.viewpoints{flex-wrap:wrap;gap:5px;display:flex}.viewpoints button{color:#d9e4d2;background:#6581643e;border:1px solid #bcd0b366;border-radius:3px;padding:5px 7px;font-size:.62rem}.viewpoints button:hover{color:#17271d;background:#dbe6c1}.mobile-pad{touch-action:none;z-index:10;background:#14261d70;border:1px solid #dbebd273;border-radius:50%;width:122px;height:122px;position:fixed;bottom:34px;left:28px}#mobile-stick{background:#d6e9c2a3;border-radius:50%;width:52px;height:52px;position:absolute;top:34px;left:34px;box-shadow:0 4px 15px #0005}.mobile-look{color:#e5eedcaa;pointer-events:none;z-index:5;font-size:.7rem;position:fixed;top:50%;right:15px}.error{color:#ffebe9;z-index:50;background:#541e1eec;border-radius:5px;max-width:600px;padding:12px 18px;position:fixed;top:18px;left:50%;transform:translate(-50%)}.error a{color:#fff;text-underline-offset:3px}@media (pointer:coarse){.instruction{display:none}}@media (width<=750px){.intro{background:linear-gradient(#11251b3d 0%,#0b1b16a0 45%,#09130ff5);align-items:flex-end;padding:22px 22px 42px}h1{font-size:clamp(3.3rem,13vw,6rem)}.intro-panel>p:not(.small){font-size:.95rem}.hud{top:14px;left:14px;right:14px}.hud-actions{gap:4px}.hud-actions button{padding:8px;font-size:.68rem}.hud-actions kbd,#sound{display:none}.trail-panel{width:150px;padding:8px;bottom:12px;right:12px}#minimap{width:132px;height:132px}.trail-top .eyebrow{display:none}.location-name{margin:6px 0;font-size:.78rem}.viewpoints button{padding:4px;font-size:.55rem}.brand small{display:none}}