*{box-sizing:border-box}:root{--bg: #2a2418;--panel: #3d3428;--panel-deep: #322a20;--ink: #f6eed8;--ink-soft: #d8ccb4;--gold: #d4a84b;--font-ui: 16px;--font-small: 14px;--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{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.shell-desktop .game-frame{flex-direction:row}.map-stage{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#1e1810}.map-stage canvas{max-width:100%;max-height:100%}.hud-connecting{color:var(--ink-soft)}.hud-stack{flex:0 1 auto;display:flex;flex-direction:column;max-height:min(40dvh,40svh);overflow:hidden;background:var(--panel-deep);border-top:1px solid #5a4a34}.shell-desktop .hud-stack{width:min(38%,400px);max-width:400px;max-height:none;height:100%;border-top:none;border-left:1px solid #5a4a34}.mode-bar{display:flex;flex-wrap:nowrap;flex-shrink:0;gap:4px;padding:4px 6px;overflow-x:auto;background:var(--panel);border-bottom:1px solid #5a4a34;scrollbar-width:none}.mode-bar::-webkit-scrollbar{display:none}.mode-bar button{flex:0 0 auto;min-height:var(--tap);min-width:3.5rem;padding:6px 10px;font-size:13px}.mode-bar button.active{background:var(--gold);color:var(--bg);border-color:#f0cc6a}.hud-dock{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.hud-tabs{display:flex;flex-shrink:0;gap:2px;padding:4px 6px 0;background:var(--panel-deep);overflow-x:auto;scrollbar-width:none}.hud-tabs::-webkit-scrollbar{display:none}.hud-tabs button{flex:1 1 0;min-width:3.2rem;min-height:var(--tap);padding:6px 4px;font-size:12px;background:#3a3228}.hud-tabs button.active{background:var(--gold);color:var(--bg);border-color:#f0cc6a}.hud-tab-panel{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(--gold)}.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:12px;font-weight:700;padding:3px 8px;border-radius:999px;border:1px solid #6a5a44;white-space:nowrap}.zone-safe_town{background:#3d5a34;color:#e8f4dc}.zone-wilderness{background:#5a4030;color:#f4dcc8}.hud-zone-stack{display:inline-flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.zone-protected{background:#3a4a5a;color:#d4e4f4;border-color:#6a7a8a}.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:10px;background:#2a2218;border:1px solid #6a5a44;border-radius:4px;overflow:hidden}.vital-fill{display:block;height:100%;background:linear-gradient(90deg,#8fbf5a,#b8e06a)}.vital-hp .vital-fill{background:linear-gradient(90deg,#c45a4a,#e88878)}@keyframes hp-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 0 2px #e88878}}.vital-hp-pulse .vital-bar{animation:hp-pulse .55s ease-in-out 4}.vital-hunger.vital-low .vital-fill{background:linear-gradient(90deg,#c49a3a,#e8c86a)}.vital-hunger.vital-critical .vital-fill{background:linear-gradient(90deg,#a84838,#d86858)}.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 #5a4a34;border-radius:8px;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(--gold)}.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:#5a3028;border-color:#7a4840}.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:8px}.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:#2a3438;border:1px solid #5088a0;border-radius:8px}.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:#3a3428;border:1px solid #6a8850;border-radius:8px}.hud-mira-work{display:grid;gap:4px}.hud-corpse-card,.hud-locker-card{display:grid;gap:4px;padding:8px;background:var(--bg);border-radius:8px}.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:#5a3028;border-color:#8a5048;color:#ffe8dc}.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 #6a5a44;border-radius:6px}.hud-rename{flex:0 0 auto;background:#4a6838;border-color:#6a8850}.hud-mode{margin:0;color:var(--gold);font-weight:600;font-size:var(--font-small)}.hud-progress-bar{height:8px}.hud-progress-fill{background:linear-gradient(90deg,#6a9850,#98c870)}.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:6px}.hud-item-actions{display:inline-flex;align-items:center;gap:6px}.hud-store{padding:4px 8px;font-size:12px;background:#4a5838}.hud-empty{margin:0;color:#a89880;font-size:var(--font-small)}.hud-eat-block{display:grid;gap:4px}.hud-eat{width:100%;background:#4a6838;border-color:#6a8850}.hud-eat-hint{margin:0;font-size:var(--font-small);color:#e8c86a}.hud-eat-urgent .hud-eat{background:#6a3830;border-color:#8a5048}.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:var(--gold);color:var(--bg);border-color:#f0cc6a}.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:#3a3428;border-bottom:1px solid #6a5a44;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:#3a4030;border-bottom:1px solid #6a8850;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:#e8f4dc}button{font:inherit;font-size:var(--font-ui);font-weight:600;color:var(--ink);background:#5a4a34;border:2px solid #7a6650;border-radius:8px;padding:6px 10px;min-height:var(--tap);cursor:pointer;image-rendering:pixelated}main canvas,.map-stage canvas{touch-action:none;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.notice{padding:6px 12px;background:#4a3828;font-size:var(--font-small);min-height:36px;max-height:40px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-success{background:#3a5030;color:#e8f4dc}.notice-error{background:#5a3028;color:#f8ddd8}.themed .mode-bar,.themed .hud-stack,.themed .notice{background:transparent;border-style:solid;border-width:calc(var(--ui-panel-slice) * 1px);border-image:var(--ui-panel) var(--ui-panel-slice) fill / calc(var(--ui-panel-slice) * .75px) stretch;image-rendering:pixelated}.themed button{background:transparent;border-style:solid;border-width:calc(var(--ui-button-slice-y) * 2px) calc(var(--ui-button-slice-x) * 2px);border-radius:0;border-image:var(--ui-button) var(--ui-button-slice-y) var(--ui-button-slice-x) fill / calc(var(--ui-button-slice-y) * 2px) calc(var(--ui-button-slice-x) * 2px) stretch;color:#fff8ec;text-shadow:0 2px 0 rgba(0,0,0,.6);padding:6px 4px}.themed .mode-bar button.active,.themed .hud-tabs button.active,.themed .lang-toggle button.active{border-image-source:var(--ui-button-active);color:#10240a;text-shadow:none}.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:6px}.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}