*{box-sizing:border-box}:root{--bg: #1a1c1e;--panel: #242628;--panel-deep: #1e2022;--ink: #e8eaed;--ink-soft: #a8adb4;--line: #3d4146;--accent: #8b9bb4;--danger: #c45c4e;--ok: #6a9a58;--warn: #c4a24a;--radius: 3px;--font-ui: 14px;--font-small: 13px;--tap: 40px}html,body,#root{margin:0;width:100%;height:100%;height:100svh;max-height:100dvh;overflow:hidden;overscroll-behavior:none;font-family:system-ui,sans-serif;font-size:var(--font-ui);background:var(--bg);color:var(--ink)}.shell{position:fixed;inset:0;display:flex;flex-direction:column;height:100%;height:100svh;max-height:100dvh;overflow:hidden;overscroll-behavior:none;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.game-frame{position:relative;flex:1;min-height:0;min-width:0;overflow:hidden}.map-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#141618}.map-stage canvas{max-width:100%;max-height:100%}.hud-connecting{color:var(--ink-soft)}.hud-chrome{position:absolute;inset:0;pointer-events:none;z-index:2}.hud-chrome>*{pointer-events:auto}.colonist-bar,.architect-strip,.inspect-pane,.hud-overlay-panel,.hud-tab-rail,.banner-stack .notice,.banner-stack .tip-strip-inline,.banner-stack .context-tip-inline{background:#181a1ce6;border:1px solid var(--line);border-radius:var(--radius)}.colonist-bar{position:absolute;top:6px;left:6px;right:6px;display:flex;align-items:center;gap:8px;min-height:44px;max-height:52px;padding:4px 8px;overflow:hidden}.colonist-name{flex:0 1 auto;min-width:0;max-width:28%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.colonist-vitals{display:grid;gap:3px;flex:0 1 140px;min-width:88px;max-width:160px}.vital-mini{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--ink-soft)}.vital-mini .vital-bar{flex:1;height:7px}.colonist-badges{display:inline-flex;flex-wrap:nowrap;gap:4px;flex:0 0 auto}.colonist-nearby{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#7ec8e3}.banner-stack{position:absolute;top:56px;left:6px;right:6px;display:grid;gap:4px}.banner-stack .notice,.banner-stack .tip-strip-inline,.banner-stack .context-tip-inline{border-bottom:none}.architect-strip{position:absolute;left:6px;bottom:6px;display:flex;flex-wrap:nowrap;gap:4px;padding:4px;max-width:calc(100% - 78px);overflow-x:auto;scrollbar-width:none}.architect-strip::-webkit-scrollbar{display:none}.architect-strip button{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:44px;min-height:52px;padding:4px 5px;font-size:11px;line-height:1.1}.architect-mark{width:7px;height:7px;background:var(--ink-soft);border-radius:1px}.architect-strip button.active{background:#34383c;color:var(--ink);border-color:var(--accent)}.architect-strip button.active .architect-mark{background:var(--accent)}.inspect-pane{position:absolute;left:6px;right:6px;bottom:66px;max-height:28vh;display:flex;flex-direction:column;overflow:hidden}.inspect-pane.collapsed{max-height:40px}.inspect-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;flex-shrink:0}.inspect-head strong{font-size:12px;color:var(--ink);font-weight:600}.inspect-toggle{min-height:32px;padding:2px 8px;font-size:12px}.inspect-body{min-height:0;overflow-y:auto;padding:0 8px 8px;display:grid;gap:6px}.inspect-card{display:grid;gap:4px;padding:6px;background:#1c1e20;border:1px solid var(--line);border-radius:var(--radius)}.inspect-card p{margin:0;font-size:var(--font-small)}.inspect-actions{display:flex;flex-wrap:wrap;gap:4px}.hud-tab-rail{position:absolute;right:6px;bottom:6px;display:flex;flex-direction:column;gap:4px;padding:4px}.hud-tab-rail button{min-width:52px;min-height:36px;padding:4px 6px;font-size:11px;background:#2c2f33}.hud-tab-rail button.active{background:#34383c;color:var(--ink);border-color:var(--accent)}.hud-overlay-backdrop{position:absolute;inset:0;border:0;border-radius:0;min-height:0;background:#00000052;padding:0}.hud-overlay-panel{position:absolute;top:56px;right:6px;bottom:66px;width:min(380px,calc(100% - 12px));display:flex;flex-direction:column;overflow:hidden;z-index:3}.shell-mobile .hud-overlay-panel{left:6px;width:auto;top:auto;max-height:55vh}.hud-overlay-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px 0;flex-shrink:0}.hud-overlay-head h2{margin:0;font-size:14px;color:var(--ink);font-weight:600}.hud-overlay-close{min-height:36px;padding:4px 10px;font-size:12px}.hud-overlay-panel .hud-tab-panel,.hud-overlay-panel{overflow:hidden}.hud-tab-panel,.hud-overlay-body{flex:1;min-height:0;overflow-y:auto;padding:8px 10px 10px;-webkit-overflow-scrolling:touch}.hud-tab-content{display:grid;gap:6px}.hud-tab-content h3{margin:0;font-size:13px;color:var(--ink);font-weight:600}.hud-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}.hud-title-row strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zone-badge{font-size:11px;font-weight:600;padding:2px 6px;border-radius:var(--radius);border:1px solid var(--line);white-space:nowrap}.zone-safe_town{background:#2a332c;color:#c8d4c4}.zone-wilderness{background:#332c28;color:#d4c8bc}.hud-zone-stack{display:inline-flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.zone-protected{background:#2a3038;color:#c4d0dc;border-color:#4a5460}.hud-hunger-banner{margin:0;font-size:var(--font-small);color:#ffb4a8;font-weight:700}.hud-vitals{display:grid;gap:4px}.vital{display:grid;grid-template-columns:minmax(72px,max-content) 1fr;align-items:center;gap:6px;font-size:var(--font-small)}.vital-bar{display:block;height:8px;background:#141618;border:1px solid var(--line);border-radius:2px;overflow:hidden}.vital-fill{display:block;height:100%;background:#6a9a58}.vital-hp .vital-fill{background:#c45c4e}@keyframes hp-pulse{0%,to{opacity:1}50%{opacity:.55}}.vital-hp-pulse .vital-bar{animation:hp-pulse .55s ease-in-out 4}.vital-hunger.vital-low .vital-fill{background:#c4a24a}.vital-hunger.vital-critical .vital-fill{background:#c45c4e}.hud-coords{margin:0;font-size:12px;color:var(--ink-soft)}.hud-jobs,.hud-priorities,.hud-pet,.hud-mira,.hud-corpses,.hud-lockers,.hud-inventory{display:grid;gap:6px}.job-queue{list-style:none;margin:0;padding:0;display:grid;gap:6px}.job-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:8px}.job-row-active{border-color:#6a8850}.job-row-main{display:grid;gap:3px;flex:1;min-width:0}.job-status{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--accent)}.job-row-active .job-status{color:#b8e06a}.job-label{font-size:var(--font-small);word-break:break-word}.job-countdown{font-size:12px;color:#c8e0b8}.job-cancel,.hud-dismiss,.hud-store,.hud-adopt-pet,.hud-loot-all,.hud-eat{min-height:var(--tap)}.job-cancel{flex:0 0 auto;padding:6px 10px;font-size:12px;background:#3a2c2c;border-color:#6a4844}.priority-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.priority-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--bg);padding:6px 8px;border-radius:var(--radius)}.priority-stepper{display:inline-flex;align-items:center;gap:6px}.priority-stepper button{min-height:var(--tap);min-width:var(--tap);padding:4px;font-size:16px;line-height:1}.hud-pet{padding:8px;background:#222628;border:1px solid var(--line);border-radius:var(--radius)}.hud-pet-head,.hud-mira-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.hud-pet-status,.hud-mira-status{margin:0;color:var(--ink-soft);font-size:var(--font-small)}.hud-mira{padding:8px;background:#222628;border:1px solid var(--line);border-radius:var(--radius)}.hud-mira-work{display:grid;gap:4px}.hud-corpse-card,.hud-locker-card{display:grid;gap:4px;padding:8px;background:var(--bg);border-radius:var(--radius)}.hud-corpse-card{border:1px solid #8a5048}.hud-corpse-title{margin:0;color:#ffb4a8;font-size:var(--font-small)}.hud-locker-title{margin:0;font-size:var(--font-small);color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-nearby,.hud-claim-cue{margin:0;font-size:var(--font-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-nearby{color:#7ec8e3}.hud-claim-cue{color:#e8c86a}.hud-death-notice{margin:0;font-size:var(--font-small);color:#ffb4a8}.hud-wilderness{margin:0;font-size:var(--font-small);color:#f0b890;font-weight:600}.hud-combat{margin:0;font-size:12px;color:#ffb4a8;font-weight:700}.hud-view-corpse,.hud-rename{min-height:36px;padding:4px 10px;font-size:12px}.hud-view-corpse{justify-self:start;background:#3a2c2c;border-color:#6a4844;color:#e8d8d4}.hud-rename-row{display:flex;gap:6px}.hud-rename-row input{flex:1;min-width:0;min-height:36px;padding:4px 8px;font-size:var(--font-small);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}.hud-rename{flex:0 0 auto;background:#2c332c;border-color:var(--line)}.hud-mode{margin:0;color:var(--accent);font-weight:600;font-size:var(--font-small)}.hud-progress-bar{height:8px}.hud-progress-fill{background:#6a9a58}.hud-lockers ul,.hud-inventory ul,.hud-corpses ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.hud-lockers li,.hud-inventory li,.hud-corpses li{display:flex;justify-content:space-between;gap:8px;font-size:var(--font-small)}.hud-inventory li{background:var(--bg);padding:6px 8px;border-radius:var(--radius)}.hud-item-actions{display:inline-flex;align-items:center;gap:6px}.hud-store{padding:4px 8px;font-size:12px;background:#2c332c}.hud-empty{margin:0;color:#a89880;font-size:var(--font-small)}.hud-eat-block{display:grid;gap:4px}.hud-eat{width:100%;background:#2c332c;border-color:var(--line)}.hud-eat-hint{margin:0;font-size:var(--font-small);color:#e8c86a}.hud-eat-urgent .hud-eat{background:#3a2c2c;border-color:#6a4844}.hud-eat-urgent .hud-eat-hint{color:#ffb4a8;font-weight:700}.hud-rumor{margin:0;font-size:12px;color:var(--ink-soft)}.settings-block{display:grid;gap:4px}.settings-compact{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:start}.settings-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.lang-toggle{display:flex;flex-wrap:wrap;gap:4px}.lang-toggle button{flex:1 1 0;min-height:var(--tap);min-width:0;padding:4px 8px;font-size:13px}.lang-toggle button.active{background:#34383c;color:var(--ink);border-color:var(--accent)}.speed-toggle button{flex:1 1 2.8rem;min-width:2.8rem;padding:4px 2px;font-size:12px}.tip-strip-inline{display:flex;align-items:center;gap:8px;padding:4px 10px;background:transparent;border-bottom:none;font-size:var(--font-small);min-height:36px;max-height:40px;flex-shrink:0}.tip-strip-inline strong{flex:0 0 auto;white-space:nowrap}.tip-strip-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft)}.tip-dismiss{flex:0 0 auto;min-height:36px;padding:4px 10px;font-size:12px}.context-tip-inline{display:flex;align-items:center;gap:8px;padding:4px 10px;background:transparent;border-bottom:none;font-size:var(--font-small);min-height:36px;max-height:40px;flex-shrink:0}.context-tip-inline p{margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}button{font:inherit;font-size:var(--font-ui);font-weight:500;color:var(--ink);background:#2c2f33;border:1px solid var(--line);border-radius:var(--radius);padding:6px 10px;min-height:var(--tap);cursor:pointer}button:hover:not(:disabled){background:#34383c;border-color:#5a6068}button:disabled{opacity:.45;cursor:default}main canvas,.map-stage canvas{touch-action:none;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.notice{padding:6px 12px;background:transparent;font-size:var(--font-small);min-height:36px;max-height:40px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-success{color:#c8d4c4}.notice-error{color:#e8c8c4}.pack-admin{margin-top:4px;border-top:1px solid #4a4030;padding-top:4px}.pack-admin-toggle{width:100%}.pack-admin-panel{display:grid;gap:4px;margin-top:4px}.pack-admin-panel label{display:grid;gap:4px}.pack-admin-panel input{min-height:var(--tap);font-size:var(--font-small);padding:6px 10px}.pack-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.pack-list li{display:flex;justify-content:space-between;gap:6px;align-items:flex-start;background:var(--bg);padding:6px;border-radius:var(--radius)}.pack-meta{font-size:12px;color:#c8bcaa}.pack-actions{display:flex;flex-direction:column;gap:4px}.pack-actions button{min-height:var(--tap);font-size:var(--font-small)}.pack-admin-note{font-size:12px;color:#c8bcaa;margin:0}