:root{color:#f3e9da;background:#102832;font-family:Georgia,Times New Roman,serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#102832}#app{position:relative}canvas{display:block;width:100%;height:100%;cursor:grab}canvas:active{cursor:grabbing}.hud{position:absolute;inset:0;pointer-events:none;transition:opacity .26s ease}.northbound-hud.is-hidden{opacity:0}.northbound-brand{position:absolute;top:26px;left:30px;text-shadow:0 4px 22px rgb(0 0 0 / 35%)}.northbound-brand__eyebrow,.northbound-brand__place,.northbound-help,.status-label,.northbound-dock__heading,.northbound-dock button,.northbound-auto{font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em}.northbound-brand__eyebrow{color:#b6c9bd;font-size:.62rem}.northbound-brand__title{margin-top:4px;color:#f2e9d7;font-size:clamp(2rem,5vw,4.3rem);font-style:italic;line-height:.9}.northbound-brand__title span{color:#d7a66e}.northbound-brand__place{margin-top:12px;color:#c8d2c7;font-size:.63rem}.northbound-status{position:absolute;top:28px;right:30px;display:flex;gap:22px;padding:12px 16px;border:1px solid rgb(222 232 219 / 22%);border-radius:14px;background:#0a1d229e;box-shadow:0 12px 35px #0000002b;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.northbound-status>div{display:grid;gap:4px;min-width:58px}.status-label{color:#8ba89f;font-size:.54rem}.northbound-status strong{color:#f2dfbf;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.1em}.northbound-controls{position:absolute;top:102px;right:30px;display:flex;gap:7px;pointer-events:auto}.northbound-controls button,.northbound-touch button{width:34px;height:34px;border:1px solid rgb(222 232 219 / 24%);border-radius:50%;color:#e9ddc6;background:#0a1d2299;cursor:pointer;font-size:.85rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.northbound-controls button:hover,.northbound-touch button:hover{border-color:#d7a66e;color:#fff1d3;background:#1f3d3ed9}.northbound-dock{position:absolute;right:30px;bottom:46px;display:grid;gap:9px;width:min(270px,calc(100vw - 60px));padding:13px;border:1px solid rgb(222 232 219 / 20%);border-radius:15px;background:#0a1d22a3;box-shadow:0 14px 35px #00000029;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.northbound-dock__heading{color:#8ba89f;font-size:.55rem}.northbound-dock__row{display:flex;gap:5px}.northbound-dock button{flex:1;border:1px solid rgb(222 232 219 / 16%);border-radius:7px;padding:7px 5px;color:#c7d5c8;background:#1c3737b3;cursor:pointer;font-size:.5rem}.northbound-dock button:hover{color:#fff1d3;border-color:#d7a66e}.northbound-auto{display:flex;justify-content:space-between;border-color:#d7a66e6b!important;color:#e6c894!important}.northbound-auto span{color:#93c9ae}.northbound-touch{position:absolute;left:28px;bottom:62px;display:flex;gap:9px;pointer-events:auto}.northbound-touch button{width:46px;height:46px;font-size:1.8rem;line-height:1}.northbound-help{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:#d2ded29e;font-size:.53rem;white-space:nowrap}.is-paused .northbound-status{border-color:#d7a66e9e}@media(max-width:680px){.northbound-brand{top:18px;left:18px}.northbound-brand__title{font-size:2.2rem}.northbound-brand__place{margin-top:8px}.northbound-status{top:18px;right:18px;gap:10px;padding:9px 10px}.northbound-status>div{min-width:45px}.northbound-controls{top:78px;right:18px}.northbound-dock{right:18px;bottom:92px;width:calc(100vw - 36px)}.northbound-touch{left:18px;bottom:100px}.northbound-help{display:none}}