:root{--bg-0: #0c0a07;--bg-1: #15120c;--bg-2: #1e1a12;--surface-0: rgba(18, 15, 10, .82);--surface-1: rgba(24, 20, 14, .9);--surface-2: rgba(34, 28, 18, .96);--border-soft: #3d3427;--border-strong: #564a36;--text-main: #e6dfd4;--text-muted: #a89a85;--text-dim: #7a6e5d;--accent: #d4a04a;--accent-strong: #e8b954;--danger: #a33a1f;--warn: #8a541f;--info: #3d6b5e;--space-1: 3px;--space-2: 6px;--space-3: 9px;--space-4: 12px;--space-5: 16px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-soft: 0 10px 30px rgba(0, 0, 0, .25);--motion-fast: .14s;--motion-base: .22s;--ease-out: cubic-bezier(.2, .9, .2, 1)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{color:var(--text-main);font-family:Fira Code,IBM Plex Mono,Consolas,monospace;background:var(--bg-0)}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"center right" "left right";gap:var(--space-3);height:100%;padding:var(--space-3)}.left-rail,.center-stage,.right-rail{min-height:0}.left-rail{grid-area:left;display:flex;flex-direction:column;gap:var(--space-2)}.center-stage{grid-area:center;display:flex;min-width:0;min-height:0;justify-content:center}.right-rail{grid-area:right}.viewport-shell{width:min(100%,1100px);min-height:0;height:100%;position:relative;overflow:hidden;padding:var(--space-2);border:0;border-radius:var(--radius-lg);background:#0e0b0885;box-shadow:0 12px 28px #00000038;display:flex;align-items:center;justify-content:center}#viewport-canvas{width:auto;height:100%;max-width:100%;min-height:0;aspect-ratio:33 / 21;border:none;border-radius:var(--radius-md);background:#000}#viewport-canvas:focus,#viewport-canvas:focus-visible{outline:none;box-shadow:none}.map-turn-overlay{position:absolute;top:4px;left:4px;z-index:5;max-width:min(46%,420px);border-radius:var(--radius-sm);background:#0c0a0780;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:4px 6px;display:flex;flex-direction:column;gap:2px;pointer-events:none}.map-turn-overlay.hidden{display:none}.map-focus-overlay{position:absolute;right:var(--space-2);bottom:var(--space-2);z-index:6;max-width:min(44%,420px);border-radius:var(--radius-sm);background:#0e0b08a3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(61,52,39,.52);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);pointer-events:auto;font-size:11px}.map-focus-overlay .stats-row,.map-focus-overlay .stats-label,.map-focus-overlay .stats-value,.map-focus-overlay .focus-description,.map-focus-overlay .inventory-label,.map-focus-overlay .nearby-badges{font-size:11px}.map-focus-overlay .inventory-row{gap:var(--space-1)}.map-focus-overlay.hidden{display:none}.context-action-button{min-height:30px;border:1px solid rgba(61,52,39,.4);border-radius:var(--radius-sm);padding:0 10px;background:#1e1a12d1;color:#b8d4c0;cursor:pointer;font:inherit;font-size:11px;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.context-action-button:hover{background:#282216eb;color:#d4f0de}.context-action-button:focus,.context-action-button:focus-visible{outline:none;box-shadow:0 0 0 1px #d4a04a66}.map-turn-overlay-title{font-size:10px;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.map-turn-overlay-list{display:flex;flex-direction:column;gap:2px}.map-turn-overlay-entry{display:flex;align-items:center;gap:4px;min-width:0}.map-turn-overlay-icon{width:14px;height:14px;border-radius:2px;image-rendering:pixelated;flex:0 0 auto}.map-turn-overlay-text{color:var(--text-main);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-turn-overlay-repeat{margin-left:auto;border-radius:var(--radius-sm);background:#3d3427b8;color:#d3d0c6;font-size:10px;padding:0 5px}.command-card{border:0;border-radius:var(--radius-lg);background:#14110b80;box-shadow:0 10px 24px #0003;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.turn-summary{color:var(--text-muted);font-size:12px;line-height:1.4;border:0;border-radius:var(--radius-sm);background:#0c0a0757;padding:var(--space-2) var(--space-3)}.command-bar{display:flex;flex-direction:column;gap:var(--space-2)}.command-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center}.command-input{min-width:0;min-height:44px;background:#0c0a0794;border:1px solid rgba(86,74,54,.75);color:var(--text-main);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;font-family:inherit;transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.command-input::placeholder{color:var(--text-dim)}.command-input:focus,.command-input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px #d4a04a59}.command-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(8px);background:#281c0ceb;color:var(--text-dim);border:1px solid rgba(212,160,74,.3);border-radius:var(--radius-sm);padding:6px 16px;font-size:13px;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:900;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.command-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.command-run{min-width:72px;min-height:44px;border:0;border-radius:var(--radius-sm);background:#3d3218;color:var(--accent-strong);font-family:inherit;font-size:13px;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.command-run:hover{background:#4a3d1f}.command-run:focus,.command-run:focus-visible{outline:none;border-color:var(--accent-strong);box-shadow:0 0 0 1px #d4a04a59}.hud-toggle{display:none;min-height:44px;min-width:56px;border:0;border-radius:var(--radius-sm);padding:0 12px;background:#221c12d1;color:var(--text-main);font-family:inherit;font-size:12px;cursor:pointer}.hud-toggle:focus,.hud-toggle:focus-visible{outline:none;border-color:var(--accent-strong);box-shadow:0 0 0 1px #d4a04a59}.hud-backdrop{display:none}.command-templates{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.command-template{min-height:36px;border:0;border-radius:var(--radius-sm);padding:0 12px;background:#1e1a12a6;color:#c5c0b3;cursor:pointer;font:inherit;font-size:12px;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.command-template:hover{background:#2c261adb;color:var(--accent-strong)}.command-template:focus,.command-template:focus-visible{outline:none;box-shadow:0 0 0 1px #d4a04a59}.command-quick-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.command-assist{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);min-height:0}.command-assist.hidden{display:none}.command-assist-title{color:var(--text-dim);font-size:11px;margin-right:var(--space-2)}.command-assist-chip{min-height:28px;border:0;border-radius:var(--radius-sm);padding:2px 10px;background:#1e1a12b8;color:#c5c0b3;cursor:pointer;font:inherit;font-size:11px}.command-assist-chip:hover{background:#2c261ad6}.command-assist-chip.verb{color:#9ec6ff}.command-assist-chip.entity{color:#a8e3b2}.command-assist-chip.clarification{color:#ffd58a;background:#3a2d15bd}.command-assist-chip:focus,.command-assist-chip:focus-visible{outline:none;box-shadow:0 0 0 1px #d4a04a59}@media(min-width:761px){.viewport-shell{width:100%;max-width:none}#viewport-canvas{width:100%;height:100%;aspect-ratio:auto}.command-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"assist assist" "templates templates" "input quick";column-gap:var(--space-2);row-gap:var(--space-2);align-items:center}.command-assist{grid-area:assist;min-height:32px;max-height:32px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.command-assist.hidden{display:flex;visibility:hidden;pointer-events:none}.command-row{grid-area:input;width:100%}.command-templates{grid-area:templates;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.command-quick-actions{grid-area:quick;justify-self:end;flex-wrap:nowrap}.command-assist-title,.command-assist-chip{white-space:nowrap;flex:0 0 auto}}.quick-action{width:44px;height:44px;border:0;border-radius:var(--radius-sm);background:#1e1a12d9;color:#c5c0b3;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.quick-action:hover{background:#2c261af2;color:var(--accent-strong)}.quick-action:focus,.quick-action:focus-visible{outline:none;border-color:var(--accent-strong);box-shadow:0 0 0 1px #d4a04a59}.quick-action svg{width:18px;height:18px;pointer-events:none}.sidebar{display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#564a36 #15120c}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-track{background:#15120c;border-radius:999px}.sidebar::-webkit-scrollbar-thumb{border-radius:999px;background:#564a36;border:2px solid #15120c}.panel{border:0;background:#14110b80;border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;transition:background var(--motion-base) var(--ease-out)}.panel:hover{background:#1a160e99}.panel-toggle{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0;width:100%;display:flex;align-items:center;justify-content:space-between;margin:0 0 var(--space-2)}.panel-title{color:var(--accent);font-size:13px;letter-spacing:.04em;text-transform:uppercase;font-weight:700}.panel-indicator{color:var(--text-dim);font-size:14px}.panel-body{min-height:0}.panel.collapsed{padding-bottom:var(--space-2)}.panel.collapsed .panel-toggle{margin-bottom:0}.panel.collapsed .panel-body{display:none}.panel-content{color:var(--text-muted);font-size:13px;line-height:1.45}.focus-description{color:var(--text-muted);font-size:12px;line-height:1.4}.map-assist-content{display:flex;flex-direction:column;gap:var(--space-2)}.map-assist-list{display:flex;flex-direction:column;gap:2px}.map-assist-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-2);padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-fast) var(--ease-out)}.map-assist-row:hover{background:#2c261a6b}.map-assist-row.active{background:#46371a47}.map-assist-checkbox{margin:2px 0 0;accent-color:var(--accent);cursor:pointer}.map-assist-text{display:flex;flex-direction:column;gap:1px;min-width:0}.map-assist-label{color:var(--text-muted);font-size:12px;line-height:1.3}.map-assist-row.active .map-assist-label{color:var(--accent-strong)}.map-assist-desc{color:var(--text-dim);font-size:11px;line-height:1.3}.settings-content,.settings-group{display:flex;flex-direction:column;gap:var(--space-2)}.settings-zoom-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.settings-zoom-label{color:var(--text-muted);font-size:12px}.settings-zoom-value{color:var(--text-main);font-size:12px}.settings-zoom-controls{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:var(--space-2)}.settings-section-label{color:var(--text-dim);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-top:var(--space-2)}.settings-action{min-height:36px;border:0;border-radius:var(--radius-sm);padding:0 12px;background:#1e1a1294;color:var(--text-main);cursor:pointer;font:inherit;font-size:12px;text-align:left;transition:color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.settings-action:hover{background:#2c261ac7}.settings-action.compact{min-width:36px;padding:0;text-align:center}.settings-action:focus,.settings-action:focus-visible{outline:none;box-shadow:0 0 0 1px #d4a04a61}.settings-action:disabled{opacity:.58;cursor:default}.settings-action--danger{margin-top:var(--space-2);color:#ffb089;background:#a33a1f52}.settings-action--danger:hover{background:#a33a1f85}.help-content{display:flex;flex-direction:column;gap:var(--space-3);font-size:12px;color:var(--text-muted);line-height:1.5}.help-section-title{color:var(--accent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.help-verb-list{display:flex;flex-direction:column;gap:4px}.help-verb-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-2);align-items:baseline}.help-verb-name{color:var(--text-main);font-weight:600}.help-verb-aliases{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-tip{color:var(--text-muted);font-style:italic;font-size:11px}.inventory-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2)}.inventory-row+.inventory-row{margin-top:4px}.inventory-icon{width:16px;height:16px;border-radius:2px;image-rendering:pixelated}.inventory-label{color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.objective-row{color:var(--text-main);font-size:12px;line-height:1.4}.objective-row+.objective-row{margin-top:4px}.stats-row{display:flex;justify-content:space-between;gap:var(--space-2)}.stats-row+.stats-row{margin-top:2px}.stats-label{color:var(--text-muted)}.stats-value{color:var(--text-main)}.stats-meter-row{display:flex;flex-direction:column;gap:4px}.stats-meter-row+.stats-meter-row{margin-top:4px}.stats-position-row{margin-top:6px}.stats-meter-track{width:100%;height:6px;border-radius:999px;overflow:hidden;background:#3d34278c}.stats-meter-fill{height:100%;border-radius:inherit;background:#a5a494}.stats-meter-track.hp .stats-meter-fill{background:#c45a3a}.stats-meter-track.stamina .stats-meter-fill{background:#3d8b6e}.minimap-canvas{width:100%;height:auto;border:0;border-radius:var(--radius-sm);background:#0c0a07}.legend-content{max-height:230px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1);color:var(--text-muted);font-size:12px;line-height:1.25;scrollbar-width:thin;scrollbar-color:#564a36 #15120c}.legend-section{grid-column:1 / -1;color:var(--text-main);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-top:6px}.legend-section:first-child{margin-top:0}.legend-row{display:flex;align-items:center;gap:var(--space-2);min-width:0}.legend-swatch{width:22px;height:22px;border:0;border-radius:2px;background:#0c0a07;image-rendering:pixelated;flex:0 0 auto}.legend-label{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nearby-content{color:var(--text-muted);font-size:12px}.nearby-list{display:flex;flex-direction:column;gap:6px}.nearby-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2);align-items:center}.nearby-icon{width:16px;height:16px;image-rendering:pixelated;border-radius:2px;flex:0 0 auto}.nearby-heading{display:inline-flex;align-items:baseline;gap:6px;min-width:0}.nearby-name{color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nearby-distance{color:var(--accent);font-size:11px}.nearby-badges{display:inline-flex;flex-wrap:wrap;gap:var(--space-1)}.status-badge{border-radius:var(--radius-sm);padding:1px 6px;font-size:10px;line-height:1.4;border:0;background:#1e1a12;color:#c5c0b3}.status-badge.burning{border-color:var(--danger);background:#3b1f16;color:#ffb089}.status-badge.heated{border-color:var(--warn);background:#342314;color:#ffc875}.status-badge.soaked{border-color:var(--info);background:#1a2e28;color:#86d4b8}.status-badge.ai{border-color:#564a36;background:#1e1a12;color:#c5c0b3}.event-panel{min-height:220px;display:flex;flex-direction:column}.event-panel .panel-body{flex:1;min-height:0;display:flex;flex-direction:column}.event-panel.collapsed{min-height:unset}.event-log{overflow-y:auto;font-size:12px;line-height:1.4;color:var(--text-muted);flex:1;scrollbar-width:thin;scrollbar-color:#564a36 #15120c}.event-filter-bar{display:inline-flex;gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap}.event-filter{min-height:28px;border:0;background:#1e1a1270;color:#a89a85;border-radius:var(--radius-sm);font-size:11px;padding:2px 9px;cursor:pointer}.event-filter.active{border-color:transparent;color:var(--accent);background:#3a2f148f}.event-entry{border-bottom:1px solid rgba(61,52,39,.46);padding:7px 0}.event-entry--combat,.event-entry--status,.event-entry--system,.event-entry--command{border-left:0;padding-left:0}.event-repeat{display:inline-block;margin-left:24px;margin-bottom:2px;padding:0 6px;border:0;border-radius:var(--radius-sm);background:#3d342799;color:#d3d0c6;font-size:10px}.event-main{display:flex;align-items:center;gap:var(--space-2)}.event-icon{width:16px;height:16px;border:0;border-radius:2px;background:#0c0a07;image-rendering:pixelated;flex:0 0 auto}.event-headline{display:inline-flex;align-items:baseline;gap:var(--space-1)}.event-turn{color:var(--accent);flex:0 0 auto}.debug-content{margin:0;max-height:220px;overflow:auto;font-size:11px;color:#95f9a6;scrollbar-width:thin;scrollbar-color:#564a36 #15120c}.legend-content::-webkit-scrollbar,.event-log::-webkit-scrollbar,.debug-content::-webkit-scrollbar{width:10px}.legend-content::-webkit-scrollbar-track,.event-log::-webkit-scrollbar-track,.debug-content::-webkit-scrollbar-track{background:#15120c;border-radius:8px}.legend-content::-webkit-scrollbar-thumb,.event-log::-webkit-scrollbar-thumb,.debug-content::-webkit-scrollbar-thumb{background:#564a36;border-radius:8px;border:2px solid #15120c}.legend-content::-webkit-scrollbar-thumb:hover,.event-log::-webkit-scrollbar-thumb:hover,.debug-content::-webkit-scrollbar-thumb:hover{background:#6b5c44}.vitals-overlay{position:absolute;top:6px;right:6px;z-index:5;display:flex;flex-direction:column;gap:3px;pointer-events:none;min-width:100px;max-width:140px}.vitals-bar{height:5px;border-radius:2px;overflow:hidden;background:#120f0a80}.vitals-fill-hp{height:100%;background:#c45a3a}.vitals-fill-stamina{height:100%;background:#3d8b6e}.vitals-label{font-size:9px;color:#e6dfd4b3;display:flex;justify-content:space-between}.dpad-overlay{position:absolute;bottom:160px;left:12px;z-index:7;display:none;grid-template-areas:". up ." "left center right" ". down .";grid-template-columns:40px 40px 40px;grid-template-rows:40px 40px 40px;gap:2px;opacity:.3;transition:opacity .2s}.dpad-overlay:active,.dpad-overlay:hover{opacity:.8}.dpad-btn{background:#120f0a99;border:none;border-radius:4px;color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.dpad-btn:active{background:#282216d9}.dpad-btn svg{width:18px;height:18px;pointer-events:none}.dpad-up{grid-area:up}.dpad-left{grid-area:left}.dpad-center{grid-area:center}.dpad-right{grid-area:right}.dpad-down{grid-area:down}.radial-menu-backdrop{position:absolute;inset:0;z-index:9}.radial-menu{position:absolute;z-index:10;pointer-events:auto;transform:translate(-50%,8px);display:flex;flex-direction:column;gap:2px;min-width:100px;background:#14110bf0;border:1px solid rgba(61,52,39,.5);border-radius:4px;padding:3px}.radial-menu-item{display:block;width:100%;padding:6px 10px;background:none;border:none;border-radius:3px;color:var(--text-main);font-family:inherit;font-size:12px;cursor:pointer;text-align:left;white-space:nowrap;transition:background var(--motion-fast) var(--ease-out)}.radial-menu-item:hover,.radial-menu-item:active{background:#282216cc;color:var(--accent-strong)}.mobile-command-assist,.mobile-command-strip{display:none}@media(max-width:1200px){.layout{grid-template-columns:minmax(0,1fr) minmax(280px,330px)}}@media(max-width:1100px){.layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto minmax(220px,40vh);grid-template-areas:"center" "left" "right"}.right-rail{max-height:40vh}#viewport-canvas{width:100%;height:auto;min-height:340px}}@media(max-width:760px){.layout{padding:0;gap:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);grid-template-areas:"center";height:100dvh}.right-rail{display:none}.center-stage{display:block;position:relative;padding-bottom:0}.viewport-shell{position:absolute;inset:0;width:auto;height:auto;display:block;padding:0;border-radius:0;background:#000;box-shadow:none}#viewport-canvas{display:block;width:100%;height:100%;min-height:0;max-width:none;aspect-ratio:auto;border-radius:0}.left-rail{display:none}.mobile-command-strip{display:flex;flex-direction:column;gap:4px;position:absolute;left:0;right:0;bottom:0;z-index:8;padding:4px 6px;padding-bottom:calc(4px + env(safe-area-inset-bottom));background:#0c0a07d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.mobile-command-strip .command-templates{min-width:0;width:100%;max-width:100%;flex-wrap:wrap;overflow:hidden;gap:4px}.mobile-command-strip .command-templates::-webkit-scrollbar{display:none}.mobile-command-strip .command-template{white-space:nowrap;min-height:28px;min-width:0;max-width:min(78vw,320px);flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;font-size:11px;padding:4px 6px}.mobile-command-strip .mobile-strip-quick{display:inline-flex;gap:4px;flex:0 0 auto}.mobile-command-strip .mobile-strip-quick .quick-action{width:28px;height:28px}.mobile-command-strip .mobile-strip-quick .quick-action svg{width:14px;height:14px}.mobile-command-strip .command-row{min-width:0;grid-template-columns:minmax(0,1fr) auto auto}.mobile-command-strip .command-input{min-height:36px;font-size:14px;padding:6px 10px}.mobile-command-strip .command-run{min-width:56px;min-height:36px;font-size:12px}.mobile-command-strip .hud-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:44px;font-size:11px;padding:0 8px}.mobile-command-assist{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:0}.mobile-command-assist.hidden{display:none}.dpad-overlay{display:grid}.vitals-overlay{display:flex}.command-quick-actions{display:none}.map-turn-overlay{max-width:min(78%,360px)}.map-focus-overlay{top:var(--space-2);right:var(--space-2);bottom:auto;max-width:min(88%,420px);max-height:min(46dvh,320px);overflow:auto}.context-action-button{min-height:26px;padding:0 8px;font-size:11px}.panel{padding:var(--space-2)}.panel-title{font-size:12px}.event-panel{min-height:180px}.layout.mobile-hud-open .right-rail{display:flex;position:fixed;inset:var(--space-2) var(--space-2) calc(100px + env(safe-area-inset-bottom)) var(--space-2);z-index:60;padding:var(--space-2);border:0;border-radius:var(--radius-md);background:#0e0b08fa;box-shadow:var(--shadow-soft);max-height:unset}.layout.mobile-hud-open+.hud-backdrop{display:block;position:fixed;inset:0;z-index:55;border:0;padding:0;margin:0;background:#0604028c}}