:root{--ink: #f3eed9;--amber: #d6b163;--forest: #22382f;--deep: #101917;--panel: rgba(11, 19, 17, .74);--panel-strong: rgba(7, 14, 12, .86);--line: rgba(229, 208, 158, .24);--accent: #7eb2ff;--warning: #ff8264;--font-ui: "Trebuchet MS", "Segoe UI", sans-serif;--font-display: "Cinzel", Georgia, serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;touch-action:none;background:radial-gradient(circle at 10% 10%,#2f4538,#1f2f27 24%,#101816 52%,#060908);color:var(--ink);font-family:var(--font-ui)}.game-shell{position:relative;width:100%;height:100%}.scene-host{position:absolute;inset:0}.scene-host canvas{width:100%;height:100%;display:block}.hud-host{position:absolute;inset:0;pointer-events:none}.hud-shell{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:12px;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hud-top-left{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.hud-resources,.hud-alert,.hud-coords{background:linear-gradient(160deg,var(--panel),var(--panel-strong));border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 8px 28px #00000059}.hud-resources{padding:10px 14px;font-weight:700;font-family:var(--font-display);letter-spacing:.3px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;pointer-events:auto}.hud-resource-item{display:inline-flex;align-items:center;gap:5px}.hud-resource-icon{width:16px;height:16px;display:block;object-fit:contain}.hud-resource-divider{opacity:.72}.hud-resource-pop{letter-spacing:.2px}.hud-idle-workers{appearance:none;border:1px solid rgba(229,208,158,.35);border-radius:999px;background:#0b13118c;color:var(--ink);padding:2px 8px;min-height:32px;font:inherit;font-weight:700;letter-spacing:.2px;display:inline-flex;align-items:center;gap:5px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hud-idle-workers:disabled{opacity:.45;cursor:default}.hud-idle-workers:not(:disabled):hover{border-color:#e5d09e99}.hud-idle-icon{font-size:.88rem;line-height:1}.hud-resource-idle-value{min-width:1.2ch;text-align:right}.hud-coords{padding:6px 10px;font-family:monospace;font-weight:700;font-size:.8rem;letter-spacing:.1px}.hud-alert{min-width:200px;padding:8px 12px;color:var(--warning);font-weight:700;text-align:right;display:none}.hud-alert.has-text{display:block}.hud-bottom{display:flex;justify-content:flex-start;align-items:flex-end}.hud-bottom.is-hidden{display:none}.hud-bottom-layout{width:min(1120px,97vw);display:grid;grid-template-columns:auto minmax(0,1fr);gap:0;align-items:stretch;border:1px solid var(--line);border-radius:12px;background:linear-gradient(170deg,var(--panel),var(--panel-strong));box-shadow:0 10px 32px #00000061;overflow:hidden}.hud-bottom-layout.is-minimap-only{width:auto;grid-template-columns:auto;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.hud-minimap-slot{pointer-events:auto;display:flex;align-items:flex-end;padding:6px;border-right:1px solid rgba(229,208,158,.2)}.hud-bottom-layout.is-minimap-only .hud-minimap-slot{padding:0;border-right:0}.hud-command-panel{width:100%;pointer-events:auto;background:transparent;border:0;border-radius:0;padding:7px;box-shadow:none;display:grid;grid-template-columns:minmax(230px,1.05fr) minmax(0,1.9fr);gap:6px;align-items:stretch}.hud-command-panel.is-hidden{display:none}.hud-actions{pointer-events:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:#050a0933;border:1px solid rgba(229,208,158,.16);border-radius:9px;padding:6px}.hud-info{padding:8px 9px;min-height:108px;font-size:.88rem;background:#050a093d;border:1px solid rgba(229,208,158,.16);border-radius:9px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;flex-direction:column;gap:8px}.hud-info-title{font-family:var(--font-display);font-size:.92rem;line-height:1.1;letter-spacing:.2px}.hud-info-subtitle{font-size:.78rem;color:#f3eed9c7}.hud-info-subtitle.is-hidden{display:none}.hud-info-details{min-height:16px;font-size:.74rem;color:#ece7cee0}.hud-health{display:grid;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:8px}.hud-health.is-hidden{display:none}.hud-health-track{position:relative;width:100%;height:10px;border-radius:999px;border:1px solid rgba(207,179,121,.45);background:#261816b8;overflow:hidden}.hud-health-fill{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:inherit;background:#2fcb5d;transition:width .12s ease-out}.hud-health-value{font-size:.72rem;font-weight:700;color:#f2ead3eb}.hud-queue{padding-top:2px;min-height:16px;font-size:.74rem;color:#f4ecd4db}.hud-queue.is-hidden,.hud-actions.is-hidden,.hud-info.is-hidden{display:none}.hud-btn{pointer-events:auto;min-height:44px;border:1px solid rgba(220,205,171,.32);border-radius:8px;background:linear-gradient(180deg,#c7aa6f33,#57482f33);color:var(--ink);font-weight:700;font-family:var(--font-ui);font-size:.78rem;transition:transform .12s ease,background .12s ease,border-color .12s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 3px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hud-btn-label{line-height:1.1}.hud-btn-cost{min-height:12px;font-size:.62rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#f5edd3eb}.hud-btn-cost.has-cost{opacity:.94}.hud-cost-item{display:inline-flex;align-items:center;gap:3px}.hud-cost-icon{width:10px;height:10px;display:block;object-fit:contain}.hud-btn.is-hidden{display:none}.hud-btn:hover{transform:translateY(-1px);border-color:#eee2b7a6;background:linear-gradient(180deg,#dfc28552,#5e4f344d)}.hud-btn:disabled{opacity:.38;cursor:not-allowed}.hud-btn.is-active{border-color:var(--accent);box-shadow:0 0 0 2px #7eb2ff52}.orientation-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:#000000d1;color:var(--amber);z-index:40}.orientation-overlay.is-visible{display:flex}.minimap-shell{position:relative;width:172px;padding:4px;border-radius:11px;border:1px solid rgba(210,230,192,.22);background:linear-gradient(170deg,#08120fd1,#060c0bbf);box-shadow:none;pointer-events:auto;touch-action:none}.minimap-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.minimap-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#e6f1dceb;font-weight:700}.minimap-toggle{pointer-events:auto;min-width:32px;height:28px;border-radius:6px;border:1px solid rgba(182,216,187,.3);background:#11221ddb;color:#eaf6e0eb;font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.minimap-shell.is-collapsed{width:auto;padding:0;background:transparent;border:0;box-shadow:none}.minimap-shell.is-collapsed .minimap-header{margin-bottom:0;padding:0;border:0;background:transparent;box-shadow:none;justify-content:flex-end}.minimap-shell.is-collapsed .minimap-canvas{display:none}.minimap-canvas{width:158px;height:158px;border-radius:7px;border:1px solid rgba(175,201,170,.28);image-rendering:pixelated;pointer-events:auto;cursor:pointer;touch-action:none}.perf-overlay{position:absolute;left:8px;bottom:8px;z-index:30;font-size:12px;font-weight:700;font-family:monospace;color:#e8f0cc;background:#000000ad;border:1px solid rgba(144,196,160,.42);padding:5px 8px;border-radius:8px;pointer-events:none}.selection-rect{position:absolute;left:0;top:0;width:0;height:0;border:1px solid rgba(126,178,255,.95);background:#7eb2ff33;box-shadow:inset 0 0 0 1px #c6e2ff80;pointer-events:none;display:none;z-index:29}.selection-rect.is-visible{display:block}.hud-shell.hud-mobile .hud-top{padding-right:140px;gap:8px}.hud-shell.hud-mobile .hud-top-left{max-width:calc(100% - 140px)}.hud-shell.hud-mobile .hud-coords{display:none}.hud-shell.hud-mobile .hud-bottom{justify-content:center}.hud-shell.hud-mobile .hud-bottom-layout{width:min(940px,calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 12px));grid-template-columns:1fr;border:0;background:transparent;box-shadow:none;overflow:visible}.hud-shell.hud-mobile .hud-minimap-slot{position:fixed;top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));padding:0;border-right:0;z-index:35}.hud-shell.hud-mobile .minimap-shell{width:128px;padding:4px;border-radius:10px}.hud-shell.hud-mobile .minimap-header{margin-bottom:3px;justify-content:flex-end}.hud-shell.hud-mobile .minimap-label{display:none}.hud-shell.hud-mobile .minimap-canvas{width:116px;height:116px}.hud-shell.hud-mobile .minimap-toggle{min-width:28px;height:24px;border-radius:5px}.hud-shell.hud-mobile .hud-command-panel{grid-template-columns:1fr;padding:6px;gap:6px}.hud-shell.hud-mobile .hud-info{min-height:56px;padding:6px 8px;gap:6px}.hud-shell.hud-mobile .hud-info-subtitle,.hud-shell.hud-mobile .hud-info-details,.hud-shell.hud-mobile .hud-queue{display:none!important}.hud-shell.hud-mobile .hud-health{grid-template-columns:minmax(84px,1fr) auto;gap:6px}.hud-shell.hud-mobile .hud-health-track{height:8px}.hud-shell.hud-mobile .hud-health-value{font-size:.68rem}.hud-shell.hud-mobile .hud-actions{padding:6px;gap:5px}.hud-shell.hud-mobile .hud-btn{min-height:42px;font-size:.74rem;padding:3px 2px}@media(max-width:960px){.hud-shell{padding:8px;padding:calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left))}.hud-bottom-layout{width:min(920px,calc(100vw - 12px));grid-template-columns:1fr;gap:6px;border:0;background:transparent;box-shadow:none;overflow:visible}.hud-bottom-layout.is-minimap-only{width:auto}.hud-minimap-slot{justify-content:flex-start;padding:0;border-right:0}.hud-command-panel{width:100%;grid-template-columns:1fr;gap:6px}.hud-actions{grid-template-columns:repeat(4,minmax(0,1fr));padding:8px;gap:6px}.hud-btn{min-height:46px;font-size:.8rem;letter-spacing:.1px}.hud-alert{min-width:120px;font-size:.8rem}.minimap-shell{width:160px;padding:6px}.minimap-shell.is-collapsed{width:auto}.minimap-canvas{width:146px;height:146px}.minimap-toggle{min-width:36px;height:32px}}@media(max-width:740px){.hud-top{align-items:stretch;flex-direction:column}.hud-resources,.hud-alert,.hud-info,.hud-queue{padding:8px 10px;border-radius:10px;font-size:.8rem}.hud-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.hud-command-panel{padding:8px}}@media(pointer:coarse){.hud-btn{min-height:48px}.hud-idle-workers{min-height:36px;padding:4px 10px}.minimap-toggle{min-width:40px;height:34px}}