:root{--ink: #1b2733;--paper: rgba(250, 248, 242, .92);--paper-edge: rgba(27, 39, 51, .14);--sky: #8fc4dd;--accent: #2a6f6f;--hud-edge: .75rem;--zoom-stack: 11.5rem;--hud-bottom: max(var(--hud-edge), env(safe-area-inset-bottom));--hints-stack: 2.6rem;--pack-stack: 3.4rem;--map-stack: 2.9rem;--build-stack: 2.9rem;--pack-bottom: calc(var(--hud-bottom) + var(--hints-stack));color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden;background:var(--sky);font-family:ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}.app{position:relative;height:100%;width:100%;touch-action:none;overscroll-behavior:none}.scene{display:block;width:100%;height:100%;outline:none}.hud{position:absolute;z-index:2;pointer-events:none}.hud button{pointer-events:auto}.hud-top{top:max(.75rem,env(safe-area-inset-top));left:max(.75rem,env(safe-area-inset-left));background:var(--paper);border:1px solid var(--paper-edge);border-radius:.9rem;padding:.7rem .9rem;box-shadow:0 6px 18px #14212c29;min-width:12.5rem;backdrop-filter:blur(6px)}.hud-title{display:flex;flex-direction:column;line-height:1.25}.hud-title strong{font-size:1.05rem}.hud-title span{font-size:.78rem;color:var(--accent);letter-spacing:.03em;text-transform:uppercase}.hud-presence{margin-top:.5rem;display:flex;align-items:center;gap:.4rem;font-size:.75rem;letter-spacing:.02em;color:#1b2733b8}.hud-presence strong{margin-left:auto;font-variant-numeric:tabular-nums}.presence-dot{width:.5rem;height:.5rem;border-radius:50%;background:#1b273359;flex:none}.presence-online .presence-dot{background:#5c9a4a}.presence-reconnecting .presence-dot,.presence-connecting .presence-dot{background:#d3a03c;animation:presence-pulse 1.1s ease-in-out infinite}.presence-offline .presence-dot{background:#b45b4b}@keyframes presence-pulse{50%{opacity:.3}}.hud-stats{margin:.6rem 0 0;display:grid;gap:.25rem;font-size:.8rem}.hud-stats>div{display:flex;justify-content:space-between;gap:1.25rem}.hud-stats dt{color:#1b273399}.hud-stats dd{margin:0;font-variant-numeric:tabular-nums}.hud-zoom{top:50%;right:max(.75rem,env(safe-area-inset-right));transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem}.hud-zoom button{width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--paper-edge);background:var(--paper);color:var(--ink);font-size:1.35rem;line-height:1;cursor:pointer;box-shadow:0 4px 12px #14212c2e}.hud-zoom button:active{transform:scale(.94)}.zoom-track{width:.35rem;height:5rem;border-radius:999px;background:var(--paper);border:1px solid var(--paper-edge);display:flex;align-items:flex-end;overflow:hidden}.zoom-fill{width:100%;background:var(--accent);border-radius:999px;transition:height .12s ease-out}.hud-command{bottom:calc(var(--pack-bottom) + var(--pack-stack) + 3.2rem);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center;width:min(26rem,calc(100vw - 2rem));background:var(--paper);border:1px solid var(--paper-edge);border-radius:.9rem;padding:.45rem .7rem;box-shadow:0 6px 18px #14212c29;pointer-events:auto}.command-input{flex:1 1 8rem;min-width:0;border:none;background:transparent;font:inherit;font-size:.9rem;color:inherit;outline:none}.command-reply{flex:1 0 100%;margin:.15rem 0 0;font-size:.8rem;opacity:.85}.command-reply.unavailable{color:var(--refused, #a5542f)}.hud-hints{bottom:var(--hud-bottom);left:50%;transform:translate(-50%);background:var(--paper);border:1px solid var(--paper-edge);border-radius:999px;padding:.4rem .95rem;font-size:.78rem;white-space:nowrap}.touch-only{display:none}.hud-prompt{pointer-events:auto;bottom:calc(var(--pack-bottom) + var(--pack-stack));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.55rem;font:inherit;font-size:.92rem;color:inherit;background:var(--paper);border:1px solid var(--paper-edge);border-radius:999px;padding:.45rem 1rem .45rem .5rem;box-shadow:0 6px 18px #14212c38;cursor:pointer;white-space:nowrap;animation:prompt-in .14s ease-out}.hud-prompt:active{transform:translate(-50%) scale(.97)}.prompt-key{display:grid;place-items:center;min-width:1.6rem;height:1.6rem;border-radius:.45rem;background:var(--accent);color:#fff;font-size:.78rem;font-weight:700}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%) translateY(.4rem)}}.touch-stick-zone{position:absolute;z-index:3;left:0;bottom:0;width:min(45%,20rem);height:55%;touch-action:none}.touch-stick{position:absolute;width:7rem;height:7rem;margin:-3.5rem 0 0 -3.5rem;border-radius:50%;border:2px solid rgba(250,248,242,.75);background:#1b27331f;display:grid;place-items:center}.touch-stick-knob{width:3rem;height:3rem;border-radius:50%;background:#faf8f2e6;box-shadow:0 3px 10px #14212c40}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:linear-gradient(180deg,#8fc4dd,#cfe4ec);padding:1.5rem}.overlay-card{background:var(--paper);border:1px solid var(--paper-edge);border-radius:1.1rem;padding:1.5rem 1.75rem;box-shadow:0 12px 36px #14212c33;max-width:min(34rem,100%);text-align:center}.overlay-card h1{margin:0 0 .35rem;font-size:1.35rem;letter-spacing:.01em}.overlay-card p{margin:0 0 1rem;color:#1b2733b3;font-size:.9rem}.progress{height:.4rem;border-radius:999px;background:#1b27331f;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .14s ease-out}.overlay-error{text-align:left}.overlay-error pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.8rem;color:#8c2f22}@media (max-width: 780px),(pointer: coarse){.desktop-only{display:none}.touch-only{display:inline}.hud-top{min-width:0;padding:.55rem .7rem}.hud-stats{font-size:.75rem}.hud-stats>div{gap:.75rem}.hud-zoom{top:auto;bottom:calc(max(.75rem,env(safe-area-inset-bottom)) + 3.5rem);transform:none}.hud-hints{bottom:max(.5rem,env(safe-area-inset-bottom));font-size:.72rem}.hud-prompt{left:auto;right:max(var(--hud-edge),env(safe-area-inset-right));transform:none;bottom:max(calc(var(--pack-bottom) + var(--pack-stack)),calc(var(--hud-bottom) + 3.5rem + var(--zoom-stack) + .6rem + var(--map-stack) + var(--build-stack)));max-width:calc(55vw - 1.5rem);padding:.8rem 1.15rem;font-size:.95rem}.hud-prompt .prompt-text{overflow:hidden;text-overflow:ellipsis}.hud-prompt:active{transform:scale(.97)}}@media (min-width: 781px) and (pointer: fine){.touch-stick-zone{display:none}}.hud-clock{top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.clock-face{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;font-family:inherit;padding:.4rem .75rem;border-radius:.75rem;border:1px solid var(--paper-edge);background:var(--paper);color:var(--ink);box-shadow:0 4px 12px #14212c2e}.clock-face strong{font-size:1.05rem;font-variant-numeric:tabular-nums;letter-spacing:.04em}.clock-face span,.clock-face em{font-size:.68rem;font-style:normal;color:#1b2733a8}.clock-face.previewing{border-style:dashed}.clock-face.previewing:after{content:"lighting preview";font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.clock-jumps button.active{border-color:var(--accent);color:var(--accent)}.clock-jumps{display:flex;gap:.25rem}.clock-jumps button{font-family:inherit;font-size:.72rem;padding:.28rem .5rem;border-radius:.6rem;border:1px solid var(--paper-edge);background:var(--paper);color:var(--ink);cursor:pointer}.clock-jumps button:active{transform:scale(.95)}.hud-vitals{top:max(.75rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.22rem;padding:.35rem .7rem;border-radius:.9rem;border:1px solid var(--paper-edge);background:var(--paper);box-shadow:0 4px 12px #14212c2e;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:#1b2733b3}.vital{display:flex;align-items:center;gap:.5rem}.vital-label{min-width:4.2rem}.vital-track{width:6rem;height:.4rem;border-radius:999px;background:#1b273324;overflow:hidden}.vital-fill{height:100%;border-radius:999px;background:#5c9a4a;transition:width .3s ease-out}.vital-value{font-variant-numeric:tabular-nums;min-width:1.6rem;text-align:right}.vital-hunger .vital-fill{background:#c8933a}.vital-health .vital-fill{background:#b4553f}.vital.resting .vital-fill{background:var(--accent)}.vital.low{color:#8a5f16}.vital.low .vital-fill{background:#c8933a}.vital.spent{color:#8d3a27}.vital.spent .vital-fill{background:#b4553f}.hud-notices{left:50%;transform:translate(-50%);bottom:calc(max(var(--hud-edge),env(safe-area-inset-bottom)) + 5.4rem);display:flex;flex-direction:column;gap:.15rem;align-items:center;max-width:min(26rem,calc(100vw - 2rem));text-align:center}.notice{margin:0;padding:.25rem .7rem;border-radius:999px;border:1px solid var(--paper-edge);background:var(--paper);box-shadow:0 3px 10px #14212c29;font-size:.72rem;color:#1b2733d1}.notice-death{border-color:#b4553f;color:#8d3a27}.hud-death{top:50%;left:50%;transform:translate(-50%,-50%);max-width:min(24rem,calc(100vw - 2.5rem));padding:1.1rem 1.3rem;border-radius:.9rem;border:1px solid #b4553f;background:var(--paper);box-shadow:0 12px 32px #14212c4d;text-align:center}.hud-death h2{margin:0 0 .45rem;font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;color:#8d3a27}.hud-death p{margin:0;font-size:.8rem;line-height:1.45;color:#1b2733c7}.hud-pack{left:50%;bottom:var(--pack-bottom);transform:translate(-50%);display:flex;gap:.25rem;padding:.3rem;border-radius:.8rem;border:1px solid var(--paper-edge);background:var(--paper);box-shadow:0 4px 12px #14212c2e;pointer-events:auto}.pack-slot{position:relative;width:2.1rem;height:2.1rem;border-radius:.5rem;border:1px solid rgba(27,39,51,.14);background:#1b27330d;font-family:inherit;font-size:1rem;line-height:1;color:var(--ink);cursor:default;padding:0}.pack-slot.filled:not(:disabled){cursor:pointer;background:var(--paper)}.pack-slot.filled:not(:disabled):active{transform:scale(.94)}.pack-slot.equipped{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pack-count{position:absolute;right:.12rem;bottom:.02rem;font-size:.58rem;font-variant-numeric:tabular-nums;color:#1b2733b3}.hud-prompt.unavailable{opacity:.72;cursor:default}.hud-prompt.unavailable .prompt-key{background:#1b273366}.prompt-detail{display:block;font-size:.72rem;font-style:normal;color:#1b27339e}@media (max-width: 780px),(pointer: coarse){:root{--pack-stack: 5.4rem;--pack-bottom: calc(var(--hud-bottom) + 4.2rem);--stats-stack: 15.4rem}.clock-face strong{font-size:.9rem}.clock-face{padding:.3rem .55rem}.hud-vitals{top:calc(max(var(--hud-edge),env(safe-area-inset-top)) + var(--stats-stack));left:max(var(--hud-edge),env(safe-area-inset-left));bottom:auto;transform:none;font-size:.62rem;padding:.28rem .55rem}.hud-vitals{max-width:44vw}.vital{gap:.3rem}.vital-track{width:3.2rem}.vital-label{min-width:2.9rem}.vital-value{min-width:1.3rem}.hud-notices{top:calc(max(var(--hud-edge),env(safe-area-inset-top)) + var(--stats-stack) + 4.6rem);bottom:auto;left:max(var(--hud-edge),env(safe-area-inset-left));transform:none;align-items:flex-start;text-align:left;max-width:52vw;font-size:.66rem}.hud-pack{display:grid;grid-template-columns:repeat(6,auto);justify-content:center}.pack-slot{width:1.8rem;height:1.8rem;font-size:.85rem}.clock-jumps{flex-wrap:wrap;justify-content:flex-end;max-width:45vw}.clock-jumps button{font-size:.66rem;padding:.24rem .4rem}}.hud-map{pointer-events:auto;bottom:calc(var(--hud-bottom) + var(--hints-stack));right:max(var(--hud-edge),env(safe-area-inset-right));display:flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:999px;border:1px solid var(--paper-edge);background:var(--paper);color:var(--ink);font:inherit;font-size:.82rem;cursor:pointer;box-shadow:0 4px 12px #14212c2e}.hud-map.active{background:var(--accent);color:#fff;border-color:transparent}.hud-map:active{transform:scale(.96)}.map-glyph{font-size:1.05rem;line-height:1}.map-label{display:inline-flex;align-items:center;gap:.35rem}.map-label strong{min-width:1.15rem;padding:0 .3rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;text-align:center}.hud-map.active .map-label strong{background:#ffffff40}.worldview{position:absolute;inset:0;z-index:20;pointer-events:auto;display:flex;flex-direction:column;background:#121c26d1;backdrop-filter:blur(6px);color:var(--ink);font-size:.85rem;--map-ink: #f3efe6;--map-ground: #efe5d2;--map-ground-indoor: #dcc8a4;--map-line: #6ec9bd;--map-you: #ffd166}.worldview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem .75rem;background:var(--paper);border-bottom:1px solid var(--paper-edge)}.worldview-head h2{margin:0;font-size:1.05rem}.worldview-head p{margin:.2rem 0 0;font-size:.78rem;opacity:.72}.worldview-close{border:1px solid var(--paper-edge);background:transparent;color:var(--ink);border-radius:50%;width:2rem;height:2rem;font-size:.9rem;cursor:pointer;flex:none}.worldview-body{flex:1;min-height:0;display:flex;gap:0}.worldview-map{position:relative;flex:1;min-width:0;display:flex;background:#0a121a8c}.wv-scroll{flex:1;min-width:0;overflow:auto;display:grid;place-content:safe center}.wv-canvas{display:block}.wv-ground{fill:none;stroke:#141e2880;stroke-width:1.5}.wv-level.unvisited .wv-ground{fill:#f3efe614;stroke:#f3efe659;stroke-dasharray:5 4}.wv-level.here .wv-ground{stroke:var(--map-you);stroke-width:2.5}.wv-ground-hatch{fill:url(#wv-hatch);stroke:none;pointer-events:none}.wv-hatch{stroke:#f3efe64d;stroke-width:1}.wv-building{fill:#c39a74;stroke:#79573c;stroke-width:1}.wv-landmark{fill:#d0a45f;stroke:#7a5a2c;stroke-width:1}.wv-hood polygon{fill:none;stroke:#f3efe638;stroke-width:1;stroke-dasharray:7 6}.wv-hood text{fill:#f3efe6a6;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.wv-level-name{fill:var(--map-ink);font-size:12px;font-weight:600;paint-order:stroke;stroke:#0a1016bf;stroke-width:3px;stroke-linejoin:round}.wv-level-size{font-weight:400;font-size:10px;opacity:.6}.wv-link-line{stroke:var(--map-line);stroke-width:3;stroke-linecap:round;opacity:.85}.wv-link-door,.wv-link-stairs{stroke-width:2;stroke-dasharray:5 4;opacity:.7}.wv-link-leader .wv-link-line{stroke-dasharray:4 5;stroke-width:1.5;opacity:.55}.wv-portal circle{fill:#10202b;stroke:var(--map-line);stroke-width:2}.wv-portal-door circle{fill:var(--map-line)}.wv-pin{cursor:pointer}.wv-pin circle{fill:#fdfaf3;stroke:#1b273373;stroke-width:1.5}.wv-pin:hover circle{stroke:var(--map-you);stroke-width:2.5}.wv-pin.selected circle{fill:var(--map-you);stroke:#3a2c08;stroke-width:2.5}.wv-pin.live circle{fill:#ffe9a8;stroke:#c9862a;stroke-width:2}.wv-pin-label{fill:var(--map-ink);font-size:10.5px;paint-order:stroke;stroke:#0a1016d9;stroke-width:3px;stroke-linejoin:round;pointer-events:none}.wv-pin.selected .wv-pin-label{font-weight:700}.wv-here-marker circle{fill:var(--map-you);stroke:#3a2c08;stroke-width:1.5}.wv-here-ring{fill:#ffd16629;stroke:var(--map-you);stroke-width:1.5;animation:wv-pulse 2.4s ease-out infinite}@keyframes wv-pulse{0%{opacity:.95}55%{opacity:.35}to{opacity:.95}}@media (prefers-reduced-motion: reduce){.wv-here-ring{animation:none}}.wv-controls{position:absolute;top:.75rem;right:.75rem;display:flex;flex-direction:column;gap:.35rem}.wv-controls button{width:2rem;height:2rem;border-radius:.5rem;border:1px solid rgba(243,239,230,.25);background:#0c141cb8;color:var(--map-ink);font-size:1rem;line-height:1;cursor:pointer}.wv-controls button:disabled{opacity:.3;cursor:default}.wv-compass{position:absolute;top:.75rem;left:.75rem;display:flex;flex-direction:column;align-items:center;gap:.1rem;color:#f3efe6b3;font-size:.62rem;letter-spacing:.04em;pointer-events:none}.wv-compass-face{fill:#0c141cad;stroke:#f3efe638}.wv-compass-needle{stroke:#f3efe659;stroke-width:1}.wv-compass-view path{fill:var(--map-you)}.wv-compass-cardinal{fill:#f3efe6e6;font-size:9px;font-weight:700}.wv-compass-cardinal.dim{opacity:.45}.wv-scalebar{position:absolute;bottom:.75rem;left:.75rem;display:flex;align-items:flex-end;gap:.4rem;color:#f3efe6cc;font-size:.68rem;pointer-events:none}.wv-scalebar-line{height:.4rem;border:2px solid rgba(243,239,230,.8);border-top:none}.wv-empty{margin:auto;color:var(--map-ink);opacity:.75;font-size:.8rem}.worldview-side{width:20rem;flex:none;overflow:auto;padding:1rem 1.1rem 2rem;background:var(--paper);border-left:1px solid var(--paper-edge);display:flex;flex-direction:column;gap:.9rem}.wv-note{color:var(--ink);opacity:.6;margin:0;padding-top:.2rem;border-top:1px solid var(--paper-edge);font-size:.78rem}.wv-panel h3{margin:0 0 .4rem;font-size:.85rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.wv-clear{border:none;background:transparent;color:inherit;opacity:.55;cursor:pointer;font-size:.8rem}.wv-hint{margin:0;font-size:.78rem;opacity:.75}.wv-hint.quiet{margin-top:.4rem;opacity:.5;font-size:.72rem}.wv-route{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.35rem}.wv-route li{font-size:.78rem}.wv-route em{font-style:normal;color:var(--accent);font-weight:600;margin-right:.3rem}.wv-hood-list h4{margin:.5rem 0 .2rem;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;opacity:.55}.wv-level-list{display:flex;flex-direction:column;gap:.08rem;margin-bottom:.5rem}.wv-level-list>strong{display:flex;align-items:center;gap:.4rem;font-size:.8rem;margin-bottom:.1rem}.wv-place{display:flex;align-items:center;gap:.4rem;border:none;background:transparent;padding:.14rem .35rem;margin-left:.15rem;border-radius:.35rem;font:inherit;font-size:.77rem;color:inherit;text-align:left;cursor:pointer}.wv-place:hover{background:#1b273314}.wv-place.selected{background:var(--accent);color:#fff}.wv-indoor{font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;opacity:.5}.wv-exit{display:flex;align-items:center;gap:.35rem;padding:.02rem .35rem .02rem .5rem;font-size:.72rem;opacity:.62}.wv-exit-kind{width:.4rem;height:.4rem;border-radius:50%;border:1.5px solid var(--accent);flex:none}.wv-exit-door{background:var(--accent)}.wv-here{font-style:normal;background:var(--map-you, #ffd166);color:#3a2c08;border-radius:999px;padding:.05rem .4rem;font-size:.66rem;font-weight:600}.wv-events{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.55rem}.wv-events li{display:flex;flex-direction:column;font-size:.78rem}.wv-events strong{display:flex;align-items:center;gap:.35rem}.wv-events span{opacity:.72}.wv-events em{font-style:normal;opacity:.55;font-size:.72rem}.wv-events li.live strong{color:#b06b12}.wv-dot{width:.45rem;height:.45rem;border-radius:50%;background:#c9862a;flex:none}@media (max-width: 780px),(pointer: coarse){.hud-map{bottom:calc(var(--hud-bottom) + 3.5rem + var(--zoom-stack) + .6rem)}.worldview-body{flex-direction:column}.worldview-side{width:auto;border-left:none;border-top:1px solid var(--paper-edge);max-height:45%}.wv-compass{top:auto;left:auto;bottom:.6rem;right:.75rem}}.hud-buildkey{pointer-events:auto;bottom:calc(var(--hud-bottom) + var(--hints-stack) + var(--map-stack));right:max(var(--hud-edge),env(safe-area-inset-right));display:flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:999px;border:1px solid var(--paper-edge);background:var(--paper);color:var(--ink);font:inherit;font-size:.82rem;cursor:pointer;box-shadow:0 4px 12px #14212c2e}.hud-buildkey.active{background:var(--accent);color:#fff;border-color:transparent}.hud-buildkey:active{transform:scale(.96)}.hud-build{pointer-events:auto;left:50%;transform:translate(-50%);bottom:calc(var(--pack-bottom) + var(--pack-stack) + 3.2rem);display:flex;flex-direction:column;gap:.4rem;max-width:min(46rem,92vw);padding:.5rem .6rem;border-radius:.8rem;border:1px solid var(--paper-edge);background:var(--paper);box-shadow:0 6px 18px #14212c38}.build-head{display:flex;align-items:center;gap:.6rem;font-size:.82rem}.build-hint{color:#1b273399;font-size:.74rem}.build-close{margin-left:auto;border:none;background:none;color:inherit;font:inherit;cursor:pointer;padding:.1rem .3rem}.build-recipes{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.15rem}.build-recipe{flex:0 0 auto;display:grid;grid-template-rows:auto auto auto;justify-items:center;gap:.1rem;min-width:4.6rem;padding:.4rem .5rem;border-radius:.6rem;border:1px solid var(--paper-edge);background:#ffffff8c;color:inherit;font:inherit;cursor:pointer}.build-recipe.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.build-recipe.unaffordable{opacity:.55}.build-icon{font-size:1.2rem;line-height:1.2}.build-name{font-size:.78rem;font-weight:600}.build-cost{font-size:.7rem;color:#1b273399;white-space:nowrap}.build-rotate{align-self:flex-start;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--paper-edge);background:#ffffff8c;color:inherit;font:inherit;font-size:.78rem;cursor:pointer}.hud-build-prompt .prompt-key,.hud-demolish-prompt .prompt-key{background:#2f7d4f}.hud-demolish-prompt .prompt-key{background:#a5542f}.hud-refusal{left:50%;transform:translate(-50%);bottom:calc(var(--pack-bottom) + var(--pack-stack));margin:0;padding:.35rem .9rem;border-radius:999px;background:#a5542feb;color:#fff;font-size:.82rem;box-shadow:0 4px 12px #14212c3d}@media (max-width: 780px),(pointer: coarse){.hud-buildkey{bottom:calc(var(--hud-bottom) + 3.5rem + var(--zoom-stack) + .6rem + var(--map-stack))}.hud-build,.hud-refusal{left:max(var(--hud-edge),env(safe-area-inset-left));right:calc(max(var(--hud-edge),env(safe-area-inset-right)) + 7.5rem);transform:none;max-width:none}.hud-build{bottom:calc(var(--pack-bottom) + var(--pack-stack))}.hud-refusal{bottom:calc(var(--pack-bottom) + var(--pack-stack) + 3.2rem);text-align:center}}.hud-speech{position:absolute;z-index:5;max-width:min(22rem,60vw);padding:.45rem .7rem;display:flex;flex-direction:column;gap:.1rem;pointer-events:none;transform:translate(-50%,calc(-100% - .6rem));background:var(--paper);border:1px solid var(--paper-edge);border-radius:.7rem;box-shadow:0 6px 18px #14212c38;line-height:1.35}.hud-speech:after{content:"";position:absolute;left:50%;bottom:-.32rem;width:.6rem;height:.6rem;margin-left:-.3rem;background:var(--paper);border-right:1px solid var(--paper-edge);border-bottom:1px solid var(--paper-edge);transform:rotate(45deg)}.hud-speech:not([style]){left:50%;bottom:calc(var(--zoom-stack) + 1rem);transform:translate(-50%)}.hud-speech:not([style]):after{display:none}.hud-speech strong{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;opacity:.72}.hud-speech span{font-size:.95rem}