@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f3fbff;background:#061923;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}canvas{display:block}.hud{position:fixed;inset:0;pointer-events:none;z-index:2}.brand{position:absolute;top:24px;left:28px}.legend{position:absolute;top:108px;left:28px;display:flex;gap:16px;color:#9bbbc2;font-size:11px;pointer-events:auto}.legend span{display:flex;align-items:center;gap:6px}.swatch{width:22px;height:0;border-top:2px solid}.swatch.boundary{border-color:#9fb4ba;border-top-style:dashed}.swatch.road{border-color:#e9b765}.swatch.rail{border-color:#d6e0df;border-top-style:double;border-top-width:3px}.context-toggle{margin-left:4px;padding:4px 9px;border:1px solid rgba(158,218,228,.25);border-radius:999px;color:#d6eef2;background:#0f313cb8;cursor:pointer}.context-toggle[aria-pressed=false]{color:#7d9aa0;background:#081c24b8}.eyebrow{color:#8edbed;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1{margin:5px 0 0;font:600 clamp(28px,4vw,48px)/1 "Fraunces",Georgia,serif;letter-spacing:-.04em}.panel{position:absolute;top:24px;right:24px;width:min(340px,calc(100vw - 48px));padding:18px;border:1px solid rgba(177,233,244,.18);border-radius:18px;background:#051821c2;box-shadow:0 18px 60px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;max-height:calc(100vh - 48px);overflow-y:auto}.view-toggle,.material-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.material-toggle{margin-bottom:4px}.view-button,.material-button{padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:10px;color:#acc9cf;background:#ffffff0a;cursor:pointer}.view-button.active,.material-button.active{color:#05202b;border-color:#9de7e9;background:#9de7e9;font-weight:700}.water-mode .material-button.active{border-color:#70d9ff;background:#70d9ff}.field-label{display:block;margin:12px 0 6px;color:#8fb0b7;font-size:12px;font-weight:600}select,input[type=number]{width:100%;padding:9px 10px;border:1px solid rgba(255,255,255,.14);border-radius:9px;color:#eaf8fa;background:#0b2a35}.loaf-only{display:none}.loaf-view .loaf-only{display:block}.water-only{display:none}.water-mode.loaf-view .water-only{display:flex}.loaf-view .gis-only{display:none}.dimensions{margin:4px 0 14px}.reference-stat{margin:7px 0;font-size:11px}.reference-stat strong{font-size:12px}.loaf-view .legend{opacity:0;pointer-events:none}.control-help{margin:6px 0 0;color:#789da5;font-size:10px;line-height:1.35}.statline{display:flex;justify-content:space-between;align-items:baseline;margin:13px 0 7px;color:#b8d5dc;font-size:13px}.statline strong{color:#fff;font-size:15px}input[type=range]{width:100%;accent-color:#efbd6a}.result{margin-top:16px;padding:13px;border-radius:12px;background:#48a6b81f;color:#cce9ee;font-size:13px;line-height:1.45}.result strong{color:#fff}.disclaimer{margin:12px 0 0;color:#84a7af;font-size:11px;line-height:1.45}.mission{position:absolute;left:28px;bottom:26px;max-width:370px;padding:13px 16px;border-left:3px solid #efbd6a;border-radius:4px 12px 12px 4px;background:#051821c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mission-title{color:#efbd6a;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.mission p{margin:5px 0 0;color:#d8edf1;font-size:13px}.depth{position:absolute;right:28px;bottom:26px;color:#d7f7fb;text-align:right}.depth strong{display:block;font:600 28px/1 Fraunces,serif}.depth span{color:#8db5bd;font-size:11px}.loading{position:fixed;inset:0;display:grid;place-items:center;z-index:5;background:#061923;color:#a5dce7;transition:opacity .45s}.loading.done{opacity:0;pointer-events:none}@media(max-width:700px){.brand{top:16px;left:16px}.panel{inset:auto 12px 12px;width:auto}.mission{display:none}.depth{top:78px;right:16px;bottom:auto}.panel .disclaimer{display:none}.legend{top:76px;left:16px}}