:root{--bg-primary: #120f0c;--bg-secondary: #1f1914;--bg-elevated: #2a221a;--bg-card: rgba(42, 34, 26, .94);--bg-glass: rgba(32, 26, 20, .9);--parchment: #eaddc7;--parchment-dim: #c9bba5;--ink: #0d0a08;--wood-dark: #2c2118;--wood-mid: #4d3b2e;--wood-light: #6e5644;--gold: #d4a84b;--gold-dim: #8f6a24;--brass: #b8944a;--forest: #3d5c40;--moss: #5a8a5e;--blood: #9e3d32;--rust: #c45a3c;--ember: #c97b28;--accent-primary: var(--gold);--accent-secondary: var(--forest);--accent-warning: var(--ember);--accent-danger: var(--blood);--accent-success: var(--moss);--text-primary: var(--parchment);--text-secondary: var(--parchment-dim);--text-muted: #7d6e5a;--border-subtle: rgba(212, 168, 75, .22);--border-strong: rgba(44, 33, 24, .95);--border-glow: rgba(212, 168, 75, .55);--shadow-lg: 4px 5px 0 rgba(8, 6, 4, .85), 0 12px 28px rgba(0, 0, 0, .5);--shadow-glow: 0 0 0 2px var(--gold-dim), 0 0 16px rgba(212, 168, 75, .2);--shadow-inset: inset 1px 1px 0 rgba(255, 248, 230, .12), inset -1px -1px 0 rgba(0, 0, 0, .4);--shadow-press: inset 2px 2px 4px rgba(0, 0, 0, .35);--font-display: "Press Start 2P", monospace;--font-main: "VT323", monospace;--font-mono: "VT323", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--ease-out: cubic-bezier(.22, 1, .36, 1);--transition-fast: .12s var(--ease-out);--transition-normal: .22s var(--ease-out);--transition-slow: .4s var(--ease-out);--hud-scale: 1;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--hud-bottom-reserve: clamp(112px, 22dvh, 200px);--hud-mid-rail-top: clamp(104px, 18vh, 168px);--hud-surface: rgba(26, 21, 16, .94);--hud-surface-soft: rgba(18, 15, 12, .88);--hud-veil: rgba(10, 8, 6, .62);--hud-edge: rgba(212, 168, 75, .22);--hud-focus-ring: rgba(232, 200, 120, .95)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(15px,2.4vw + 10px,22px)}html,body{width:100%;min-height:100%;min-height:100dvh;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);line-height:1.25;-webkit-font-smoothing:antialiased;cursor:crosshair;image-rendering:pixelated;image-rendering:crisp-edges}#game-canvas{position:fixed;inset:0;width:100%;min-height:100dvh;z-index:0}#game-canvas canvas{display:block;width:100%!important;height:100%!important}.hud-villager-float-mount{position:absolute;inset:0;pointer-events:none;z-index:3}.hud-villager-float-card{position:absolute;width:max-content;max-width:min(360px,calc(100vw - 24px));padding:10px 16px 12px;border-radius:var(--radius-md);border:3px solid var(--wood-mid);background:linear-gradient(180deg,#372c22f7,#100c0afa);box-shadow:var(--shadow-lg),var(--shadow-inset);transform:translate(-50%,calc(-100% - 12px));text-align:center;pointer-events:none}.hud-villager-float-card.hidden{display:none}.hud-villager-float-name{font-family:var(--font-main);font-size:1.4rem;font-weight:600;line-height:1.2;color:var(--parchment);margin:0 0 4px;text-shadow:1px 1px 0 var(--ink),0 0 10px rgba(0,0,0,.65)}.hud-villager-float-role{font-family:var(--font-main);font-size:1.05rem;color:var(--parchment-dim);margin:0 0 4px;text-shadow:1px 1px 0 var(--ink)}.hud-villager-float-task{font-family:var(--font-main);font-size:1.15rem;color:#e8c878;margin:0;text-shadow:1px 1px 0 var(--ink)}.hud-building-inspect-card{position:fixed;width:min(320px,calc(100vw - 20px));box-sizing:border-box;height:auto;max-height:none;overflow:visible;padding:12px 14px 14px;border-radius:var(--radius-md);border:3px solid #9a7b4a;background:linear-gradient(180deg,#302820fa,#0e0b08fc);box-shadow:var(--shadow-lg),var(--shadow-inset);pointer-events:auto;text-align:left}.hud-building-inspect-card.hidden{display:none}.hud-building-inspect-title{font-family:var(--font-main);font-size:1.2rem;font-weight:600;color:var(--parchment);margin:0 0 6px;line-height:1.25;text-shadow:1px 1px 0 var(--ink)}.hud-building-inspect-category{font-size:.78rem;color:#c8b89a;margin:0 0 8px;line-height:1.35}.hud-building-inspect-cost{font-size:.76rem;line-height:1.45;color:#d8c8a8;margin:0 0 8px;padding:6px 8px;border-radius:var(--radius-sm);background:#00000040;border:1px solid rgba(212,168,75,.2)}.hud-building-inspect-summary{font-size:.85rem;line-height:1.45;color:var(--parchment);margin:0 0 8px}.hud-building-inspect-details{font-size:.8rem;line-height:1.45;color:#b0a080;margin:0 0 8px}.hud-building-inspect-details.hidden{display:none}.hud-building-inspect-meta{font-size:.72rem;line-height:1.4;color:#7a6c58;margin:0;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.hud-prefab-palette-hint-mount{position:absolute;inset:0;pointer-events:none;z-index:110}#hud-overlay{position:fixed;inset:0;z-index:10;pointer-events:none;transform:scale(var(--hud-scale, 1));transform-origin:top left;width:calc(100% / var(--hud-scale, 1));height:calc(100% / var(--hud-scale, 1))}#hud-overlay>*{pointer-events:auto}#hud-overlay>.hud-root{pointer-events:none}#hud-overlay>.village-root{pointer-events:none}#hud-overlay>.hud-prefab-palette-hint-mount{pointer-events:none}.hud-root{position:absolute;inset:0;z-index:1}.hud-root .build-menu,.hud-root .villager-panel,.hud-root .rts-building-panel{pointer-events:auto}.hud-root button:focus-visible,.hud-root .inv-slot:focus-visible{outline:2px solid var(--hud-focus-ring);outline-offset:2px}.hud-top-cluster{position:absolute;top:calc(var(--space-md) + var(--safe-top));left:calc(var(--space-md) + var(--safe-left));right:calc(var(--space-md) + var(--safe-right));z-index:60;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm);pointer-events:none}.hud-top-cluster .hud-topbar,.hud-top-cluster .hud-fpp-block-hint:not(.hidden){pointer-events:auto}.hud-topbar{position:relative;top:auto;left:auto;right:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-md);max-width:100%}.hud-topbar__resources{min-width:0}.hud-topbar__actions{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;gap:var(--space-sm)}.hud-quick-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:flex-end}.hud-player__meta{min-width:0}.hud-village-btn{padding:10px 14px;font-family:var(--font-main);font-size:1.05rem;font-weight:400;color:var(--parchment);cursor:pointer;border-radius:var(--radius-sm);border:3px solid var(--wood-light);background:linear-gradient(180deg,#5c4838,#3a2d22);box-shadow:var(--shadow-inset),2px 3px #00000080;transition:var(--transition-fast);user-select:none;text-shadow:1px 1px 0 var(--ink)}.hud-village-btn:hover{border-color:var(--gold);color:#fff8e8;box-shadow:var(--shadow-inset),2px 3px #00000080,0 0 12px #d4a84b40}.hud-village-btn:active{transform:translate(1px,2px);box-shadow:var(--shadow-press)}.hud-trade-btn{padding:10px 14px;font-family:var(--font-main);font-size:1.05rem;font-weight:400;color:var(--parchment);cursor:pointer;border-radius:var(--radius-sm);border:3px solid #4a6a5a;background:linear-gradient(180deg,#3d5248,#2a3830);box-shadow:var(--shadow-inset),2px 3px #00000080;transition:var(--transition-fast);user-select:none;text-shadow:1px 1px 0 var(--ink)}.hud-trade-btn:hover{border-color:var(--gold);color:#fff8e8}.hud-trade-btn:active{transform:translate(1px,2px);box-shadow:var(--shadow-press)}.hud-resources{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center;min-width:0}.hud-daynight{flex-shrink:0;padding:6px 12px;font-family:var(--font-mono);font-size:.95rem;font-weight:500;color:var(--parchment);border-radius:var(--radius-sm);border:3px solid var(--wood-mid);background:linear-gradient(180deg,rgba(40,32,52,.82) 0%,var(--hud-surface-soft) 100%);box-shadow:var(--shadow-inset),2px 2px #0006;user-select:none;text-shadow:1px 1px 0 var(--ink);pointer-events:none;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-pill{display:flex;align-items:center;gap:var(--space-xs);padding:6px 12px;font-family:var(--font-mono);font-size:1.05rem;font-weight:400;color:var(--parchment);border-radius:var(--radius-sm);border:3px solid var(--wood-mid);background:linear-gradient(180deg,rgba(90,72,56,.82) 0%,var(--hud-surface-soft) 100%);box-shadow:var(--shadow-inset),2px 2px #0006;transition:var(--transition-fast);user-select:none;text-shadow:1px 1px 0 var(--ink)}.resource-pill:hover{border-color:var(--gold-dim);box-shadow:var(--shadow-inset),2px 2px #0006,0 0 10px #d4a84b33}.resource-pill .icon{font-size:1.1rem;line-height:1;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.6))}.resource-pill .value{min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.hud-player{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:3px solid var(--wood-mid);background:linear-gradient(180deg,rgba(70,54,42,.75) 0%,var(--hud-surface) 100%);box-shadow:var(--shadow-inset),3px 4px #00000073}.player-level{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--gold) 0%,var(--gold-dim) 55%,#5a3d12 100%);border-radius:var(--radius-sm);border:3px solid #2a1a0a;font-family:var(--font-display);font-weight:400;font-size:.65rem;line-height:1.2;color:var(--ink);box-shadow:var(--shadow-inset);text-shadow:0 1px 0 rgba(255,255,255,.35)}.player-name{font-family:var(--font-main);font-weight:400;font-size:1.15rem;text-shadow:1px 1px 0 var(--ink);max-width:min(200px,42vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-faction{font-size:.95rem;color:var(--text-secondary)}.hud-telemetry,#hud-stats.hud-telemetry{display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono);font-size:.78rem;line-height:1.2;color:var(--text-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:2px solid var(--hud-edge);background:var(--hud-surface-soft);box-shadow:var(--shadow-inset),2px 2px #00000073;max-width:100%;justify-self:end;text-align:right}.hud-telemetry strong,#hud-stats.hud-telemetry strong{color:var(--parchment-dim);font-weight:400}.hud-crosshair-stack{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.crosshair{position:relative;top:auto;left:auto;transform:none;width:22px;height:22px;pointer-events:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--parchment);box-shadow:1px 0 0 var(--ink),-1px 0 0 var(--ink),0 1px 0 var(--ink),0 -1px 0 var(--ink)}.crosshair:before{top:50%;left:0;right:0;height:2px;transform:translateY(-50%)}.crosshair:after{left:50%;top:0;bottom:0;width:2px;transform:translate(-50%)}.mine-hold-wrap{min-width:128px;max-width:min(240px,46vw);padding:6px 10px 8px;border-radius:var(--radius-md);border:3px solid var(--wood-mid);background:linear-gradient(180deg,#302820eb,#0e0b08f5);box-shadow:var(--shadow-inset),2px 3px #00000073}.mine-hold-wrap.hidden{display:none}.mine-hold-label{font-family:var(--font-display);font-size:.38rem;line-height:1.4;color:var(--gold);text-align:center;margin:0 0 6px;text-shadow:2px 2px 0 var(--ink);letter-spacing:.04em}.mine-hold-bar{height:9px;background:var(--ink);border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--wood-dark);box-shadow:var(--shadow-inset)}.mine-hold-fill{height:100%;width:0%;border-radius:1px;background:repeating-linear-gradient(90deg,var(--gold) 0px,var(--gold) 6px,var(--gold-dim) 6px,var(--gold-dim) 12px);transition:width 40ms linear}#hud-fpp-block-hint{pointer-events:none}.hud-top-cluster .hud-fpp-block-hint{position:relative;left:auto;top:auto;z-index:52;max-width:min(280px,52vw);padding:6px 10px 7px;border-radius:var(--radius-sm);border:1px solid rgba(212,168,75,.22);background:#0a0806c7;box-shadow:0 1px 6px #00000059;text-align:left;opacity:.95;align-self:flex-start}.hud-fpp-block-hint.hidden{display:none}.hud-fpp-block-hint-title{font-family:var(--font-main);font-size:.72rem;font-weight:600;color:#e8dabcf2;margin:0 0 2px;line-height:1.25;text-shadow:0 1px 2px rgba(0,0,0,.75)}.hud-fpp-block-hint-sub{font-family:var(--font-main);font-size:.65rem;line-height:1.3;color:#b4a88ce0;margin:0;text-shadow:0 1px 1px rgba(0,0,0,.65)}#decision-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:#080604b8}#decision-modal.active{display:flex;animation:fadeIn .2s var(--ease-out)}.decision-card{width:min(520px,calc(100vw - var(--space-lg) * 2 - var(--safe-left) - var(--safe-right)));max-width:100%;margin:0 var(--space-sm);background:linear-gradient(180deg,#3d3228,#1c1610);border:4px solid var(--wood-mid);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-lg),var(--shadow-inset);animation:slideUp .28s var(--ease-out)}.decision-card h2{font-family:var(--font-display);font-size:.75rem;line-height:1.5;font-weight:400;margin-bottom:var(--space-sm);color:var(--gold);text-shadow:2px 2px 0 var(--ink);letter-spacing:.02em}.decision-card .category{font-family:var(--font-main);font-size:.9rem;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:var(--moss);margin-bottom:var(--space-md)}.decision-card p{font-size:1.05rem;line-height:1.35;color:var(--parchment-dim);margin-bottom:var(--space-lg)}.decision-options{display:flex;flex-direction:column;gap:var(--space-sm)}.decision-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:linear-gradient(180deg,#372c22e6,#14100cfa);border:3px solid var(--wood-dark);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);text-align:left;color:var(--parchment);font-family:var(--font-main);font-size:1.05rem;box-shadow:var(--shadow-inset),2px 3px #0006}.decision-option:hover{border-color:var(--gold-dim);background:linear-gradient(180deg,#4b3c2cf2,#1c1610fa);transform:translate(2px);box-shadow:var(--shadow-inset),2px 3px #00000059,0 0 14px #d4a84b26}.decision-option .opt-icon{font-size:1.5rem;flex-shrink:0;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.5))}.decision-option .opt-label{font-weight:400;text-shadow:1px 1px 0 var(--ink)}.decision-option .opt-desc{font-size:.95rem;color:var(--text-secondary);margin-top:2px}.decision-option .opt-severity{margin-left:auto;padding:4px 10px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.45rem;font-weight:400;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;border:2px solid rgba(0,0,0,.35)}.severity-minor{background:#5a8a5e59;color:#b8e0bb}.severity-moderate{background:#c97b2859;color:#ffd49a}.severity-major{background:#9e3d3266;color:#ffb8b0}.severity-catastrophic{background:#781c148c;color:#ff9088;animation:pulse 1.5s ease-in-out infinite}.decision-timer{margin-top:var(--space-md);height:6px;background:var(--ink);border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--wood-mid)}.decision-timer-fill{height:100%;background:repeating-linear-gradient(90deg,var(--gold) 0px,var(--gold) 8px,var(--gold-dim) 8px,var(--gold-dim) 16px);border-radius:1px;transition:width .1s linear}.consequence-toast{position:fixed;top:calc(var(--space-xl) + var(--safe-top));right:calc(var(--space-md) + var(--safe-right));left:auto;z-index:90;padding:var(--space-md) var(--space-lg);background:linear-gradient(180deg,#3a3026,#1a1410);border:3px solid var(--wood-mid);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-family:var(--font-main);font-size:1.05rem;max-width:min(360px,calc(100vw - var(--space-md) * 2 - var(--safe-left) - var(--safe-right)));animation:slideInRight .4s var(--ease-out),fadeOut .4s var(--ease-out) 3.6s forwards;pointer-events:none;color:var(--parchment);text-shadow:1px 1px 0 var(--ink)}.consequence-toast.positive{border-left:6px solid var(--accent-success)}.consequence-toast.negative{border-left:6px solid var(--accent-danger)}.consequence-toast.neutral{border-left:6px solid var(--gold)}#loading-screen{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#2a2218,#0c0a08 70%);transition:opacity .6s var(--ease-out)}#loading-screen.hidden{opacity:0;pointer-events:none}.loader{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.loader-cube{width:56px;height:56px;background:linear-gradient(145deg,var(--gold-dim) 12%,var(--wood-mid) 45%,var(--wood-dark) 100%);border-radius:var(--radius-sm);border:4px solid var(--ink);animation:cubeRotate 2s ease-in-out infinite;box-shadow:var(--shadow-inset),4px 6px #0000008c;image-rendering:pixelated}.loader-text{text-align:center}.loader-text h1{font-family:var(--font-display);font-size:clamp(.65rem,2.5vw,.85rem);font-weight:400;letter-spacing:.15em;color:var(--gold);text-shadow:3px 3px 0 var(--ink),-1px -1px 0 #5a4634;margin-bottom:var(--space-sm);line-height:1.6}.loader-text p{font-family:var(--font-main);font-size:1.15rem;color:var(--parchment-dim);margin-bottom:var(--space-md)}.loader-bar{width:min(280px,calc(100vw - var(--space-xl) * 2));height:10px;background:var(--ink);border-radius:var(--radius-sm);overflow:hidden;margin:0 auto;border:3px solid var(--wood-mid);box-shadow:var(--shadow-inset)}.loader-bar-fill{width:0%;height:100%;background:repeating-linear-gradient(90deg,var(--gold) 0px,var(--gold) 10px,#a67a28 10px,#a67a28 20px);border-radius:1px;transition:width .2s var(--ease-out)}.hud-bottom-band{position:absolute;left:calc(var(--space-md) + var(--safe-left));right:calc(var(--space-md) + var(--safe-right));bottom:calc(var(--space-md) + var(--safe-bottom));z-index:115;pointer-events:none}.hud-bottom-band__grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:var(--space-sm) var(--space-md);width:100%;pointer-events:none;padding:10px 12px 12px;border-radius:var(--radius-md);border:2px solid var(--hud-edge);background:linear-gradient(0deg,var(--hud-surface-soft) 0%,var(--hud-veil) 100%);box-shadow:0 -4px 28px #00000059,var(--shadow-inset);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hud-bottom-band__log{min-width:0;justify-self:start;max-width:min(380px,46vw);display:flex;flex-direction:column;gap:6px;pointer-events:auto}.hud-log-toggle{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:0;padding:4px 8px 4px 2px;font-family:var(--font-display);font-size:.48rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);text-shadow:1px 1px 0 var(--ink);cursor:pointer;border:none;border-radius:var(--radius-sm);background:transparent;transition:color var(--transition-fast),background var(--transition-fast)}.hud-log-toggle:hover{color:#fff0c8;background:#d4a84b14}.hud-log-toggle__chev{display:inline-block;font-size:.55rem;line-height:1;color:var(--gold-dim);transition:transform var(--transition-normal)}.hud-bottom-band__log--collapsed .hud-log-toggle__chev{transform:rotate(-90deg)}.hud-bottom-band__log--collapsed .hud-eventlog{max-height:0!important;min-height:0;margin:0;padding:0;opacity:0;overflow:hidden;pointer-events:none}.hud-eventlog{position:relative;bottom:auto;right:auto;left:auto;width:100%;max-height:min(120px,20dvh);overflow-y:auto;display:flex;flex-direction:column-reverse;gap:6px;scrollbar-width:thin;scrollbar-color:var(--wood-mid) transparent;transition:max-height .28s var(--ease-out),opacity .22s var(--ease-out)}@media(prefers-reduced-motion:reduce){.hud-eventlog,.hud-log-toggle__chev{transition:none}}.hud-bottom-band__hotbar{justify-self:center;grid-column:2;grid-row:1;pointer-events:none}.hud-bottom-band .hud-eventlog,.hud-bottom-band .hud-hotbar-wrap,.hud-bottom-band .hud-telemetry{pointer-events:auto}.hud-bottom-band .hud-telemetry{grid-column:3;grid-row:1}.hud-telemetry__caption{margin:0 0 4px;font-family:var(--font-display);font-size:.45rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dim);text-shadow:1px 1px 0 var(--ink);opacity:.92;text-align:right}.event-entry{padding:8px 12px;background:var(--hud-surface-soft);border-radius:var(--radius-sm);font-family:var(--font-main);font-size:.95rem;line-height:1.2;color:var(--parchment-dim);border:2px solid var(--wood-dark);border-left:5px solid var(--text-muted);box-shadow:2px 2px #00000059;animation:fadeIn .2s var(--ease-out);text-shadow:1px 1px 0 var(--ink)}.event-entry.event-positive{border-left-color:var(--accent-success)}.event-entry.event-negative{border-left-color:var(--accent-danger)}.event-entry.event-world{border-left-color:var(--accent-warning)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes cubeRotate{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(.92)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(.92)}to{transform:rotate(360deg) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.65}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0c0a0880;border:2px solid var(--wood-dark)}::-webkit-scrollbar-thumb{background:var(--wood-mid);border:2px solid var(--wood-dark)}.build-menu{position:absolute;left:calc(var(--space-md) + var(--safe-left));top:calc(var(--space-md) + var(--safe-top) + var(--hud-mid-rail-top));transform:none;display:flex;flex-direction:column;align-items:stretch;gap:6px;font-family:var(--font-main);min-width:min(260px,calc(100vw - var(--space-md) * 2));max-width:min(340px,calc(100vw - var(--space-md) * 2));max-height:none;padding:8px 10px;overflow-x:hidden;overflow-y:visible;scrollbar-width:thin;scrollbar-color:var(--wood-mid) rgba(12,10,8,.4);border-radius:var(--radius-md);border:4px solid var(--wood-mid);background:linear-gradient(180deg,#3e3226eb,#120e0af5);box-shadow:var(--shadow-inset),4px 5px #00000080;pointer-events:auto;z-index:100;transition:opacity .25s,transform .25s}.build-menu.hidden{opacity:0;pointer-events:none;transform:translate(-18px)}.build-menu__tabs{display:flex;flex-wrap:wrap;gap:4px}.build-menu__tab{flex:1 1 calc(50% - 4px);min-width:96px;padding:4px 6px;border-radius:var(--radius-sm);border:2px solid var(--wood-dark);background:#1e1812d9;color:var(--parchment-dim);font-family:var(--font-main);font-size:.68rem;line-height:1.2;cursor:pointer}.build-menu__tab:hover{border-color:var(--gold-muted)}.build-menu__tab--active{border-color:var(--gold-muted);background:#5a462c8c;color:var(--parchment)}.build-menu__prefab-list{display:flex;flex-direction:column;gap:8px;align-items:stretch}.hud-rts-prefab-cost{margin:0;padding:4px 6px;border-radius:var(--radius-sm);background:#00000047;font-family:var(--font-main);font-size:.68rem;line-height:1.25;color:var(--parchment-dim);border:1px solid rgba(212,168,75,.2);overflow-wrap:anywhere;word-break:break-word}.hud-rts-prefab-cost.hidden{display:none}.hud-rts-prefab-cost--warn{color:#f0c4a8;border-color:#c45a3c8c;background:#501c1259}.hud-player-toast.consequence-toast{left:50%;right:auto;transform:translate(-50%);top:calc(var(--space-lg) + var(--safe-top));max-width:min(420px,calc(100vw - var(--space-md) * 2));white-space:pre-line;text-align:center;z-index:96}.hud-player-toast.consequence-toast.hidden{display:none;animation:none;opacity:0;pointer-events:none}.hud-rts-legend{position:static;flex:0 0 auto;margin:3px -2px 0;padding:5px 4px 6px;max-height:none;overflow:visible;border-top:2px solid rgba(212,168,75,.3);border-radius:0;border-left:none;border-right:none;border-bottom:none;background:#0003;box-shadow:none;z-index:0;pointer-events:none;font-family:var(--font-main);font-size:.6rem;line-height:1.2;color:var(--parchment)}.hud-rts-legend.hidden{display:none}.rts-legend-line{margin:0 0 3px;display:flex;align-items:flex-start;gap:5px}.rts-legend-line:last-child{margin-bottom:0}.rts-swatch{flex:0 0 11px;width:11px;height:11px;margin-top:1px;border-radius:3px;border:1px solid rgba(0,0,0,.35)}.rts-swatch--ring{background:linear-gradient(135deg,#f0d78c,#c9a227);box-shadow:0 0 6px #e8c86a80}.rts-swatch--ghost-ok{background:linear-gradient(135deg,#e8c878,#b8892e);box-shadow:0 0 4px #d4a84b73}.rts-swatch--ghost-warn{background:#e67e22}.rts-swatch--path{background:repeating-linear-gradient(45deg,#8a8a8a,#8a8a8a 2px,#6a6a6a 2px 4px)}.build-btn{background:linear-gradient(180deg,#524032,#2a2118);border:2px solid var(--wood-dark);color:var(--parchment);padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-main);font-size:1.05rem;text-align:left;width:100%;min-width:0;transition:var(--transition-fast);box-shadow:var(--shadow-inset),2px 3px #00000059;text-shadow:1px 1px 0 var(--ink)}.hud-build-layer .build-menu .build-btn{padding:11px 14px;font-size:.98rem;line-height:1.25;border-width:3px;min-height:44px}.hud-build-layer .build-menu .build-btn-clear{padding:10px 14px;font-size:.95rem;min-height:44px}.build-btn:hover{border-color:var(--gold-dim);color:#fff8e8}.build-btn:active{transform:translate(1px,2px);box-shadow:var(--shadow-press)}.build-btn.active{background:linear-gradient(180deg,#5a4828f2,#282012fa);border-color:var(--gold);box-shadow:var(--shadow-inset),0 0 14px #d4a84b38,2px 3px #0000004d;color:#fff4d6}.build-btn-clear:not(.active){opacity:.92}.build-btn-clear.active{border-color:var(--parchment-dim);box-shadow:var(--shadow-inset),2px 3px #00000059;background:linear-gradient(180deg,#3a3228,#1c1814);color:var(--parchment-dim)}.hud-hotbar-wrap{position:relative;left:auto;bottom:auto;transform:none;max-width:min(520px,calc(100vw - var(--space-md) * 4));display:flex;flex-direction:column;align-items:center;gap:6px;z-index:120;pointer-events:none}.hud-hotbar-wrap.hidden{display:none}.hud-hotbar-wrap .hud-hotbar-hint{font-size:.85rem;color:var(--text-secondary);text-shadow:1px 1px 0 var(--ink);pointer-events:none;text-align:center;max-width:100%;line-height:1.3}.hud-hotbar-wrap .hud-hotbar-hint kbd{display:inline-block;padding:1px 5px;margin:0 2px;font-family:var(--font-mono);font-size:.8rem;border:2px solid var(--wood-mid);border-radius:var(--radius-sm);background:#120e0ad9;color:var(--parchment)}.hud-hotbar{display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;padding:8px 10px;border-radius:var(--radius-md);border:3px solid var(--hud-edge);background:linear-gradient(180deg,rgba(52,42,32,.94) 0%,var(--hud-surface) 100%);box-shadow:var(--shadow-inset),3px 4px #00000073;pointer-events:auto;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.inv-slot{position:relative;width:52px;height:52px;padding:0;border:3px solid var(--wood-dark);border-radius:var(--radius-sm);background:linear-gradient(180deg,#3a3028,#1a1510);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;box-shadow:var(--shadow-inset);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);color:var(--parchment);font-family:var(--font-main)}.inv-slot:hover{border-color:var(--gold-dim)}.inv-slot--selected{border-color:var(--gold);box-shadow:var(--shadow-inset),0 0 10px #d4a84b40}.inv-slot--picked{outline:2px solid var(--moss);outline-offset:2px}.inv-slot-icon{font-size:1.35rem;line-height:1;text-shadow:1px 1px 0 var(--ink)}.inv-slot-count{position:absolute;right:3px;bottom:2px;font-size:.75rem;color:#fff8e0;text-shadow:1px 1px 0 var(--ink)}.inventory-root{position:fixed;inset:0;z-index:250;display:flex;align-items:center;justify-content:center;pointer-events:none}.inventory-root:not(.hidden){pointer-events:auto}.inventory-root.hidden{display:none}.inventory-backdrop{position:absolute;inset:0;background:#060504b8}.inventory-panel{position:relative;z-index:1;width:min(720px,calc(100vw - var(--space-lg) * 2 - var(--safe-left) - var(--safe-right)));max-height:min(90dvh,620px);padding:var(--space-md);border-radius:var(--radius-lg);border:4px solid var(--wood-mid);background:linear-gradient(180deg,#30281efa,#0e0b08fc);box-shadow:var(--shadow-lg),var(--shadow-inset);overflow:auto}.inventory-panel-body{display:grid;grid-template-columns:minmax(200px,1fr) minmax(260px,1.35fr);gap:var(--space-md);align-items:start}@media(max-width:720px){.inventory-panel-body{grid-template-columns:1fr}}.inventory-craft{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);border:3px solid var(--wood-dark);background:#14100c8c}.inventory-craft-title{font-family:var(--font-display);font-size:.55rem;color:var(--gold);letter-spacing:.06em}.craft-recipe-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.craft-recipe-btn{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px;font-family:var(--font-main);font-size:.95rem;color:var(--parchment);cursor:pointer;border:3px solid var(--wood-dark);border-radius:var(--radius-sm);background:linear-gradient(180deg,#42362c,#1e1814);box-shadow:var(--shadow-inset);transition:var(--transition-fast)}.craft-recipe-btn:hover{border-color:var(--gold-dim)}.craft-recipe-btn--active{border-color:var(--gold);box-shadow:var(--shadow-inset),0 0 10px #d4a84b2e}.craft-recipe-ico{font-size:1.2rem;flex-shrink:0}.craft-detail{margin-top:var(--space-xs);padding-top:var(--space-sm);border-top:2px solid rgba(212,168,75,.15)}.craft-ingredients{font-size:.88rem;color:var(--text-secondary);line-height:1.45;margin-bottom:var(--space-sm)}.craft-out-label,.craft-in-label{color:var(--parchment-dim);font-size:.82rem}.craft-ing-line--lack .craft-have{color:var(--accent-danger)}.craft-do-btn{width:100%;padding:10px 12px;font-family:var(--font-main);font-size:1rem;color:var(--ink);cursor:pointer;border:3px solid var(--forest);border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--moss) 0%,var(--forest) 100%);box-shadow:var(--shadow-inset),2px 3px #00000059}.craft-do-btn:hover:not(:disabled){filter:brightness(1.08)}.craft-do-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}.inventory-bag{min-width:0}.inventory-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.inventory-title{font-family:var(--font-display);font-size:.65rem;letter-spacing:.04em;color:var(--gold);text-shadow:1px 2px 0 var(--ink)}.inventory-close{width:36px;height:36px;font-size:1.1rem;line-height:1;cursor:pointer;border:3px solid var(--wood-dark);border-radius:var(--radius-sm);background:linear-gradient(180deg,#4a3c30,#221a14);color:var(--parchment);box-shadow:var(--shadow-inset)}.inventory-close:hover{border-color:var(--gold-dim);color:#fff}.inventory-hint{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.inventory-hotbar-label{font-size:.85rem;color:var(--text-secondary);margin-top:var(--space-md);margin-bottom:var(--space-sm)}.inventory-hotbar-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;padding-bottom:var(--space-sm)}.inventory-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;justify-items:center}.inventory-grid .inv-slot{width:48px;height:48px}.villager-panel{position:absolute;top:calc(var(--space-md) + var(--safe-top) + var(--hud-mid-rail-top));right:calc(var(--space-md) + var(--safe-right));max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - var(--hud-mid-rail-top) - var(--hud-bottom-reserve) - var(--space-md) * 2);overflow-y:auto;padding:14px;border-radius:var(--radius-md);border:4px solid var(--wood-mid);background:linear-gradient(180deg,#372c22f2,#100c0afa);box-shadow:var(--shadow-lg),var(--shadow-inset);pointer-events:auto;z-index:100;transition:opacity .25s;color:var(--parchment);min-width:min(210px,calc(100vw - 24px - var(--safe-left) - var(--safe-right)));max-width:min(280px,calc(100vw - 20px - var(--safe-left) - var(--safe-right)))}.villager-panel h3{margin:0 0 12px;font-family:var(--font-display);font-size:.62rem;line-height:1.4;font-weight:400;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}.villager-hud-name{margin:0 0 4px;font-family:var(--font-main);font-size:1.05rem;line-height:1.35;color:var(--parchment);text-shadow:1px 1px 0 var(--ink)}.villager-hud-task{margin:0 0 12px;font-size:.95rem;line-height:1.35;color:#e0c890;letter-spacing:.02em}.v-actions{display:flex;flex-direction:column;gap:8px}.v-btn{background:linear-gradient(180deg,#4d3c2e,#241c16);border:3px solid var(--wood-dark);color:var(--parchment);padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:var(--font-main);font-size:1rem;transition:var(--transition-fast);box-shadow:var(--shadow-inset),2px 2px #00000059;text-shadow:1px 1px 0 var(--ink)}.v-btn:hover{border-color:var(--gold-dim);background:linear-gradient(180deg,#5e4a38,#2c2218)}.v-btn.hidden{display:none}.village-root{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:stretch;pointer-events:none;z-index:125}.village-root.village-root--drawer-open{padding-bottom:calc(var(--hud-bottom-reserve) + var(--space-sm) + var(--safe-bottom));background:linear-gradient(180deg,transparent 0%,transparent min(35%,180px),rgba(0,0,0,.22) 100%)}.village-root button:focus-visible,.village-root .village-mini-btn:focus-visible{outline:2px solid var(--hud-focus-ring);outline-offset:2px}.village-drawer{width:100%;max-height:min(52dvh,540px);pointer-events:auto;flex-shrink:0}.village-drawer.hidden{display:none}.village-panel{width:100%;max-height:min(52dvh,540px);display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(42,34,28,.96) 0%,var(--hud-surface) 100%);border:2px solid var(--hud-edge);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -8px 40px #00000080,inset 0 1px #fff8e60f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text-primary);font-family:var(--font-main)}.village-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:2px solid var(--wood-dark);background:#0000002e}.village-header h2{margin:0;font-family:var(--font-display);font-size:.68rem;line-height:1.45;font-weight:400;color:var(--gold);text-shadow:2px 2px 0 var(--ink);letter-spacing:.04em}.village-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:2px solid var(--hud-edge);border-radius:var(--radius-sm);background:linear-gradient(180deg,rgba(74,58,44,.95) 0%,var(--hud-surface-soft) 100%);color:var(--parchment-dim);font-size:1.25rem;line-height:1;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-inset);font-family:var(--font-main)}.village-close:hover{color:var(--parchment);border-color:var(--gold-dim);background:linear-gradient(180deg,#5c4838,#2c2218)}.village-tabs{display:flex;gap:6px;padding:var(--space-sm) var(--space-md) 0;border-bottom:2px solid var(--wood-dark);background:#0000001a}.village-tab{flex:1;padding:10px 8px;border:2px solid transparent;border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:transparent;color:var(--text-secondary);font-family:var(--font-main);font-size:1rem;font-weight:400;cursor:pointer;transition:var(--transition-fast);text-shadow:1px 1px 0 var(--ink)}.village-tab:hover{color:var(--parchment);background:#50403038}.village-tab.active{color:#fff4d6;background:linear-gradient(180deg,rgba(70,56,40,.88) 0%,var(--hud-surface-soft) 100%);border-color:var(--hud-edge);border-bottom:none;box-shadow:var(--shadow-inset)}.village-body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:var(--space-sm) var(--space-md)}.village-tab-panel.hidden{display:none}.village-stat-grid{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin:0 0 var(--space-md);padding:0}.village-stat-grid li{display:flex;flex-direction:column;gap:4px;padding:var(--space-sm) var(--space-md);background:var(--hud-surface-soft);border-radius:var(--radius-sm);border:2px solid var(--hud-edge);box-shadow:var(--shadow-inset)}.village-stat-grid .lbl{font-family:var(--font-display);font-size:.42rem;line-height:1.3;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.village-stat-grid .val{font-family:var(--font-mono);font-size:1.35rem;font-weight:400;color:var(--gold);text-shadow:1px 1px 0 var(--ink)}.village-tip{margin:0;font-size:1rem;color:var(--text-secondary);line-height:1.35}.village-table-wrap{overflow-x:hidden;max-width:100%}.village-table{width:100%;border-collapse:collapse;font-size:.95rem}.village-table th,.village-table td{text-align:left;padding:6px 8px;border-bottom:2px solid var(--wood-dark);vertical-align:top}.village-table th{font-family:var(--font-display);font-size:clamp(.58rem,2.1vmin,.72rem);line-height:1.35;color:var(--text-muted);font-weight:400;text-transform:uppercase;letter-spacing:.06em}.village-table .mono{font-family:var(--font-mono);font-size:.95rem;color:var(--parchment-dim)}.village-vrow--selected{background:#d4a84b1f}.village-vrow--admin-pick{box-shadow:inset 0 0 0 2px #5a8a5e8c}.village-subh--spaced{margin-top:var(--space-lg)}.village-admin-history{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);border:2px solid var(--wood-dark);background:#0003}.village-admin-history-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.village-admin-history-title{font-size:1rem;color:var(--parchment)}.village-admin-history-list{margin:0;padding-left:1.2em;max-height:220px;overflow-y:auto;font-size:.95rem;color:var(--parchment-dim)}.village-admin-hist-time{color:var(--text-muted);margin-right:.35em}.village-admin-hist-kind{color:var(--moss);text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.village-actions{display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-content:flex-end}.village-villagers-wrap,.village-buildings-wrap{max-width:100%}.village-building-list{display:flex;flex-direction:column;gap:0;max-width:100%}.village-bcard{display:flex;flex-direction:column;gap:8px;padding:10px 4px 12px;border-bottom:2px solid var(--wood-dark);box-sizing:border-box;max-width:100%}.village-bcard:last-child{border-bottom:none;padding-bottom:4px}.village-bcard__title{font-size:1.05rem;line-height:1.35;color:var(--gold);font-family:var(--font-display);text-shadow:1px 1px 0 var(--ink);word-wrap:break-word;overflow-wrap:break-word}.village-bcard__rows{display:flex;flex-direction:column;gap:5px;font-size:.92rem}.village-bcard__row{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.village-bcard__lbl{flex:0 1 auto;color:var(--text-muted);font-size:.88rem}.village-bcard__val{flex:0 1 auto;text-align:right;color:var(--parchment);min-width:0;word-wrap:break-word;overflow-wrap:break-word}.village-bcard__val--ok{color:#b8dcc0}.village-bcard__val--bad{color:#e8b0a8}.village-bcard__actions{justify-content:flex-start;flex-wrap:wrap;gap:5px}.village-bcard__cost{margin:0;font-size:.82rem;color:var(--parchment-dim);line-height:1.35}.village-villager-list{display:flex;flex-direction:column;gap:0;max-width:100%}.village-vcard{display:flex;flex-direction:column;gap:8px;padding:10px 4px 12px;border-bottom:2px solid var(--wood-dark);box-sizing:border-box;max-width:100%}.village-vcard:last-child{border-bottom:none;padding-bottom:4px}.village-vcard__info{min-width:0;display:flex;flex-direction:column;gap:4px}.village-vcard__title{font-size:1.02rem;line-height:1.35;color:var(--parchment);word-wrap:break-word;overflow-wrap:break-word}.village-vcard__meta{font-size:.86rem;line-height:1.4;color:var(--parchment-dim);display:block;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.village-vcard__sep{margin:0 .2em;opacity:.55}.village-vcard__actions{justify-content:flex-start;max-width:100%}.village-vcard--selected{background:#d4a84b1a;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px #d4a84b47}.village-mini-btn--dense{padding:4px 7px;font-size:.82rem}.village-mini-btn{padding:5px 9px;font-size:.9rem;font-family:var(--font-main);border-radius:var(--radius-sm);border:2px solid var(--hud-edge);background:linear-gradient(180deg,rgba(69,54,40,.95) 0%,var(--hud-surface-soft) 100%);color:var(--parchment);cursor:pointer;transition:var(--transition-fast);box-shadow:1px 2px #00000059;text-shadow:1px 1px 0 var(--ink)}.village-mini-btn:hover{border-color:var(--gold-dim);background:linear-gradient(180deg,#564436,#282018)}.village-mini-btn--follow.is-active{border-color:var(--moss);color:#c8e8ca;background:linear-gradient(180deg,#3d5c4073,#141c14e6)}.village-tag{display:inline-block;margin-left:.35em;padding:.08em .45em;font-size:.78em;font-weight:600;vertical-align:middle;border-radius:3px;background:#3d5c4059;border:1px solid var(--border-subtle);color:var(--text-secondary)}.village-empty{margin:var(--space-md) 0 0;font-size:1rem;color:var(--text-muted)}.village-empty.hidden{display:none}.village-footer{padding:var(--space-sm) var(--space-lg);padding-bottom:calc(var(--space-sm) + var(--safe-bottom));border-top:2px solid var(--wood-dark);font-family:var(--font-main);font-size:.88rem;color:var(--text-muted);background:#00000038}.village-footer kbd{font-family:var(--font-mono);font-size:.8rem;padding:1px 5px;margin:0 2px;border-radius:var(--radius-sm);border:2px solid var(--wood-mid);background:#0c0a08d9;color:var(--parchment);box-shadow:var(--shadow-inset)}.village-admin-keys.hidden{display:none}.village-subh{margin:1rem 0 .5rem;font-size:1rem;color:var(--text-primary)}.village-admin-network{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.hud-root{--hud-panel-shadow: 0 10px 30px rgba(0, 0, 0, .42), var(--shadow-inset)}.hud-shared-layer,.hud-fpp-layer,.hud-build-layer{position:absolute;inset:0;pointer-events:none}.hud-root--fpp .hud-build-layer,.hud-root--build .hud-fpp-layer{display:none}.hud-topbar{position:absolute;top:calc(var(--space-md) + var(--safe-top));left:calc(var(--space-md) + var(--safe-left));right:calc(var(--space-md) + var(--safe-right));z-index:70;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);pointer-events:none}.hud-resources{pointer-events:auto}.hud-root--fpp .hud-resources{flex-wrap:nowrap;flex:1 1 0;min-width:0;max-width:none;gap:var(--space-xs);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(212,168,75,.35) transparent}.hud-root--fpp .resource-pill{flex-shrink:0;padding:4px 9px;font-size:.96rem;border-width:2px;background:#100d0ac2}.hud-root--fpp .resource-pill .value{min-width:28px}.hud-player{pointer-events:auto}.hud-root--fpp .hud-player{opacity:.78;transform-origin:top right;transform:scale(.9)}.hud-root--build .hud-topbar{right:min(380px,calc(34vw + var(--space-md)))}.hud-root--build .hud-player{display:none}.hud-fpp-block-hint{position:absolute;top:calc(var(--safe-top) + 74px);left:calc(var(--space-md) + var(--safe-left));z-index:72;max-width:min(280px,42vw);pointer-events:none}.hud-fpp-bottom{position:absolute;left:50%;bottom:calc(var(--space-md) + var(--safe-bottom));z-index:120;transform:translate(-50%);pointer-events:none}.hud-fpp-bottom .hud-hotbar-wrap{pointer-events:none}.hud-fpp-bottom .hud-hotbar{pointer-events:auto}.hud-eventlog-wrap{position:absolute;left:calc(var(--space-md) + var(--safe-left));bottom:calc(var(--space-md) + var(--safe-bottom));z-index:72;width:min(360px,36vw);display:flex;flex-direction:column;gap:6px;pointer-events:auto}.hud-root--fpp .hud-eventlog-wrap{bottom:calc(var(--space-lg) + var(--safe-bottom) + 76px)}.hud-root--build .hud-eventlog-wrap{width:min(320px,30vw);bottom:calc(var(--space-xl) + var(--safe-bottom) + var(--space-sm))}.hud-eventlog{max-height:min(118px,18dvh)}.hud-root--build .hud-eventlog{max-height:min(92px,14dvh)}.hud-telemetry{position:absolute;right:calc(var(--space-sm) + var(--safe-right));bottom:calc(var(--space-sm) + var(--safe-bottom));z-index:65;opacity:.38;transform:scale(.88);transform-origin:bottom right;pointer-events:auto;transition:opacity var(--transition-fast),transform var(--transition-fast)}.hud-telemetry:hover,.hud-telemetry:focus-within{opacity:.95;transform:scale(1)}.hud-telemetry>div{display:none}.hud-telemetry:hover>div,.hud-telemetry:focus-within>div{display:block}.hud-build-layer{z-index:80}.hud-build-layer .build-menu{top:calc(var(--space-md) + var(--safe-top) + var(--hud-mid-rail-top));left:calc(var(--space-md) + var(--safe-left));max-height:none;padding:8px 10px 10px;gap:5px;overflow-x:hidden;overflow-y:visible;border:2px solid var(--hud-edge);background:linear-gradient(180deg,rgba(42,34,27,.96) 0%,var(--hud-surface) 100%);box-shadow:var(--hud-panel-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hud-build-layer .build-menu .build-menu__head{padding-bottom:4px}.hud-build-layer .build-menu .build-menu__eyebrow{margin:0 0 4px}.hud-build-layer .build-menu .hud-rts-legend{padding-bottom:6px;margin-bottom:0;margin-top:2px;font-size:.6rem;line-height:1.2;max-height:none;overflow:visible}.build-menu__head{padding-bottom:4px;border-bottom:1px solid var(--hud-edge)}.build-menu__eyebrow{margin:0 0 4px;font-family:var(--font-display);font-size:.48rem;line-height:1.45;letter-spacing:.08em;color:var(--gold);text-transform:uppercase;text-shadow:1px 1px 0 var(--ink)}.hud-build-context{position:absolute;top:calc(var(--space-md) + var(--safe-top) + var(--hud-mid-rail-top));right:calc(var(--space-md) + var(--safe-right));z-index:82;display:flex;flex-direction:column;gap:var(--space-sm);width:min(340px,calc(100vw - 340px - var(--space-md) * 3 - var(--safe-left) - var(--safe-right)));min-width:260px;pointer-events:auto}.hud-build-status,.hud-build-context .hud-quick-actions,.hud-build-shortcuts,.hud-build-context .villager-panel,.hud-build-context .rts-building-panel{border-radius:var(--radius-md);border:2px solid var(--hud-edge);background:linear-gradient(180deg,rgba(32,26,20,.94) 0%,var(--hud-surface-soft) 100%);box-shadow:var(--hud-panel-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hud-build-status{padding:var(--space-sm) var(--space-md)}.hud-build-status__title{margin:0 0 8px;font-family:var(--font-display);font-size:.48rem;letter-spacing:.08em;color:var(--gold);text-transform:uppercase;text-shadow:1px 1px 0 var(--ink)}.hud-build-status__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hud-build-status__grid span{display:flex;flex-direction:column;gap:1px;padding:6px 8px;border-radius:var(--radius-sm);background:#0000002e;border:1px solid rgba(212,168,75,.12)}.hud-build-status__grid strong{font-family:var(--font-mono);font-size:1.14rem;line-height:1;color:var(--parchment);font-weight:400}.hud-build-status__grid small{font-size:.75rem;color:var(--text-muted)}.hud-build-context .hud-quick-actions{display:flex;gap:6px;padding:8px}.hud-build-context .hud-village-btn,.hud-build-context .hud-trade-btn{flex:1 1 0;padding:8px 10px;font-size:.95rem;border-width:2px}.hud-build-context .villager-panel{position:static;display:block;width:100%;min-width:0;max-width:none;max-height:min(260px,30dvh);padding:12px;overflow-y:auto}.hud-build-context .villager-panel.hidden{display:none}.hud-build-context .rts-building-panel{position:static;display:block;width:100%;min-width:0;max-width:none;padding:12px}.hud-build-context .rts-building-panel.hidden{display:none}.rts-building-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.rts-building-panel__title{margin:0;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.04em;color:var(--parchment);text-shadow:1px 1px 0 var(--ink);line-height:1.2;flex:1}.rts-building-panel__close{flex:0 0 auto;line-height:1;padding:2px 8px;font-size:1.1rem;border-radius:var(--radius-sm);border:2px solid rgba(212,168,75,.35);background:#00000040;color:var(--parchment-dim);cursor:pointer}.rts-building-panel__close:hover{border-color:var(--gold);color:var(--parchment)}.rts-building-panel__meta{margin:0 0 12px;font-size:.78rem;line-height:1.45;color:var(--text-muted)}.rts-building-panel__actions{display:flex;flex-direction:column;gap:8px}.rts-building-btn{width:100%;padding:10px 12px;font-size:.92rem;border-radius:var(--radius-sm);border:2px solid rgba(212,168,75,.45);background:linear-gradient(180deg,#483a2af2,#1c1610fa);color:var(--parchment);cursor:pointer;text-align:center}.rts-building-btn:hover{border-color:var(--gold)}.rts-building-btn--ghost{opacity:.92;border-style:dashed;border-color:#d4a84b47}.hud-build-shortcuts{display:flex;flex-wrap:wrap;gap:6px 10px;padding:8px 10px;font-size:.82rem;color:var(--text-secondary)}.hud-build-shortcuts kbd{padding:1px 5px;border-radius:var(--radius-sm);border:2px solid var(--wood-mid);background:#0c0a08d9;color:var(--parchment);font-family:var(--font-mono)}.hud-root--build .hud-hotbar-wrap{display:none}.village-root--mode-build{--village-build-top-reserve: calc(var(--space-md) + var(--safe-top) + var(--hud-mid-rail-top) + var(--space-sm))}.village-root--drawer-open.village-root--mode-build{align-items:flex-start;justify-content:flex-end;padding:var(--village-build-top-reserve) calc(var(--space-md) + var(--safe-right)) 0 0;background:transparent}.village-root--mode-build .village-drawer{width:min(500px,calc(100vw - 300px - var(--space-md) * 3 - var(--safe-left) - var(--safe-right)));min-width:300px;max-height:calc(100dvh - var(--safe-bottom) - var(--village-build-top-reserve) - var(--space-md))}.village-root--mode-build .village-panel{max-height:inherit;border:2px solid var(--hud-edge);border-radius:var(--radius-lg);box-shadow:var(--hud-panel-shadow)}.village-root--mode-build .village-footer{display:none}.village-root--drawer-open.village-root--mode-fpp{align-items:center;justify-content:center;padding:max(var(--space-lg),var(--safe-top)) max(var(--space-lg),var(--safe-right)) max(var(--space-lg),var(--safe-bottom)) max(var(--space-lg),var(--safe-left));background:#0605047a}.village-root--mode-fpp .village-drawer{width:min(860px,100%);max-height:min(82dvh,720px)}.village-root--mode-fpp .village-panel{max-height:inherit;border:2px solid var(--hud-edge);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--shadow-inset)}.pause-menu-root{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.pause-menu-root.hidden{display:none}.pause-menu-root:not(.hidden){pointer-events:auto}.pause-menu-backdrop{position:absolute;inset:0;background:#060402b8;cursor:pointer}.pause-menu-card{position:relative;z-index:1;width:min(520px,calc(100vw - var(--space-md) * 2 - var(--safe-left) - var(--safe-right)));max-height:min(88dvh,640px);display:flex;flex-direction:column;border:4px solid var(--wood-mid);border-radius:var(--radius-lg);background:linear-gradient(180deg,#3a3026,#14100c);box-shadow:var(--shadow-lg),var(--shadow-inset);overflow:hidden}.pause-menu-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:3px solid var(--wood-dark);background:#0003}.pause-menu-title{margin:0;font-family:var(--font-display);font-size:.65rem;line-height:1.5;font-weight:400;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}.pause-menu-resume{padding:10px 14px;font-family:var(--font-main);font-size:1.1rem;color:var(--ink);cursor:pointer;border:3px solid #2a1a0a;border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dim) 100%);box-shadow:var(--shadow-inset),2px 3px #00000073;text-shadow:0 1px 0 rgba(255,255,255,.35)}.pause-menu-resume:hover{filter:brightness(1.08)}.pause-menu-resume:active{transform:translate(1px,2px)}.pause-menu-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:var(--space-sm) var(--space-md);border-bottom:3px solid var(--wood-dark);background:#0000001f}.pause-tab{flex:1;min-width:0;padding:8px 6px;font-family:var(--font-main);font-size:1rem;color:var(--text-secondary);cursor:pointer;border:2px solid transparent;border-radius:var(--radius-sm);background:transparent;transition:var(--transition-fast);text-shadow:1px 1px 0 var(--ink)}.pause-tab:hover{color:var(--parchment);background:#50403040}.pause-tab.active{color:#fff4d6;border-color:var(--wood-mid);background:linear-gradient(180deg,#463828d9,#1c1610f2);box-shadow:var(--shadow-inset)}.pause-menu-body{flex:1;overflow-y:auto;padding:var(--space-lg)}.pause-panel.hidden{display:none}.pause-field{display:block;margin-bottom:var(--space-lg)}.pause-label{display:block;font-family:var(--font-main);font-size:1.05rem;color:var(--parchment);margin-bottom:var(--space-sm);text-shadow:1px 1px 0 var(--ink)}.pause-row{display:flex;align-items:center;gap:var(--space-md)}.pause-row input[type=range]{flex:1;min-height:28px;accent-color:var(--gold)}.pause-output{font-family:var(--font-mono);font-size:1.05rem;min-width:52px;text-align:right;color:var(--gold)}.pause-hint{margin:var(--space-sm) 0 0;font-size:.95rem;color:var(--text-muted);line-height:1.35}.pause-select{width:100%;margin-top:var(--space-xs);padding:10px 12px;font-family:var(--font-main);font-size:1.05rem;color:var(--parchment);background:#0c0a08e6;border:3px solid var(--wood-dark);border-radius:var(--radius-sm);cursor:pointer}.pause-legend{font-family:var(--font-main);font-size:1rem;color:var(--parchment-dim);line-height:1.5;margin-bottom:var(--space-lg)}.pause-legend kbd{display:inline-block;padding:2px 8px;margin:0 2px;font-family:var(--font-mono);font-size:.95rem;border:2px solid var(--wood-mid);border-radius:var(--radius-sm);background:#0c0a08e6;color:var(--gold)}.pause-reset-btn{width:100%;padding:12px;font-family:var(--font-main);font-size:1.05rem;color:var(--parchment);cursor:pointer;border:3px solid var(--blood);border-radius:var(--radius-sm);background:linear-gradient(180deg,#4a2820,#1c100c);box-shadow:var(--shadow-inset),2px 3px #0006}.pause-reset-btn:hover{filter:brightness(1.1)}.pause-menu-footer{padding:var(--space-sm) var(--space-lg);padding-bottom:calc(var(--space-sm) + var(--safe-bottom));border-top:3px solid var(--wood-dark);font-family:var(--font-main);font-size:.85rem;color:var(--text-muted);text-align:center;background:#00000040}@media(max-width:620px){:root{--hud-mid-rail-top: min(148px, 36vw);--hud-bottom-reserve: clamp(128px, 28dvh, 220px)}.hud-topbar{grid-template-columns:1fr}.hud-topbar__actions{width:100%;justify-content:space-between}.hud-quick-actions,.hud-village-btn,.hud-trade-btn{flex:0 0 auto}.hud-player{flex:1 1 auto;min-width:0}.player-name{max-width:min(240px,55vw)}.hud-top-cluster .hud-fpp-block-hint{max-width:min(220px,88vw)}.hud-telemetry,#hud-stats.hud-telemetry{font-size:.72rem;padding:4px 6px}.hud-eventlog{max-height:min(100px,18dvh)}.resource-pill{padding:5px 9px;font-size:.98rem}.build-menu{max-height:none}.hud-rts-legend{max-height:none;overflow:visible;font-size:.62rem}}@media(max-width:520px){.hud-bottom-band__grid{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm)}.hud-bottom-band__log{max-width:100%;order:2}.hud-bottom-band__hotbar{order:1}.hud-bottom-band .hud-telemetry{grid-column:auto;grid-row:auto;order:3;flex-direction:row;flex-wrap:wrap;justify-content:center;justify-self:stretch;text-align:center}}@media(max-width:480px){.inv-slot{width:44px;height:44px}.inv-slot-icon{font-size:1.2rem}.inventory-grid .inv-slot{width:40px;height:40px}.decision-card{padding:var(--space-md)}.decision-card h2{font-size:.65rem}.build-menu{max-width:min(260px,calc(100vw - var(--space-md) * 2 - var(--safe-left)))}}@media(max-width:360px){.inv-slot{width:40px;height:40px}.inv-slot-count{font-size:.68rem}}@media(max-height:520px)and (orientation:landscape){.village-drawer,.village-panel{max-height:min(65dvh,420px)}.inventory-panel{max-height:min(92dvh,560px)}}@media(max-width:900px){.hud-root--build .hud-topbar{right:calc(var(--space-md) + var(--safe-right))}.hud-build-layer .build-menu{top:calc(var(--space-md) + var(--safe-top) + var(--hud-mid-rail-top));max-width:min(330px,calc(52vw - var(--space-md)))}.hud-build-context{top:calc(var(--space-md) + var(--safe-top) + var(--hud-mid-rail-top));width:min(320px,calc(48vw - var(--space-md)));min-width:0}.village-root--mode-build .village-drawer{width:min(500px,calc(100vw - var(--space-md) * 2 - var(--safe-left) - var(--safe-right)));min-width:0}}@media(max-width:620px){.hud-topbar{align-items:flex-start}.hud-root--fpp .hud-player{display:none}.hud-root--fpp .hud-resources{max-width:calc(100vw - var(--space-md) * 2 - var(--safe-left) - var(--safe-right))}.hud-fpp-block-hint{top:calc(var(--safe-top) + 92px);max-width:min(260px,calc(100vw - var(--space-md) * 2))}.hud-eventlog-wrap{width:min(320px,calc(100vw - var(--space-md) * 2 - var(--safe-left) - var(--safe-right)))}.hud-root--fpp .hud-eventlog-wrap,.hud-root--build .hud-eventlog-wrap{display:none}.hud-build-layer{display:grid;grid-template-rows:auto 1fr;gap:var(--space-sm);padding:calc(var(--space-xl) + var(--safe-top) + 76px) calc(var(--space-md) + var(--safe-right)) calc(var(--space-md) + var(--safe-bottom)) calc(var(--space-md) + var(--safe-left));overflow:hidden}.hud-build-layer .build-menu,.hud-build-context{position:static;width:100%;max-width:none;min-width:0}.hud-build-layer .build-menu{max-height:none;overflow-y:visible}.hud-build-context{max-height:min(58dvh,520px);overflow-y:auto}.hud-build-context .villager-panel,.hud-build-context .rts-building-panel{max-height:none}.village-root--drawer-open.village-root--mode-build,.village-root--drawer-open.village-root--mode-fpp{align-items:stretch;justify-content:stretch;padding:max(var(--space-sm),var(--safe-top)) max(var(--space-sm),var(--safe-right)) max(var(--space-sm),var(--safe-bottom)) max(var(--space-sm),var(--safe-left));background:#06050494}.village-root--drawer-open.village-root--mode-build{padding-top:var(--village-build-top-reserve)}.village-root--mode-build .village-drawer,.village-root--mode-fpp .village-drawer{width:100%;max-height:100%}.village-root--mode-build .village-panel,.village-root--mode-fpp .village-panel{max-height:100%}}.trade-panel{position:fixed;right:var(--space-md);top:calc(var(--space-md) + var(--safe-top) + var(--hud-mid-rail-top));z-index:120;max-width:min(360px,calc(100vw - var(--space-md) * 2))}.trade-panel.hidden{display:none}.trade-panel-inner{padding:var(--space-md);border-radius:var(--radius-md);border:3px solid var(--wood-light);background:linear-gradient(180deg,#3a3028,#2a221c);color:var(--parchment);box-shadow:0 8px 24px #00000073}.trade-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.trade-panel-header h3{margin:0;font-size:1.05rem}.trade-close{border:none;background:transparent;color:var(--parchment);font-size:1.4rem;cursor:pointer;line-height:1}.trade-hint{font-size:.82rem;opacity:.9;margin:0 0 var(--space-sm)}.trade-field,.trade-grid label{display:block;font-size:.85rem;margin-bottom:var(--space-xs)}.trade-select-peer,.trade-in{width:100%;margin-top:4px;padding:6px 8px;border-radius:var(--radius-sm);border:2px solid var(--wood-light);background:#1e1814;color:var(--parchment)}.trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin:var(--space-sm) 0}.trade-send-btn{width:100%;padding:10px;margin-bottom:var(--space-md);cursor:pointer;border-radius:var(--radius-sm);border:2px solid var(--gold);background:#4a3c28;color:var(--parchment);font-weight:600}.trade-incoming-wrap h4{margin:0 0 var(--space-xs);font-size:.95rem}.trade-incoming-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.trade-accept-btn,.trade-reject-btn{flex:1;padding:8px;cursor:pointer;border-radius:var(--radius-sm)}.trade-accept-btn{border:2px solid #4a8a5a;background:#2d4a32;color:var(--parchment)}.trade-reject-btn{border:2px solid #8a4a4a;background:#4a2d2d;color:var(--parchment)}.village-expand-btn{margin-top:var(--space-sm);padding:8px 14px;cursor:pointer;border-radius:var(--radius-sm);border:2px solid var(--hud-edge);background:linear-gradient(180deg,rgba(74,60,40,.9) 0%,var(--hud-surface-soft) 100%);color:var(--parchment);font-family:var(--font-main);box-shadow:var(--shadow-inset),2px 2px #00000059}.main-menu{--mm-pad: clamp(8px, 2.5vw, 20px);--mm-gap: clamp(8px, 1.8vw, 16px);--mm-card-pad: clamp(8px, 2vw, 14px);--mm-touch: clamp(40px, 11vw, 46px);--mm-inner-max: min(520px, calc(100vw - var(--mm-pad) * 2 - var(--safe-left) - var(--safe-right)));position:fixed;inset:0;z-index:200000;display:block;padding:max(var(--mm-pad),var(--safe-top)) max(var(--mm-pad),var(--safe-right)) max(var(--mm-pad),var(--safe-bottom)) max(var(--mm-pad),var(--safe-left));overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:100dvh;min-height:100vh;background:radial-gradient(ellipse 100% 70% at 50% -10%,rgba(90,74,50,.45) 0%,transparent 55%),radial-gradient(ellipse 120% 80% at 50% 100%,#1a1510 0%,var(--bg-primary) 50%);color:var(--text-primary);font-family:var(--font-main);font-size:clamp(13px,1.1vw + 11px,16px);line-height:1.35}.main-menu.hidden{display:none!important}.login-gate.main-menu{z-index:200001}.main-menu-inner{width:100%;max-width:var(--mm-inner-max);margin-inline:auto;display:flex;flex-direction:column;gap:var(--mm-gap);padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}.main-menu-header{text-align:center;margin-bottom:2px;flex-shrink:0;padding-bottom:8px;border-bottom:1px solid rgba(201,162,74,.12)}.main-menu-header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-bottom:4px}.main-menu-header-row .main-menu-title{margin:0}.main-menu-btn--compact{padding:6px 12px;font-size:clamp(12px,.85vw + 10px,14px)}.main-menu-tab.hidden,.main-menu-tab[hidden],.login-gate #lg-pass2-wrap[hidden]{display:none!important}.login-gate-error{color:var(--accent-danger)}.main-menu-title{font-family:var(--font-display);font-size:clamp(.52rem,1.4vw + .28rem,.82rem);color:var(--gold);text-shadow:2px 2px 0 var(--ink);letter-spacing:.06em}.main-menu-tagline{color:var(--text-muted);font-size:clamp(12px,.9vw + 10px,14.5px);margin-top:4px;line-height:1.4;max-width:40ch;margin-left:auto;margin-right:auto}.main-menu-card{background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--mm-card-pad);position:relative;z-index:0}.main-menu-card--step{padding-top:max(6px,var(--space-xs))}.main-menu-step-head{display:flex;align-items:center;gap:clamp(8px,2vw,12px);margin-bottom:var(--space-xs)}.main-menu-step-badge{display:inline-flex;align-items:center;justify-content:center;width:clamp(22px,5.5vw,28px);height:clamp(22px,5.5vw,28px);flex-shrink:0;border-radius:50%;font-family:var(--font-display);font-size:clamp(.32rem,1vw + .15rem,.42rem);font-weight:400;color:var(--ink);background:linear-gradient(145deg,var(--gold) 0%,#8a7038 100%);border:2px solid rgba(0,0,0,.35);box-shadow:0 1px #fff3 inset}.main-menu-card-title{font-family:var(--font-display);font-size:clamp(.42rem,1vw + .22rem,.52rem);color:var(--gold-dim);margin:0;letter-spacing:.04em}.main-menu-card-title--inline{margin-bottom:0}.main-menu-hint{font-size:clamp(12px,.55vw + 11px,14px);color:var(--text-muted);margin-bottom:8px;line-height:1.4}.main-menu-hint--tight{font-size:clamp(11.5px,.5vw + 10.5px,13.5px);margin-bottom:8px}.main-menu-field{display:flex;flex-direction:column;gap:var(--space-xs);max-width:min(100%,22rem)}@media(min-width:520px){.main-menu-field{max-width:min(100%,24rem)}}.main-menu-field span{color:var(--text-secondary);font-size:clamp(12px,.5vw + 11px,14px)}.main-menu-input{font-family:var(--font-main);font-size:clamp(15px,.8vw + 13px,18px);padding:6px 10px;min-height:0;line-height:1.25;border-radius:var(--radius-sm);border:2px solid var(--wood-mid);background:var(--bg-secondary);color:var(--parchment);width:100%;max-width:100%;box-sizing:border-box}.main-menu-input:hover{border-color:var(--gold-dim)}.main-menu-input:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c9a24a40}.main-menu-mode-tabs{display:flex;gap:0;margin-bottom:12px;padding:3px;border-radius:var(--radius-md);background:#00000059;border:1px solid var(--border-subtle);flex-shrink:0}.main-menu-tab{flex:1;font-family:var(--font-main);font-size:clamp(14px,.9vw + 12px,17px);min-height:var(--mm-touch);padding:6px 10px;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:transparent;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.main-menu-tab:hover{color:var(--text-secondary);background:#ffffff0a}.main-menu-tab[aria-selected=true]{color:var(--parchment);background:linear-gradient(180deg,#4d4030,#352a1c);border:1px solid var(--gold-dim);box-shadow:0 1px 3px #00000047}.main-menu-tab:focus-visible{outline:none;box-shadow:0 0 0 3px #c9a24a59}.main-menu-panel{margin-top:4px;margin-bottom:8px;padding-top:2px;animation:main-menu-panel-in .18s ease}.main-menu-panel>.main-menu-hint:first-child{margin-top:0}@keyframes main-menu-panel-in{0%{opacity:.85;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.main-menu-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:max(var(--space-sm),10px)}.main-menu-more{margin-top:max(var(--space-sm),10px);font-size:clamp(.86rem,.8rem + .45vw,.95rem);color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:max(var(--space-sm),10px)}.main-menu-more summary{cursor:pointer;color:var(--text-secondary);user-select:none;min-height:40px;padding-block:4px;display:flex;align-items:center}.main-menu-more summary:hover{color:var(--gold-dim)}.main-menu-more[open] summary{margin-bottom:var(--space-xs)}.main-menu-more p{margin:0;line-height:1.45;font-size:clamp(11px,.45vw + 10px,12.5px)}.main-menu-worlds{list-style:none;padding:0;margin:0 0 4px;display:flex;flex-direction:column;gap:6px}.main-menu-world-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;min-height:var(--mm-touch);border-radius:var(--radius-sm);border:2px solid var(--border-subtle);background:#00000038;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.main-menu-world-row:hover{border-color:#c9a24a59;background:#0000004d}.main-menu-world-row:has(input:checked){border-color:var(--gold);background:#5a4a3252;box-shadow:0 0 0 1px #c9a24a33}.main-menu-world-row--static{flex-direction:column;align-items:stretch;gap:clamp(4px,1.2vw,8px);min-height:auto;padding-bottom:max(12px,2vw)}.main-menu-world-desc{font-size:clamp(11px,.45vw + 10px,12.5px);color:var(--text-muted);line-height:1.35;padding-left:clamp(1.35rem,4.5vw,1.65rem)}.main-menu-world-label{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0;cursor:pointer}.main-menu-world-label input[type=radio]{width:clamp(1.05rem,3vw,1.25rem);height:clamp(1.05rem,3vw,1.25rem);flex-shrink:0;accent-color:var(--gold);cursor:pointer}.main-menu-world-name{font-weight:600;color:var(--parchment);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-menu-world-meta{font-size:clamp(11px,.42vw + 10px,12.5px);color:var(--text-muted);margin-left:auto;flex-shrink:0;white-space:nowrap}@media(max-width:420px){.main-menu-world-label{flex-wrap:wrap}.main-menu-world-row:not(.main-menu-world-row--static) .main-menu-world-meta{flex:1 0 100%;margin-left:0;padding-left:calc(clamp(1.05rem,3vw,1.25rem) + var(--space-sm));white-space:normal}}.main-menu-icon-btn{flex-shrink:0;width:var(--mm-touch);height:var(--mm-touch);min-width:var(--mm-touch);min-height:var(--mm-touch);border-radius:var(--radius-sm);border:1px solid var(--blood);background:#501e1c73;color:var(--parchment);cursor:pointer;font-size:clamp(1.15rem,4vw,1.4rem);line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,transform .1s ease}.main-menu-icon-btn:hover{background:#6e2826a6}.main-menu-icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #c9a24a4d}.main-menu-footer{margin-top:var(--mm-gap);padding-top:10px;display:flex;flex-direction:column;align-items:center;gap:8px;border-top:1px solid rgba(201,162,74,.12);flex-shrink:0}.main-menu-summary{width:100%;text-align:center;font-size:clamp(12px,.55vw + 11px,14px);line-height:1.45;color:var(--text-secondary);padding:8px 10px;margin:0;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#00000040;min-height:auto;display:flex;align-items:center;justify-content:center;word-break:break-word;overflow-wrap:anywhere;hyphens:auto}.main-menu-kbd-hint{margin:0;font-size:clamp(11px,.45vw + 10px,12.5px);color:var(--text-muted);text-align:center;line-height:1.45;max-width:52ch;margin-inline:auto}.main-menu-kbd-hint kbd{display:inline-block;font-family:var(--font-main);font-size:.88em;padding:2px clamp(5px,1.2vw,8px);border-radius:4px;border:1px solid var(--border-subtle);background:#00000059;color:var(--parchment);margin:0 2px}.main-menu-btn{font-family:var(--font-main);font-size:clamp(14px,.75vw + 12px,17px);padding:8px 14px;min-height:var(--mm-touch);border-radius:var(--radius-md);cursor:pointer;border:2px solid var(--border-strong);transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity .15s ease}.main-menu-btn:active:not(:disabled){transform:translate(1px,1px)}.main-menu-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.25)}.main-menu-btn--primary{background:linear-gradient(180deg,#5a4a32,#3d3020);color:var(--parchment);border-color:var(--gold);box-shadow:var(--shadow-glow)}.main-menu-btn--cta{width:100%;max-width:min(100%,300px);min-height:var(--mm-touch);font-size:clamp(15px,.9vw + 13px,18px);font-weight:600}.main-menu-btn--cta:focus-visible{outline:none;box-shadow:var(--shadow-glow),0 0 0 3px #c9a24a66}.main-menu-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary);flex:1;min-width:0}.main-menu-toolbar .main-menu-btn--secondary{width:100%}@media(min-width:900px){.main-menu{--mm-inner-max: min(560px, calc(100vw - var(--mm-pad) * 2 - var(--safe-left) - var(--safe-right)))}}@media(prefers-reduced-motion:reduce){.main-menu-panel{animation:none}}body.vr-mobile-like,body.vr-mobile-like #game-canvas,body.vr-mobile-like #game-canvas canvas{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}.mobile-start-overlays{position:fixed;inset:0;z-index:250000;pointer-events:none}.mobile-fullscreen-prompt,.mobile-orientation-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));background:#0a0806d1;backdrop-filter:blur(5px);pointer-events:auto}.mobile-fullscreen-prompt.hidden{display:none}.mobile-fullscreen-card,.mobile-orientation-card{width:min(520px,calc(100vw - 32px));padding:22px 24px;border:4px solid var(--gold);border-radius:var(--radius-lg);background:linear-gradient(180deg,#372c22fa,#120e0afc);box-shadow:var(--shadow-lg),var(--shadow-inset);text-align:center}.mobile-fullscreen-eyebrow{margin:0 0 8px;color:var(--gold);font-family:var(--font-display);font-size:.62rem;letter-spacing:.04em}.mobile-fullscreen-card h2{margin:0 0 10px;color:var(--parchment);font-family:var(--font-main);font-size:clamp(1.45rem,3.5vw,2.1rem)}.mobile-fullscreen-card p,.mobile-orientation-card p{margin:0;color:var(--parchment);font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.25;text-shadow:1px 1px 0 var(--ink)}.mobile-fullscreen-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.mobile-fullscreen-primary,.mobile-fullscreen-secondary{min-height:48px;padding:10px 16px;border-radius:var(--radius-sm);border:3px solid var(--wood-light);font-family:var(--font-main);font-size:1.1rem;color:var(--parchment);background:linear-gradient(180deg,#5c4838,#3a2d22);box-shadow:var(--shadow-inset),2px 3px #00000073}.mobile-fullscreen-primary{border-color:var(--gold)}.mobile-orientation-overlay{display:none;z-index:2}.mobile-orientation-card{width:min(440px,calc(100vw - 36px))}.mobile-orientation-card p{font-family:var(--font-display);font-size:clamp(1rem,4vw,1.8rem);text-transform:lowercase}.mobile-controls{position:absolute;inset:0;z-index:95;display:none;pointer-events:none}.mobile-joystick{position:absolute;width:118px;height:118px;border-radius:50%;border:3px solid rgba(234,221,199,.38);background:radial-gradient(circle,#d4a84b2b,#120e0a94 72%);box-shadow:var(--shadow-inset),0 8px 20px #00000059;pointer-events:auto;touch-action:none}.mobile-joystick--move{left:calc(18px + var(--safe-left));bottom:calc(24px + var(--safe-bottom))}.mobile-joystick--look{right:calc(18px + var(--safe-right));bottom:calc(24px + var(--safe-bottom))}.mobile-joystick__knob{position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid var(--gold);background:linear-gradient(180deg,#6e5644f0,#34281ef5);box-shadow:var(--shadow-inset),0 0 16px #d4a84b2e}.mobile-joystick__label{position:absolute;left:50%;bottom:-26px;transform:translate(-50%);color:#eaddc7cc;font-size:.95rem;text-shadow:1px 1px 0 var(--ink);pointer-events:none}.mobile-actions{position:absolute;left:50%;bottom:calc(18px + var(--safe-bottom));transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:auto}.mobile-actions.hidden{display:none}.mobile-action{min-width:58px;min-height:48px;padding:8px 10px;border-radius:var(--radius-sm);border:3px solid var(--wood-light);color:var(--parchment);background:linear-gradient(180deg,#5c4838eb,#3a2d22f5);box-shadow:var(--shadow-inset),2px 3px #00000073;font-family:var(--font-main);font-size:1rem;text-shadow:1px 1px 0 var(--ink);touch-action:manipulation}.mobile-action--primary{min-width:70px;border-color:var(--gold)}.mobile-action:active,.mobile-fullscreen-primary:active,.mobile-fullscreen-secondary:active{transform:translate(1px,2px);box-shadow:var(--shadow-press)}@media(orientation:landscape)and (max-width:1280px){body.vr-mobile-like .mobile-controls{display:block}body.vr-mobile-like .hud-telemetry,body.vr-mobile-like .hud-eventlog-wrap{display:none}body.vr-mobile-like .hud-fpp-bottom{transform:translateY(-78px) scale(.86);transform-origin:bottom center}body.vr-mobile-like .build-menu{max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom))}}@media(orientation:landscape)and (max-height:520px){body.vr-mobile-like .mobile-joystick{width:96px;height:96px}body.vr-mobile-like .mobile-joystick__knob{width:40px;height:40px}body.vr-mobile-like .mobile-action{min-width:50px;min-height:42px;padding:6px 8px;font-size:.92rem}body.vr-mobile-like .hud-topbar{transform:scale(.86);transform-origin:top left}}@media(orientation:portrait)and (max-width:920px){body.vr-mobile-like .mobile-orientation-overlay{display:flex}body.vr-mobile-like .mobile-controls,body.vr-mobile-like .mobile-fullscreen-prompt{display:none}}