*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f3ee;--fg: #1a1a1a;--accent: #4a7a8c;--accent-2: #c97b5a;--muted: #8a8a8a;--radius: 12px;--transition: .2s ease-out}@media(prefers-color-scheme:dark){:root{--bg: #1a1a1a;--fg: #f0ede8;--accent: #5a8c9f;--accent-2: #d98b6a;--muted: #6a6a6a}}@media(prefers-reduced-motion:reduce){:root{--transition: 0ms}}html,body{height:100%;width:100%;overflow:hidden;overscroll-behavior-y:none}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,sans-serif;line-height:1.5;position:fixed;top:0;right:0;bottom:0;left:0}#app{position:relative;width:100%;height:100%}.screen{display:none;opacity:0;transform:translateY(8px)}.screen.active{display:block;width:100%;height:100%;overflow:hidden;animation:screen-in var(--transition) forwards}@keyframes screen-in{to{opacity:1;transform:translateY(0)}}:root{--bg: #07070f;--bg-overlay: #0d0d18;--light-inner-0: #fff8e0;--light-mid-0: #ffcc55;--light-outer-0: #ff8800;--light-inner-1: #ffffff;--light-mid-1: #ffe066;--light-outer-1: #ffaa00;--light-inner-2: #ffffff;--light-mid-2: #fff0cc;--light-outer-2: #ddaa66;--scout-mid: #9db4ff;--scout-outer: #2255aa;--hud-fg: #f1ead9;--hud-bg: rgba(8, 8, 16, .66);--hud-border: rgba(160, 165, 210, .16);--btn-fg: #c9c3d2;--btn-bg: rgba(28, 28, 48, .55);--btn-active-border: #ffcf6e;--btn-active-fg: #ffdd88;--surface: rgba(15, 15, 28, .92);--surface-glass: rgba(13, 13, 24, .93);--surface-strip: rgba(8, 8, 16, .6);--surface-raised: rgba(36, 36, 60, .45);--hairline: rgba(160, 165, 210, .14);--backdrop-blur: 16px;--text: #f1ead9;--text-dim: #a7a3b4;--text-faint: #76748a;--text-muted: #5e5c6e;--res-luminance: #ffcf6e;--res-luminance-glow: #ff9d2e;--res-glimmer: #9db4ff;--res-embers: #ff7a4d;--res-embers-deep: #d6452f;--danger: #e0727a;--success: #7fb89a;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num: ui-monospace, "SF Mono", Menlo, monospace;--fs-display: 1.75rem;--fs-card: 1rem;--fs-panel: .875rem;--fs-body: .875rem;--fs-num: .9375rem;--fs-micro: .6875rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-chip: 999px;--radius-tile: 14px;--radius-panel: 22px;--radius-icon: 12px;--touch-min: 44px;--shadow-panel: 0 -12px 40px rgba(0, 0, 0, .5);--glow-warm: 0 0 24px -6px rgba(255, 180, 70, .55);--glow-hero: 0 0 54px -4px rgba(255, 140, 60, .85)}[data-screen=world]{position:relative;width:100vw;height:100dvh;overflow:hidden;background:var(--bg)}#world-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none;will-change:transform;transform:translateZ(0)}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"top" "middle" "bottom"}#hud-top{grid-area:top;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4) 0;pointer-events:none;overflow:hidden;box-sizing:border-box;max-width:100vw}#hud-resources{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-2);flex:0 1 auto;min-width:0;max-width:75%;overflow:hidden;padding:8px var(--space-4);background:var(--surface-strip);border:1px solid var(--hairline);border-radius:var(--radius-chip);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--font-num);font-size:var(--fs-num);font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:0;pointer-events:all;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-height:var(--touch-min);position:relative;transition:box-shadow .16s ease-out;touch-action:manipulation}#hud-resources:active{box-shadow:0 0 0 2px #ffcf6e40}.hud-res-item{display:flex;align-items:center;gap:var(--space-1)}.hud-res-mark{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.hud-res-value{font-family:var(--font-num);font-size:var(--fs-num);font-variant-numeric:tabular-nums;color:var(--text)}.hud-res-rate{font-size:.75rem;color:var(--text-faint);margin-left:var(--space-1)}.hud-res-sep{width:3px;height:3px;border-radius:50%;background:var(--hairline);flex-shrink:0}#hud-embers-item{display:flex;align-items:center;gap:var(--space-1)}#hud-embers-item[hidden]{display:none}@media(max-width:420px){#hud-resources{gap:var(--space-1) var(--space-1);padding:8px var(--space-3)}.hud-res-mark{width:13px;height:13px}.hud-res-value{font-size:.82rem}.hud-res-rate,.hud-res-sep{display:none}}#hud-secondary{display:flex;gap:var(--space-2);pointer-events:all;align-items:flex-start;justify-content:flex-end;padding:0;flex:0 1 auto;min-width:0}.hud-ready-chip{position:fixed;top:calc(var(--space-3) + 40px + var(--space-2));left:var(--space-4);z-index:52;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:99px;background:#0f0c1ad1;border:1px solid rgba(255,207,110,.28);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-size:.73rem;color:var(--text);pointer-events:all;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;animation:ready-chip-in .3s ease-out both}.hud-ready-chip:active{opacity:.75;transform:scale(.96)}.hud-ready-chip[hidden]{display:none}.hud-ready-chip__dot{width:6px;height:6px;border-radius:50%;background:var(--res-luminance, #ffcf6e);flex-shrink:0}.hud-ready-chip__count{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--res-luminance, #ffcf6e);font-size:.8rem}.hud-ready-chip__label{color:var(--text-faint)}@keyframes ready-chip-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.hud-ready-chip__dot{animation:ready-dot-pulse 2.4s ease-in-out infinite}@keyframes ready-dot-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #ffcf6e73}50%{opacity:.7;transform:scale(1.25);box-shadow:0 0 0 4px #ffcf6e00}}}.hud-away-rate{position:fixed;top:calc(var(--space-3) + 40px + var(--space-2));right:var(--space-4);z-index:51;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:99px;background:#0f0c1ab8;border:1px solid var(--hairline);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-size:.73rem;color:var(--text-faint);pointer-events:none;-webkit-user-select:none;user-select:none;max-width:46vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hud-away-rate[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.hud-away-rate{animation:ready-chip-in .3s ease-out both}}@media(max-width:420px){.hud-away-rate{font-size:.68rem;padding:var(--space-1) var(--space-2);max-width:50vw}}#hud-middle{grid-area:middle;pointer-events:none}#hud-bottom{grid-area:bottom;pointer-events:none;position:relative;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 var(--space-4) max(var(--space-5),env(safe-area-inset-bottom,20px))}#action-stack{position:absolute;left:var(--space-4);bottom:calc(max(var(--space-5),env(safe-area-inset-bottom,20px)) + 64px + var(--space-3));visibility:hidden;pointer-events:none;opacity:0;transform:translateY(10px) scale(.96);transform-origin:bottom left;transition:opacity .15s ease-out,transform .2s cubic-bezier(.2,.9,.3,1.15),visibility 0s linear .2s}#action-stack.open{visibility:visible;pointer-events:all;opacity:1;transform:translateY(0) scale(1);transition:opacity .15s ease-out,transform .2s cubic-bezier(.2,.9,.3,1.15),visibility 0s}#hud-buttons{display:flex;flex-direction:column-reverse;align-items:stretch;gap:var(--space-2);padding:var(--space-2);background:var(--surface-strip);border:1px solid var(--hairline);border-radius:var(--radius-panel);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));pointer-events:all;width:150px;box-shadow:0 8px 28px #00000073}#hud-buttons .hud-btn{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);min-height:48px}#action-fab{position:relative;pointer-events:all;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:64px;height:64px;padding:9px 4px 4px;box-sizing:border-box;border-radius:50%;background:#281e06eb;border:1px solid var(--btn-active-border);color:var(--btn-active-fg);box-shadow:var(--glow-warm),0 4px 16px #0006;font-family:var(--font-ui);font-size:.5625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .14s ease-out,box-shadow .16s ease-out}#action-fab-label{max-width:56px;text-align:center;line-height:1.02;white-space:normal;overflow-wrap:break-word;word-break:break-word}#action-fab:before{content:"";position:absolute;top:4px;left:50%;width:6.5px;height:6.5px;border-left:2px solid currentColor;border-top:2px solid currentColor;border-radius:1px;transform:translate(-50%) translateY(1px) rotate(45deg);opacity:.6;transition:transform .22s cubic-bezier(.2,.9,.3,1.15),opacity .16s ease-out}#action-fab[aria-expanded=true]:before{transform:translate(-50%) translateY(-1px) rotate(225deg);opacity:.9}#action-fab:active{transform:scale(.94)}#action-fab[aria-expanded=true]{box-shadow:var(--glow-warm),0 0 0 2px #ffcf6e59,0 4px 16px #0006}#action-fab .hud-btn-icon{width:26px;height:26px}#action-fab-pin{position:absolute;top:3px;right:4px;color:var(--res-luminance);opacity:.9;pointer-events:none;line-height:1}#action-fab-pin[hidden]{display:none}#fab-drawer-recents{display:flex;flex-direction:column;gap:var(--space-1);pointer-events:all;flex:0 0 auto}#fab-drawer-recents[hidden]{display:none}.fab-recent-btn{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);min-height:48px;display:flex;align-items:center;background:var(--btn-bg);border:1px solid var(--hairline);border-radius:var(--radius-icon, 10px);color:var(--btn-fg, #c9c3d2);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 8px #0000004d;transition:background .12s ease-out,border-color .12s ease-out,transform .1s ease-out;position:relative;overflow:visible;font-family:var(--font-ui);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;width:100%}.fab-recent-btn:active{transform:scale(.93)}.fab-recent-btn--active{border-color:var(--btn-active-border, rgba(255, 207, 110, .6));background:#322408eb;box-shadow:var(--glow-warm),0 2px 10px #0006}.fab-recent-btn__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fab-recent-btn__label{font-family:var(--font-ui);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-dim);flex:1 1 auto}.fab-recent-btn__pin{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--res-luminance, #ffcf6e);box-shadow:0 0 4px #ffcf6e99;flex-shrink:0;display:none}.fab-recent-btn--pinned .fab-recent-btn__pin{display:block}.fab-recent-btn--active .fab-recent-btn__label{color:var(--btn-active-fg, #ffd060)}.fab-recent-btn--unaffordable{opacity:.45;cursor:default}.fab-recent-btn--unaffordable .fab-recent-btn__label{color:var(--text-muted, #5a5670)}@media(prefers-reduced-motion:reduce){.fab-recent-btn{transition:none}}.build-submenu-caret{margin-left:auto;display:flex;align-items:center;color:var(--btn-active-fg, #ffd060);opacity:.55;flex-shrink:0}.hud-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--space-2);background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--hairline);border-radius:var(--radius-icon);font-family:var(--font-ui);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .12s ease-out,border-color .12s ease-out,box-shadow .16s ease-out,color .12s ease-out;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:var(--touch-min);min-width:var(--touch-min);flex:1 1 0}.hud-btn:active:not(:disabled){background:#3c3c64e0;color:var(--text)}.hud-btn:disabled{opacity:.4;cursor:not-allowed}.hud-btn.active-mode{border-color:var(--btn-active-border);color:var(--btn-active-fg);background:#282008bf;box-shadow:var(--glow-warm)}#btn-flare{position:relative;flex:1.4 1 0;min-height:56px;border-radius:var(--radius-tile);font-size:.75rem}#btn-flare.active-mode{background:#281e06e0;box-shadow:var(--glow-warm),0 0 0 1px #ffcf6e4d}.hud-btn-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hud-btn-icon svg{display:block}.hud-btn-caret{position:absolute;top:4px;right:4px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:var(--btn-active-fg, #ffd060);opacity:.75;pointer-events:auto;transition:opacity .12s ease-out}.hud-btn-caret[hidden]{display:none}#btn-build:hover .hud-btn-caret,#btn-build.active-mode .hud-btn-caret{opacity:1}#btn-build,#btn-more{position:relative}#hud-mode-label{position:fixed;bottom:110px;left:50%;transform:translate(-50%);font-family:var(--font-ui);font-size:var(--fs-micro);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);pointer-events:none;white-space:nowrap;opacity:.8}.hud-blueprint-hint{position:fixed;bottom:130px;left:50%;transform:translate(-50%);font-family:var(--font-ui);font-size:var(--fs-micro);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-lum, #ffcc55);pointer-events:none;white-space:nowrap;opacity:.92;text-shadow:0 0 8px rgba(255,180,40,.6);animation:blueprint-hint-breathe 2.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.hud-blueprint-hint{animation:none}}@keyframes blueprint-hint-breathe{0%,to{opacity:.75}50%{opacity:.98}}#hud-luminance,#hud-rate,#hud-glimmer,#hud-claimed,#hud-embers{display:none}.return-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0000008c;padding:var(--space-4)}.return-modal[hidden]{display:none}.return-modal-panel{background:var(--surface-glass);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--hairline);border-radius:var(--radius-panel);padding:var(--space-6) var(--space-6) var(--space-5);min-width:260px;max-width:360px;width:100%;display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-panel),var(--glow-warm)}.return-modal-title{margin:0;font-family:var(--font-ui);font-size:var(--fs-panel);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.return-modal-time{margin:0;font-family:var(--font-ui);font-size:var(--fs-body);color:var(--text-dim)}.return-modal-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-3);background:var(--surface-raised);border:1px solid var(--hairline);border-radius:var(--radius-tile)}.return-modal-row[hidden]{display:none}.return-modal-label{font-family:var(--font-ui);font-size:var(--fs-body);color:var(--text-dim)}.return-modal-value{font-family:var(--font-num);font-size:var(--fs-num);font-variant-numeric:tabular-nums;color:var(--res-luminance);font-weight:600}.return-modal-btn{margin-top:var(--space-2);padding:10px var(--space-5);background:var(--btn-bg);color:var(--btn-active-fg);border:1px solid var(--btn-active-border);border-radius:var(--radius-tile);font-family:var(--font-ui);font-size:var(--fs-body);font-weight:600;cursor:pointer;align-self:flex-end;min-height:var(--touch-min);transition:background .12s ease-out,box-shadow .16s ease-out;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.return-modal-btn:active{background:#3c3c64e0;box-shadow:var(--glow-warm);color:var(--text)}.return-modal-cap{margin:0;font-family:var(--font-ui);font-size:var(--fs-micro);color:var(--text-dim);line-height:1.5;padding:var(--space-2) var(--space-3);background:#ffcf6e0a;border:1px solid rgba(255,207,110,.14);border-radius:var(--radius-chip)}.return-modal-cap[hidden]{display:none}.daily-bonus-toast{position:fixed;top:62px;right:var(--space-4);left:auto;transform:translateY(0);max-width:78vw;z-index:480;padding:10px var(--space-5);background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,207,110,.35);border-radius:var(--radius-chip);font-family:var(--font-ui);font-size:var(--fs-body);color:var(--text);letter-spacing:0;pointer-events:none;white-space:normal;overflow-wrap:break-word;text-align:center;opacity:1;transition:opacity .6s ease-out;box-shadow:0 4px 20px #00000080}.daily-bonus-toast--fade{opacity:0}.achievement-toast{border-color:#7fb89a66;color:var(--success)}.hub-toast{pointer-events:all;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}.hub-toast:active{background:#ffffff1f;transform:scale(.97)}@media(prefers-reduced-motion:reduce){.daily-bonus-toast{transition:none}}.onboarding-tip{position:fixed;left:50%;bottom:130px;transform:translate(-50%) translateY(12px);width:min(340px,calc(100vw - 32px));z-index:600;padding:var(--space-4) var(--space-5);background:var(--surface-glass);border:1px solid rgba(255,207,110,.3);border-radius:var(--radius-tile);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #0000008c,var(--glow-warm);opacity:0;pointer-events:none;transition:opacity .28s ease-out,transform .28s ease-out;overflow-wrap:break-word;word-break:break-word}.onboarding-tip--visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:all}.onboarding-tip--no-motion,.onboarding-tip--no-motion.onboarding-tip--visible{transition:none;transform:translate(-50%) translateY(0)}.onboarding-tip__heading{margin:0 0 var(--space-1) 0;font-family:var(--font-ui);font-size:var(--fs-body);font-weight:600;color:var(--res-luminance);letter-spacing:.01em}.onboarding-tip__body{margin:0;font-family:var(--font-ui);font-size:var(--fs-body);color:var(--text-dim);line-height:1.45}.onboarding-tip__dismiss{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-icon);color:var(--text-faint);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0;flex-shrink:0}.onboarding-tip__dismiss:active{color:var(--text);background:#ffffff14}.onboarding-tip__arrow{position:absolute;left:50%;transform:translate(-50%);width:16px;height:9px;pointer-events:none}.onboarding-tip__arrow--top{top:-9px}.onboarding-tip__arrow--top:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid rgba(255,207,110,.3)}.onboarding-tip__arrow--top:after{content:"";position:absolute;bottom:1px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #0d0d18}.onboarding-tip__arrow--bottom{bottom:-9px;top:auto}.onboarding-tip__arrow--bottom:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid rgba(255,207,110,.3)}.onboarding-tip__arrow--bottom:after{content:"";position:absolute;top:1px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #0d0d18}.onboarding-tip--anchored{left:auto;bottom:auto;transform:translateY(8px)}.onboarding-tip--anchored.onboarding-tip--visible{transform:translateY(0)}@keyframes onboarding-anchor-pulse{0%,to{box-shadow:0 0 #ffcf6e00}45%{box-shadow:0 0 0 5px #ffcf6e73}}.onboarding-anchor--pulse{animation:onboarding-anchor-pulse 1.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.onboarding-tip{transition:none;transform:translate(-50%) translateY(0)}.onboarding-anchor--pulse{animation:none}}@keyframes orb-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.04);opacity:.85}}.orb-breathe{animation:orb-breathe 4.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.orb-breathe{animation:none}}#more-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:490;display:flex;align-items:flex-end;justify-content:center;background:#00000073;padding-bottom:max(var(--space-5),env(safe-area-inset-bottom,20px));pointer-events:all;touch-action:none}#more-menu[hidden]{display:none}#more-menu-panel{width:100%;max-width:360px;background:var(--surface-glass);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--hairline);border-radius:var(--radius-panel) var(--radius-panel) var(--radius-icon) var(--radius-icon);box-shadow:var(--shadow-panel);padding:var(--space-3) var(--space-4) var(--space-4);margin:0 var(--space-4) 76px}.more-menu-grabber{width:36px;height:4px;background:var(--hairline);border-radius:2px;margin:0 auto var(--space-3)}.more-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.more-menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--surface-raised);border:1px solid var(--hairline);border-radius:var(--radius-tile);color:var(--text-dim);font-family:var(--font-ui);font-size:var(--fs-micro);font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;min-height:64px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .12s ease-out,color .12s ease-out,border-color .12s ease-out}.more-menu-btn:active{background:#ffcf6e14;border-color:#ffcf6e4d;color:var(--text)}.more-menu-icon{display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.more-menu-btn:active .more-menu-icon{color:var(--res-luminance)}.more-menu-label{color:var(--text-faint)}.more-menu-btn:active .more-menu-label{color:var(--text)}@keyframes res-lum-breathe{0%,to{filter:drop-shadow(0 0 3px rgba(255,207,110,.25));opacity:1}50%{filter:drop-shadow(0 0 7px rgba(255,207,110,.55));opacity:.9}}@keyframes res-glim-twinkle{0%,to{transform:rotate(0) scale(1);opacity:1}25%{opacity:.65}50%{transform:rotate(22deg) scale(1.08);opacity:1}75%{opacity:.75}}@keyframes res-ember-flicker{0%,to{transform:scaleY(1) skew(0);filter:drop-shadow(0 0 3px rgba(255,122,77,.35))}18%{transform:scaleY(1.05) skew(-1deg);filter:drop-shadow(0 0 6px rgba(255,122,77,.6))}35%{transform:scaleY(.97) skew(1.2deg);filter:drop-shadow(0 0 2px rgba(255,122,77,.25))}55%{transform:scaleY(1.03) skew(-.8deg);filter:drop-shadow(0 0 8px rgba(255,122,77,.65))}75%{transform:scaleY(.99) skew(.5deg);filter:drop-shadow(0 0 4px rgba(255,122,77,.4))}}@media(prefers-reduced-motion:no-preference){#hud-lum-item .hud-res-mark svg{animation:res-lum-breathe 4.5s ease-in-out infinite}#hud-glim-item .hud-res-mark svg{animation:res-glim-twinkle 5.2s ease-in-out infinite;transform-origin:center}#hud-embers-item .hud-res-mark svg{animation:res-ember-flicker 2.8s ease-in-out infinite;transform-origin:bottom center}}@keyframes num-pop{0%{transform:scale(1);color:inherit}28%{transform:scale(1.06);color:var(--res-luminance)}65%{transform:scale(1.03)}to{transform:scale(1);color:inherit}}@keyframes num-pop-big{0%{transform:scale(1);color:inherit}20%{transform:scale(1.11);color:var(--res-luminance)}55%{transform:scale(1.05)}to{transform:scale(1);color:inherit}}@keyframes num-pop-glimmer{0%{transform:scale(1);color:inherit}28%{transform:scale(1.08);color:var(--res-glimmer)}65%{transform:scale(1.03)}to{transform:scale(1);color:inherit}}@keyframes num-pop-embers{0%{transform:scale(1);color:inherit}28%{transform:scale(1.08);color:var(--res-embers)}65%{transform:scale(1.03)}to{transform:scale(1);color:inherit}}@media(prefers-reduced-motion:no-preference){.num-pop{animation:num-pop .15s ease-out forwards}.num-pop-big{animation:num-pop-big .2s ease-out forwards}.num-pop--glimmer{animation:num-pop-glimmer .15s ease-out forwards}.num-pop--embers{animation:num-pop-embers .15s ease-out forwards}}.hud-btn{will-change:transform}@media(prefers-reduced-motion:no-preference){.hud-btn:active:not(:disabled){transform:scale(.94);transition:transform 80ms ease-out,background .12s ease-out,border-color .12s ease-out,box-shadow .16s ease-out,color .12s ease-out}.hud-btn:not(:active):not(:disabled){transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .12s ease-out,border-color .12s ease-out,box-shadow .16s ease-out,color .12s ease-out}.more-menu-btn:active{transform:scale(.96);transition:transform 80ms ease-out,background .12s ease-out,color .12s ease-out,border-color .12s ease-out}.more-menu-btn:not(:active){transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .12s ease-out,color .12s ease-out,border-color .12s ease-out}}.panel-scroll,.objectives-panel__list,.up-panel__content,.codex-panel__body,.stats-panel__body,#build-menu-list{scrollbar-width:thin;scrollbar-color:rgba(255,207,110,.18) transparent}.panel-scroll::-webkit-scrollbar,.objectives-panel__list::-webkit-scrollbar,.up-panel__content::-webkit-scrollbar,.codex-panel__body::-webkit-scrollbar,.stats-panel__body::-webkit-scrollbar,#build-menu-list::-webkit-scrollbar{width:3px}.panel-scroll::-webkit-scrollbar-track,.objectives-panel__list::-webkit-scrollbar-track,.up-panel__content::-webkit-scrollbar-track,.codex-panel__body::-webkit-scrollbar-track,.stats-panel__body::-webkit-scrollbar-track,#build-menu-list::-webkit-scrollbar-track{background:transparent}.panel-scroll::-webkit-scrollbar-thumb,.objectives-panel__list::-webkit-scrollbar-thumb,.up-panel__content::-webkit-scrollbar-thumb,.codex-panel__body::-webkit-scrollbar-thumb,.stats-panel__body::-webkit-scrollbar-thumb,#build-menu-list::-webkit-scrollbar-thumb{background:#ffcf6e2e;border-radius:2px}:focus-visible{outline:2px solid var(--res-luminance);outline-offset:2px}:focus:not(:focus-visible){outline:none}.res-mark{display:inline-block;vertical-align:middle;flex-shrink:0}.res-chip{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-num, var(--font-ui));font-size:.78rem;font-weight:600;white-space:nowrap}.res-chip--luminance{color:var(--res-luminance)}.res-chip--glimmer{color:var(--res-glimmer)}.res-chip--embers{color:var(--res-embers)}.tree-node__cost-item{display:inline-flex;align-items:center;gap:3px}.hearth-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;display:flex;align-items:flex-end;justify-content:center;padding:0 0 max(env(safe-area-inset-bottom),12px) 0;background:#00000873;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.hearth-info-overlay[hidden]{display:none}.hearth-info-card{background:var(--surface-glass);border:1px solid rgba(255,200,80,.18);border-radius:18px 18px 14px 14px;width:min(420px,96vw);max-height:70vh;overflow-y:auto;padding:20px 20px max(env(safe-area-inset-bottom),20px);box-shadow:0 0 40px #ffa01e1f,0 8px 32px #0000008c}.hearth-info-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.hearth-info-title-wrap{flex:1;min-width:0}.hearth-info-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;background:#ffb4281a;border:1px solid rgba(255,180,40,.22);border-radius:10px;margin-top:2px}.hearth-info-title{font-size:1.05rem;font-weight:600;color:var(--hud-fg);margin:0 0 2px;line-height:1.2}.hearth-info-subtitle{font-size:.78rem;color:#c8c3dca6;margin:0;line-height:1.4}.hearth-info-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:#ffffff12;border-radius:8px;cursor:pointer;color:var(--btn-fg);flex-shrink:0;padding:0;transition:background .15s}.hearth-info-close:hover{background:#ffffff21}.hearth-info-body{display:flex;flex-direction:column;gap:10px}.hearth-info-stat-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#ffffff0a;border-radius:8px;border:1px solid rgba(255,200,80,.09)}.hearth-info-stat-label{font-size:.82rem;color:#c8c3dcb3}.hearth-info-stat-val{font-size:.92rem;font-weight:600;color:#ffd778eb;font-variant-numeric:tabular-nums}.hearth-info-blurb{font-size:.76rem;color:#b4afcd80;line-height:1.5;margin:4px 0 0;padding:0 2px}.hearth-info-stat-row--tappable{cursor:pointer;border-color:#ffc8502e;transition:background .12s,border-color .12s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hearth-info-stat-row--tappable:hover,.hearth-info-stat-row--tappable:focus-visible{background:#ffc85017;outline:none}.hearth-info-stat-row--tappable:active{background:#ffc85024}.hearth-info-stat-hint{color:#ffc85066;display:flex;align-items:center;flex-shrink:0}.world-info-overlay{align-items:center;background:#000008b3;padding:16px}.world-info-overlay .hearth-info-card{max-height:84vh;border-radius:16px}.world-info-overlay .hearth-info-blurb strong{color:#ffd778d9}.world-info-overlay .hearth-info-blurb ul{margin:.5rem 0 0 1.2rem;padding:0;list-style:disc}.world-info-overlay .hearth-info-blurb li{margin-bottom:.3rem}.light-level-explainer .hearth-info-blurb strong{color:#ffd778d9}.light-level-explainer .hearth-info-blurb ul{list-style:disc;padding-left:1.1rem}.light-level-explainer .hearth-info-blurb li{margin-bottom:.35rem}.hub-dawn-banner__progress-btn,.hub-dawn-banner__track-btn{display:block;width:100%;background:transparent;border:none;padding:0;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hub-dawn-banner__progress-btn{display:flex;align-items:center;justify-content:space-between}.hub-dawn-banner__progress-btn:active{opacity:.8}.hub-dawn-banner__track-btn{height:4px;border-radius:2px;overflow:hidden;margin-top:6px}.hub-dawn-banner__world--tappable{cursor:pointer;background:transparent;border:none;padding:0;display:flex;width:100%;align-items:center;justify-content:space-between;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hub-dawn-banner__world--tappable:active{opacity:.8}
