/* Arescope: full-bleed map composition */
:root{color-scheme:dark;--bg:#000;--surface:rgba(0,0,0,.66);--surface-raised:#000;--line:rgba(255,255,255,.22);--line-soft:rgba(255,255,255,.14);--text:#f2eee9;--muted:#aaa39c;--quiet:#77716c;--orange:#e1a06a;--red:#bd7168;--wine:#38211c;--mono:'DM Mono',monospace;--sans:'Manrope',Arial,sans-serif}
html,body{min-height:100%;background:#000!important}body{color:#eee}.sidebar{display:none!important}.main-content{margin:0!important;padding:0!important;max-width:none!important;min-height:100vh;background:#000}.topbar{height:34px;padding:0 18px;border:0;border-bottom:1px solid #ffffff20}.breadcrumb,.utc-label{color:#aaa}.intro,.notice,.metrics{display:none!important}.workspace{display:block;position:relative;margin:0!important;width:100%;height:calc(100vh - 34px);min-height:520px}.map-panel{position:absolute;inset:0;border:0;border-radius:0;background:#000;overflow:visible}.map-panel>.panel-heading{position:absolute;z-index:4;top:10px;left:50%;transform:translateX(-50%);height:auto;padding:8px 13px;border:1px solid #ffffff2b;background:#0009;backdrop-filter:blur(12px);white-space:nowrap}.panel h2{font-size:12px}.section-kicker{color:#b7aaa0}.map-badge{color:#d1b49d;border-color:#ffffff35}.map-stage{height:calc(100vh - 74px)!important;min-height:440px!important;background:#000!important;position:absolute;inset:0}.map-grid{opacity:.28;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px)}.map-vignette{background:radial-gradient(ellipse at center,transparent 50%,#000 100%)}.map-empty{padding:30px}.map-empty p{color:#b0aaa4}.empty-glyph,.empty-glyph span{border-color:#ffffff40}.empty-glyph:before,.empty-glyph:after{background:#ffffff40}.primary-button{background:#d9a477;border-color:#e2b58c;color:#100b08}.map-axis{color:#ded6ce}.map-axis span,.map-corner{color:#a69b91}.map-legend{position:absolute;z-index:3;bottom:0;left:0;right:0;height:30px;background:#0008;border-color:#ffffff1c;color:#bbb}.map-panel>.panel-heading{pointer-events:none}.quest-panel,.telemetry-panel{position:absolute;z-index:5;width:min(290px,25vw);border:1px solid #ffffff38;border-radius:2px;background:rgba(0,0,0,.62);backdrop-filter:blur(14px);box-shadow:0 8px 36px #0008}.quest-panel{right:16px;top:16px;min-height:0;height:auto}.quest-panel .panel-heading,.telemetry-panel .panel-heading{height:42px;padding:0 11px;border-color:#ffffff22}.quest-empty{padding:14px 12px;min-height:0}.headset-icon{height:38px;width:66px;margin:0 0 7px;color:#c9b6a5}.quest-empty>p{color:#c1b9b1;margin:6px 0 9px}.quest-note{border-color:#ffffff32;color:#d1c4b8}.quest-footer{height:30px;border-color:#ffffff22;color:#aaa}.quest-footer b{color:#ddd}.telemetry-panel{left:16px;bottom:46px;margin:0}.telemetry-empty{min-height:52px;padding:9px;gap:8px}.telemetry-empty strong{color:#eee}.telemetry-empty p{color:#bbb}.telemetry-line{border-color:#ffffff30;color:#d5b39a}.telemetry-code{color:#aaa}.offline-pill{color:#d0c4ba;border-color:#ffffff30}.offline-pill i{background:#b9a99a}.page-footer{position:absolute;z-index:6;left:16px;right:16px;bottom:6px;padding:0;color:#aaa;font-size:7px;pointer-events:none}.page-footer i{color:#c7a487}.map-error{background:#080605ed;border-color:#b78365;color:#ffe0c5}
@media(max-width:760px){.topbar{height:32px;padding:0 11px}.workspace{height:auto;min-height:0;display:flex;flex-direction:column}.map-panel{position:relative;inset:auto;height: min(64vh,570px);min-height:380px}.map-stage{height:calc(min(64vh,570px) - 40px)!important;min-height:340px!important;inset:0}.map-panel>.panel-heading{top:8px}.map-legend{bottom:0}.quest-panel,.telemetry-panel{position:relative;inset:auto;width:auto;margin:10px 11px 0;backdrop-filter:blur(10px)}.quest-panel{order:2}.telemetry-panel{order:3}.page-footer{position:relative;left:auto;right:auto;bottom:auto;padding:14px 11px 8px;flex-direction:column;gap:4px}.map-panel{order:1}.quest-panel{min-height:0}.quest-empty{padding:13px}.telemetry-empty{min-height:48px}.map-empty p br{display:none}}
@media(max-width:430px){.map-panel{height:62vh;min-height:365px}.map-stage{height:calc(62vh - 40px)!important;min-height:325px!important}.map-panel>.panel-heading{left:11px;transform:none}.quest-panel,.telemetry-panel{margin-left:8px;margin-right:8px}.top-meta{gap:0}.synthetic-pill{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Operational controls and accessible base */
/* Keep source/provenance outside the full-bleed canvas, never hidden behind WebGL. */
.terrain-source-panel{position:relative;z-index:12;margin:74px auto 0;width:min(550px,42vw);background:rgba(0,0,0,.9);border:1px solid #a94c31;border-radius:6px;max-height:35vh;overflow:auto}
@media(max-width:760px){.map-panel{height:auto!important;min-height:0!important;display:flex;flex-direction:column}.map-panel>.panel-heading{position:relative!important;inset:auto!important;transform:none!important;align-self:center;margin-top:8px}.terrain-source-panel{width:auto;margin:8px 10px;max-height:none;order:1}.map-stage{position:relative!important;inset:auto!important;order:2;flex:none;height:56vh!important;min-height:360px!important}.map-legend{position:relative!important;order:3;height:auto;min-height:38px;flex-wrap:wrap;padding:8px;gap:8px!important}}

*{box-sizing:border-box}body{margin:0;font:14px var(--sans)}button{font:inherit}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-100px;z-index:100;background:#fff;color:#000;padding:12px}.skip-link:focus{top:4px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.top-meta{display:flex;gap:14px;align-items:center}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel h2{margin:3px 0;font-size:16px}.section-kicker,.map-badge,.offline-pill{font:10px var(--mono);letter-spacing:.08em;color:#f4a084}.quest-panel,.telemetry-panel{padding:18px;color:#f2e9e5}.quest-empty,.telemetry-empty{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.quest-empty p,.telemetry-empty p{font-size:12px;color:#c4a9a0;line-height:1.4}.headset-icon svg{width:54px;height:40px}.quest-footer{display:flex;justify-content:space-between;gap:10px;font-size:10px}.map-empty{position:absolute;z-index:8;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.map-empty[hidden],.map-error[hidden]{display:none!important}.primary-button{border:1px solid #ff733a;padding:12px 18px;cursor:pointer}.map-error{position:absolute;z-index:10;left:33%;top:30%;background:#350a0a;color:#fff;padding:12px}.three-canvas{position:absolute;inset:0}.map-legend{display:flex;align-items:center;justify-content:center;gap:24px;font-size:11px}.map-axis,.map-corner{position:absolute;z-index:2;font:10px var(--mono)}.axis-x{left:18px;bottom:40px}.axis-y{right:18px;bottom:40px}.map-corner{right:18px;bottom:18px}.page-footer{font:10px var(--mono)}.synthetic-pill{color:#ff8f58}.telemetry-panel{left:16px;top:16px;bottom:auto!important}.quest-panel{right:16px;top:16px}.map-panel>.panel-heading{top:18px}.quest-panel,.telemetry-panel{max-height:calc(100% - 60px);overflow:auto}.map-stage{overflow:hidden}.quest-empty .headset-icon{flex:0 0 54px} @media(max-width:760px){.top-meta{gap:8px}.quest-panel,.telemetry-panel{max-height:none;overflow:visible}.map-panel>.panel-heading{max-width:calc(100% - 20px)}.map-legend{gap:8px;font-size:9px}.page-footer{line-height:1.5}.map-empty{padding:20px}}

.topbar{position:relative;z-index:20;min-height:50px;height:auto;padding:12px 20px;background:#000}.workspace{height:calc(100vh - 50px)}.map-stage{height:calc(100vh - 85px)!important}.telemetry-panel{position:fixed;top:66px;left:16px}.page-footer{display:none}.quest-panel{top:16px}.map-legend{bottom:0}@media(max-width:760px){.topbar{min-height:66px;padding:12px 14px;align-items:flex-start;flex-wrap:wrap}.top-meta{flex-wrap:wrap;gap:4px 12px}.workspace{height:auto}.telemetry-panel{position:relative;top:auto;left:auto}.map-stage{height:calc(min(64vh,570px) - 40px)!important}.page-footer{display:flex}}

/* Terrain controls stay compact and out of the map's center. */
.terrain-source-panel{position:absolute;z-index:9;top:64px;left:16px;width:min(260px,24vw);margin:0;padding:12px;background:rgba(0,0,0,.88);border:1px solid #ffffff38;border-radius:4px;line-height:1.5;font-size:12px;max-height:calc(100% - 110px);overflow:auto;backdrop-filter:blur(12px)}
.terrain-source-panel label{display:block;color:#ddd;font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase}
.terrain-source-panel select{display:block;width:100%;min-height:40px;margin:7px 0 0;background:#21130e;color:#ffb18e;border:1px solid #a94c31;padding:7px;font:12px var(--sans)}
.terrain-details{margin-top:8px;color:#d2c4bb}.terrain-details summary{cursor:pointer;color:#ffb18e;font-size:11px}.terrain-details p{margin:8px 0;color:#e1d8d0}.terrain-details a{color:#ffb18e;text-decoration:underline;text-underline-offset:2px}
@media(max-width:760px){.terrain-source-panel{position:relative;inset:auto;width:auto;max-width:none;margin:8px 10px;padding:10px;max-height:none;order:1}.terrain-source-panel select{font-size:14px;min-height:44px}.terrain-details{font-size:12px}.map-panel>.panel-heading{order:0}.map-stage{order:2}}
@media(max-width:430px){.terrain-source-panel{margin:8px 8px}.terrain-details a{overflow-wrap:anywhere}}

.terrain-source-panel{position:relative!important;inset:auto!important;width:100%!important;max-height:220px!important;margin:12px 0!important;padding:10px!important;overflow:auto;box-sizing:border-box}@media(max-width:760px){.terrain-source-panel{width:100%!important;max-height:none!important;margin:12px 0!important}}