:root{--zm-color-ground-500: #9d8a65;--zm-color-water-500: #76b6c7;--zm-color-plant-500: #80ad62;--zm-color-light-500: #f2ca66;--zm-color-surface-0: #fbf8eb;--zm-color-surface-1: rgba(255, 252, 238, .82);--zm-color-surface-2: rgba(248, 245, 228, .94);--zm-color-surface-glass: rgba(255, 252, 238, .72);--zm-color-text-strong: #243429;--zm-color-text-soft: #5c6e5d;--zm-color-focus: #406fdb;--zm-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--zm-font-display: Georgia, "Times New Roman", serif;--zm-space-1: 4px;--zm-space-2: 8px;--zm-space-3: 12px;--zm-space-4: 16px;--zm-space-5: 20px;--zm-space-6: 24px;--zm-space-8: 32px;--zm-touch-min: 44px;--zm-motion-fast: .12s;--zm-motion-standard: .22s;--zm-motion-slow: .48s;--zm-ease-restorative: cubic-bezier(.2, .8, .2, 1);--zm-shadow-rest: 0 18px 70px rgba(62, 89, 66, .16);--zm-shadow-lift: 0 16px 42px rgba(62, 89, 66, .18);color:var(--zm-color-text-strong);background:#edf6dd;font-family:var(--zm-font-sans)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 80% 8%,rgba(246,215,122,.48),transparent 26rem),radial-gradient(circle at 12% 42%,rgba(118,182,199,.2),transparent 18rem),linear-gradient(180deg,#edf6dd,#f8f5e7 52%,#d6e8c6)}button{font:inherit}button:focus-visible,[role=dialog]:focus-visible{outline:3px solid var(--zm-color-focus);outline-offset:3px}.loading-shell{min-height:100vh;display:grid;place-items:center;align-content:center;gap:var(--zm-space-4);color:var(--zm-color-text-soft)}.loading-shell svg{width:44px;height:44px}.game-shell{width:min(1240px,100%);margin:0 auto;padding:max(var(--zm-space-3),env(safe-area-inset-top)) var(--zm-space-4) max(var(--zm-space-5),env(safe-area-inset-bottom))}.hero-panel{width:min(760px,100%);margin:0 auto var(--zm-space-3);text-align:center}.eyebrow{margin:0 0 var(--zm-space-2);color:#59785c;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;color:var(--zm-color-text-strong);font-family:var(--zm-font-display);font-weight:650;letter-spacing:0}h1{font-size:clamp(1.9rem,4.6vw,3.7rem);line-height:.92}h2{font-size:clamp(1.15rem,2.2vw,1.75rem);line-height:1.08}.hero-copy,.side-panel p,.dialog-content p,.dialog-content span{color:var(--zm-color-text-soft);line-height:1.5}.hero-copy{width:min(620px,100%);margin:var(--zm-space-2) auto 0;font-size:.98rem}.play-layout{display:grid;grid-template-columns:minmax(218px,.78fr) minmax(320px,520px) minmax(218px,.78fr);align-items:start;gap:var(--zm-space-3)}.side-panel,.board-shell{border:1px solid rgba(255,255,255,.62);background:var(--zm-color-surface-1);box-shadow:var(--zm-shadow-rest);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.side-panel{min-height:240px;border-radius:8px;padding:var(--zm-space-4)}.compact-panel h2{font-size:clamp(1.05rem,1.8vw,1.36rem)}.compact-panel p{margin-block:var(--zm-space-2) 0;font-size:.92rem}.play-value{display:inline-flex;width:fit-content;margin-top:var(--zm-space-2);padding:3px 8px;border:1px solid rgba(66,111,75,.22);border-radius:999px;color:#426f4b;background:#dceec7a3;font-size:.68rem;font-weight:900;text-transform:uppercase}.objective-panel{display:grid;gap:var(--zm-space-4)}.progress-root{position:relative;width:100%;height:12px;overflow:hidden;border-radius:999px;background:#59785c2e}.progress-indicator{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7fb06b,#f2ca66);transition:transform var(--zm-motion-slow) var(--zm-ease-restorative)}.progress-copy{margin:0;font-weight:800}.goal-request,.resource-strip{border:1px solid rgba(89,120,92,.18);border-radius:8px;background:#ffffff85}.goal-request{min-height:72px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--zm-space-3);padding:var(--zm-space-3)}.goal-request span{grid-row:span 2;width:44px;height:44px;display:grid;place-items:center;border-radius:999px;color:#fff;background:#426f4b;font-weight:900}.goal-request strong,.goal-request small{display:block}.goal-request small{color:var(--zm-color-text-soft);font-weight:800;text-transform:uppercase}.guidance-panel{display:grid;grid-template-columns:22px 1fr;gap:var(--zm-space-3);align-items:start;border:1px solid rgba(89,120,92,.2);border-radius:8px;padding:var(--zm-space-3);background:linear-gradient(135deg,#fffdf2c7,#dceec77a)}.guidance-panel.ready{border-color:#e0a94070;box-shadow:0 10px 28px #f2ca6624}.guidance-panel svg{width:20px;height:20px;margin-top:1px;color:#426f4b}.guidance-panel span,.guidance-panel strong,.guidance-panel small{display:block}.guidance-panel span{color:var(--zm-color-text-soft);font-size:.78rem;font-weight:750;line-height:1.32}.guidance-panel strong{margin-top:3px;color:var(--zm-color-text-strong);font-size:.9rem;line-height:1.28}.guidance-panel small{margin-top:5px;color:#243429ad;font-size:.72rem;font-weight:800;line-height:1.3}.resource-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--zm-space-2);padding:var(--zm-space-2)}.resource-strip span{display:grid;gap:1px;color:var(--zm-color-text-soft);font-size:.72rem;font-weight:800;text-align:center}.resource-strip strong{color:var(--zm-color-text-strong);font-size:1rem}.panel-note{margin:var(--zm-space-3) 0 0;font-size:.92rem}.guide-button{min-height:var(--zm-touch-min);border:1px solid rgba(89,120,92,.24);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:var(--zm-space-2);color:#315837;background:#ffffff85;font-weight:900;cursor:pointer}.guide-button svg{width:18px;height:18px}.feedback-banner{display:grid;grid-template-columns:24px 1fr;gap:var(--zm-space-3);align-items:start;border:1px solid rgba(89,120,92,.18);border-radius:8px;padding:var(--zm-space-3);background:#ffffff85;animation:feedback-in var(--zm-motion-slow) var(--zm-ease-restorative)}.feedback-banner.success,.feedback-banner.milestone,.feedback-banner.complete{background:linear-gradient(135deg,#fff7d7eb,#dceec7e6);box-shadow:0 12px 34px #7fb06b2e}.feedback-banner.milestone{border-color:#7fb06b75}.feedback-banner.complete{border-color:#f2ca668f}.feedback-banner svg{width:22px;height:22px;color:#426f4b}.feedback-banner strong,.feedback-banner span{display:block}.feedback-banner strong{color:var(--zm-color-text-strong)}.feedback-banner span{margin-top:2px;color:var(--zm-color-text-soft);line-height:1.35}.wildlife-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--zm-space-2)}.wildlife-grid span{min-height:var(--zm-touch-min);display:grid;place-items:center;gap:1px;border:1px solid rgba(89,120,92,.24);border-radius:8px;color:#2434297a;background:#ffffff57;font-weight:800}.wildlife-grid small{color:inherit;font-size:.66rem;font-weight:800;opacity:.72;text-transform:uppercase}.wildlife-grid .awake{color:#315837;background:#dceec7e6;animation:soft-pulse 1.3s var(--zm-ease-restorative)}.board-shell{position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#fffcee94,#edf6ddbd),var(--zm-color-surface-glass)}.board-canvas-host{width:100%;aspect-ratio:720 / 820;min-height:0}.pixi-canvas{width:100%!important;height:100%!important;display:block;touch-action:manipulation}.merge-preview{display:grid;grid-template-columns:1fr minmax(112px,.28fr);gap:var(--zm-space-3);align-items:center;padding:var(--zm-space-3);border-top:1px solid rgba(255,255,255,.68);background:#fffceeb8}.merge-preview div{display:grid;gap:2px}.merge-preview span{color:var(--zm-color-text-soft);font-size:.78rem;font-weight:800;text-transform:uppercase}.merge-preview strong{color:var(--zm-color-text-strong);line-height:1.25}.merge-preview small{color:#243429ad;font-size:.72rem;font-weight:800;line-height:1.25}.merge-preview.ready{background:linear-gradient(90deg,#fff7d7e6,#dceec7d6)}.board-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--zm-space-2);padding:var(--zm-space-3);border-top:1px solid rgba(255,255,255,.68);background:#fffceec7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.icon-button,.primary-button,.secondary-button,.danger-button{min-height:var(--zm-touch-min);border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:var(--zm-space-2);cursor:pointer;transition:transform var(--zm-motion-fast) var(--zm-ease-restorative),background var(--zm-motion-fast)}.icon-button{padding:var(--zm-space-2);color:#294d32;background:#fffceee0;box-shadow:0 10px 28px #39583a1a;font-weight:800}.icon-button svg,.secondary-button svg,.danger-button svg{width:18px;height:18px}.icon-button:hover,.primary-button:hover,.secondary-button:hover,.danger-button:hover{transform:translateY(-1px);box-shadow:var(--zm-shadow-lift)}.icon-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.48;transform:none;box-shadow:none}.merge-action{background:#426f4b;color:#fff}.region-map-content{width:min(900px,calc(100vw - 28px))}.region-map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:var(--zm-space-3);margin-block:var(--zm-space-4)}.region-tile{min-height:132px;border:1px solid rgba(73,91,64,.16);border-radius:var(--zm-radius-md);padding:var(--zm-space-4);background:linear-gradient(135deg,color-mix(in srgb,var(--region-accent, #f2ca66) 18%,white),#ffffffe6),var(--zm-surface);color:var(--zm-ink);text-align:left;display:grid;align-content:space-between;gap:var(--zm-space-2);cursor:pointer}.region-tile strong,.region-tile span,.region-tile small{display:block}.region-tile span,.region-tile small{color:var(--zm-muted);font-size:.78rem}.region-tile strong{font-size:1rem}.region-tile.active{border-color:var(--zm-ink);box-shadow:0 0 0 2px #435c3a1c}.region-tile.planned{opacity:.58;cursor:not-allowed}.primary-button{width:100%;padding:0 var(--zm-space-4);color:#fff;background:#426f4b;font-weight:900}.secondary-button{width:100%;padding:0 var(--zm-space-4);color:#426f4b;background:#426f4b1f;font-weight:900}.danger-button{width:100%;padding:0 var(--zm-space-4);color:#fff;background:#8d4438;font-weight:900}.watch-reveal-button{min-height:var(--zm-touch-min);width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--zm-space-2);margin-top:var(--zm-space-4);border:1px solid rgba(242,202,102,.46);border-radius:8px;color:#315837;background:linear-gradient(135deg,#fff7d7f5,#dceec7e0);box-shadow:0 12px 30px #7fb06b24;font-weight:900}.watch-reveal-button svg{width:18px;height:18px}.milestone-list{list-style:none;margin:var(--zm-space-4) 0 0;padding:0;display:grid;gap:var(--zm-space-3)}.milestone-list li{display:grid;grid-template-columns:20px 1fr;gap:var(--zm-space-2);align-items:center;color:#24342980;line-height:1.35}.milestone-list li.complete{color:#315837;font-weight:800;animation:feedback-in var(--zm-motion-slow) var(--zm-ease-restorative)}.milestone-list svg{width:18px;height:18px}.moment-toast{position:fixed;z-index:34;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 32px));min-height:142px;display:grid;grid-template-columns:128px 1fr;gap:var(--zm-space-4);align-items:center;padding:12px 18px 12px 12px;border:1px solid rgba(255,255,255,.78);border-radius:8px;color:var(--zm-color-text-strong);background:linear-gradient(135deg,#fffceef5,#dceec7eb),#fffced;box-shadow:0 34px 120px #14261b5c,0 0 0 1px #f2ca6633 inset;overflow:hidden;pointer-events:none;animation:moment-toast-in .62s var(--zm-ease-restorative),moment-toast-glow 2.2s .26s var(--zm-ease-restorative),moment-toast-out .7s 3.95s var(--zm-ease-restorative) forwards}.moment-toast:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 12%,rgba(255,255,255,.46) 38%,transparent 62%);transform:translate(-115%);animation:moment-toast-sheen 1.9s .32s var(--zm-ease-restorative)}.moment-toast img{width:100%;aspect-ratio:1;display:block;object-fit:cover;border-radius:7px;box-shadow:0 16px 40px #3e59423d}.moment-toast span,.moment-toast strong,.moment-toast small{display:block}.moment-toast span{color:#426f4b;font-size:.72rem;font-weight:900;text-transform:uppercase}.moment-toast strong{margin-top:4px;font-family:var(--zm-font-display);font-size:clamp(1.8rem,5.4vw,2.75rem);line-height:.98}.moment-toast small{margin-top:9px;color:var(--zm-color-text-soft);font-size:.92rem;font-weight:750;line-height:1.28}.moment-toast.reduced{animation:moment-toast-in .18s ease-out,moment-toast-out .2s 3s ease-in forwards}.ecosystem-reveal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:clamp(18px,4vw,52px);color:#fffdf2;isolation:isolate;overflow:hidden;animation:ecosystem-reveal-hold 9.8s linear forwards}.ecosystem-reveal-backdrop{position:absolute;inset:-5%;z-index:-3;background-image:url(../art/generated/meadow-backdrop-v1.png);background-size:cover;background-position:center;filter:saturate(1.18) brightness(.72);transform:scale(1.08);animation:ecosystem-backdrop 9.6s var(--zm-ease-restorative) forwards}.ecosystem-reveal-vignette{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 42%,rgba(255,236,170,.26),transparent 30%),linear-gradient(180deg,#182d1f2e,#0d1f15b8);animation:ecosystem-light 6.2s .9s var(--zm-ease-restorative) forwards}.ecosystem-reveal:before,.ecosystem-reveal:after{content:"";position:absolute;inset:auto -12% -10%;height:38%;z-index:-1;background:radial-gradient(ellipse at 18% 80%,rgba(139,198,125,.34),transparent 34%),radial-gradient(ellipse at 80% 75%,rgba(242,202,102,.24),transparent 36%);filter:blur(14px);transform:translateY(24%);animation:ecosystem-bloom 2.8s 1.2s var(--zm-ease-restorative) forwards}.ecosystem-reveal:after{inset:-12% -10% auto;height:42%;background:radial-gradient(ellipse at 28% 22%,rgba(157,209,232,.22),transparent 34%),radial-gradient(ellipse at 68% 8%,rgba(255,240,178,.3),transparent 36%);transform:translateY(-22%);animation-delay:1.7s}.ecosystem-reveal-content{width:min(720px,100%);display:grid;justify-items:center;text-align:center;padding:clamp(18px,5vw,42px);border:1px solid rgba(255,255,255,.52);border-radius:8px;background:#1e37266b;box-shadow:0 36px 100px #08180e57,0 0 0 1px #f2ca6629 inset;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);animation:ecosystem-content .82s .52s var(--zm-ease-restorative) both}.ecosystem-reveal-content .eyebrow{color:#ffeaa5}.ecosystem-reveal-content h2{max-width:11ch;color:#fffdf2;font-size:clamp(2.7rem,9vw,6rem);line-height:.88;text-wrap:balance}.ecosystem-reveal-content p:not(.eyebrow){max-width:56ch;margin-top:var(--zm-space-4);color:#fffdf2e0;font-size:clamp(1rem,2.4vw,1.18rem);line-height:1.55}.ecosystem-moment-row{width:min(560px,100%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(6px,1.6vw,12px);margin-top:var(--zm-space-5)}.ecosystem-moment-row img{width:100%;aspect-ratio:1;object-fit:cover;border:2px solid rgba(255,253,242,.76);border-radius:8px;box-shadow:0 18px 38px #0c201357;opacity:0;transform:translateY(24px) scale(.82) rotate(-2deg);animation:ecosystem-card .9s calc(1.2s + var(--delay)) var(--zm-ease-restorative) forwards}.ecosystem-close{width:min(260px,100%);margin-top:var(--zm-space-5);background:#fff8cf;color:#315837;box-shadow:0 14px 36px #08180e47;animation:ecosystem-action .62s 2.8s var(--zm-ease-restorative) both}.ecosystem-wildlife{position:absolute;inset:0;pointer-events:none}.ecosystem-wildlife img{position:absolute;width:clamp(78px,12vw,152px);aspect-ratio:1;object-fit:cover;border:1px solid rgba(255,253,242,.58);border-radius:999px;box-shadow:0 22px 56px #08180e47;opacity:0;filter:saturate(1.1)}.ecosystem-wildlife img:nth-child(1){left:clamp(12px,9vw,132px);top:clamp(76px,18vh,190px);animation:ecosystem-wildlife-left 2.6s 2.1s var(--zm-ease-restorative) forwards}.ecosystem-wildlife img:nth-child(2){right:clamp(12px,9vw,132px);bottom:clamp(92px,16vh,180px);animation:ecosystem-wildlife-right 2.6s 2.45s var(--zm-ease-restorative) forwards}.ecosystem-wildlife img:nth-child(3){left:50%;bottom:clamp(18px,7vh,72px);transform:translate(-50%);animation:ecosystem-wildlife-center 2.6s 2.9s var(--zm-ease-restorative) forwards}.ecosystem-reveal.reduced,.ecosystem-reveal.reduced *,.ecosystem-reveal.reduced *:before,.ecosystem-reveal.reduced *:after{animation-duration:1ms!important;animation-delay:1ms!important}.dialog-overlay{position:fixed;inset:0;z-index:20;background:#23342952;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-content{position:fixed;z-index:21;left:50%;top:50%;width:min(560px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));overflow:auto;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.74);border-radius:8px;padding:var(--zm-space-6);background:#fffced;box-shadow:0 28px 90px #1c2c2247;animation:dialog-in var(--zm-motion-standard) var(--zm-ease-restorative)}.dialog-content h2{margin-bottom:var(--zm-space-3)}.dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--zm-space-3);margin-top:var(--zm-space-5)}.moment-pop{text-align:center;background:radial-gradient(circle at 50% 0%,rgba(246,215,122,.35),transparent 18rem),#fffced}.moment-pop h2{font-size:clamp(2rem,8vw,3.8rem)}.moment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--zm-space-3);margin:var(--zm-space-5) 0}.moment-card{min-height:172px;border:1px solid rgba(89,120,92,.2);border-radius:8px;padding:var(--zm-space-4);background:#edf6dd6b}.moment-card.unlocked{background:linear-gradient(160deg,#fff7d7,#e6f3d8)}.moment-card p{margin:0 0 var(--zm-space-2);color:var(--zm-color-text-strong);font-family:var(--zm-font-display);font-size:1.2rem}.moment-image{display:block;width:100%;aspect-ratio:16 / 7;height:auto;object-fit:cover;object-position:center;border-radius:7px;margin-bottom:var(--zm-space-3);box-shadow:inset 0 0 0 1px #ffffff94,0 10px 24px #3e59421f;opacity:.45}.moment-card.unlocked .moment-image{opacity:1}.settings-content{display:grid;gap:var(--zm-space-4)}.guide-content{background:radial-gradient(circle at 18% 0%,rgba(127,176,107,.26),transparent 16rem),radial-gradient(circle at 90% 18%,rgba(242,202,102,.22),transparent 14rem),#fffced}.guide-top-action{position:sticky;top:calc(var(--zm-space-6) * -1);z-index:2;display:flex;justify-content:flex-end;margin:var(--zm-space-4) calc(var(--zm-space-6) * -1) 0;padding:var(--zm-space-3) var(--zm-space-6);background:linear-gradient(180deg,#fffcedfa,#fffceddb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.guide-top-action .primary-button{min-width:168px}.guide-art{width:100%;display:block;aspect-ratio:16 / 9;object-fit:cover;border:1px solid rgba(89,120,92,.18);border-radius:8px;margin:var(--zm-space-5) 0 var(--zm-space-4)}.guide-atlas{width:100%;display:block;aspect-ratio:3 / 2;object-fit:contain;background:#ffffff94;border:1px solid rgba(89,120,92,.14);border-radius:8px;padding:var(--zm-space-2);margin:0 0 var(--zm-space-4)}.guide-steps{margin:0 0 var(--zm-space-5);padding:0;display:grid;gap:var(--zm-space-3);list-style:none}.guide-steps li{display:grid;gap:3px;border:1px solid rgba(89,120,92,.16);border-radius:8px;padding:var(--zm-space-3);background:#ffffff80}.guide-steps strong{color:var(--zm-color-text-strong)}.guide-steps span{color:var(--zm-color-text-soft)}.setting-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:var(--zm-space-4);border:1px solid rgba(89,120,92,.16);border-radius:8px;padding:var(--zm-space-3) var(--zm-space-4);background:#ffffff7a;font-weight:800}.setting-row span{display:inline-flex;align-items:center;gap:var(--zm-space-2)}.setting-row svg{width:18px;height:18px}.switch-root{width:48px;height:28px;border:0;border-radius:999px;background:#59785c42;padding:2px}.switch-root[data-state=checked]{background:#426f4b}.switch-thumb{display:block;width:24px;height:24px;border-radius:999px;background:#fff;transform:translate(0);transition:transform var(--zm-motion-fast) var(--zm-ease-restorative)}.switch-root[data-state=checked] .switch-thumb{transform:translate(20px)}.sr-board{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sr-board:focus-within{position:static;width:auto;height:auto;clip:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:var(--zm-space-3);background:#fffced}.sr-board button{min-height:var(--zm-touch-min)}@media(max-width:1050px){.play-layout{grid-template-columns:1fr;width:min(620px,100%);margin-inline:auto}.board-shell{order:1}.objective-panel{order:2}.journal-panel{order:3}}@media(max-width:640px){.game-shell{padding-inline:var(--zm-space-3);padding-top:max(var(--zm-space-3),env(safe-area-inset-top));padding-bottom:max(var(--zm-space-3),env(safe-area-inset-bottom))}.hero-panel{text-align:left;margin-bottom:var(--zm-space-3);padding:0}h1{font-size:1.42rem;line-height:1}.hero-copy{font-size:.82rem}.eyebrow{margin-bottom:var(--zm-space-1)}.side-panel{padding:var(--zm-space-4)}.objective-panel{gap:var(--zm-space-3)}.journal-panel{display:none}.board-actions{grid-template-columns:repeat(4,minmax(62px,1fr));padding:var(--zm-space-2);gap:var(--zm-space-1)}.merge-preview{grid-template-columns:1fr;gap:var(--zm-space-2)}.moment-toast{width:min(358px,calc(100vw - 28px));grid-template-columns:96px 1fr;min-height:112px;padding:10px 12px 10px 10px}.moment-toast strong{font-size:clamp(1.38rem,8vw,2rem)}.moment-toast small{font-size:.78rem}.icon-button{min-height:52px;flex-direction:column;gap:2px;font-size:.68rem}.icon-button.merge-action{grid-column:span 2}.region-map-content{width:min(100vw - 20px,460px)}.region-map-grid{grid-template-columns:1fr;gap:var(--zm-space-2);max-height:min(56vh,520px);overflow:auto;padding-right:2px}.region-tile{min-height:96px;padding:var(--zm-space-3)}.moment-grid,.dialog-actions{grid-template-columns:1fr}.guide-top-action{top:calc(var(--zm-space-4) * -1);margin-inline:calc(var(--zm-space-4) * -1);padding-inline:var(--zm-space-4)}.guide-top-action .primary-button{width:100%}.ecosystem-moment-row{grid-template-columns:repeat(3,minmax(0,1fr))}.ecosystem-wildlife img{width:82px}.ecosystem-close{width:100%}}@keyframes feedback-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 10px)) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes moment-toast-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 24px)) scale(.9);filter:blur(8px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}@keyframes moment-toast-glow{0%,to{box-shadow:0 24px 70px #1c2c2238,0 0 0 1px #f2ca6629 inset}50%{box-shadow:0 28px 88px #7fb06b47,0 0 0 1px #f2ca6657 inset}}@keyframes moment-toast-sheen{to{transform:translate(115%)}}@keyframes moment-toast-out{to{opacity:0;transform:translate(-50%,calc(-50% - 18px)) scale(.98);filter:blur(5px)}}@keyframes ecosystem-reveal-hold{0%,88%{opacity:1}to{opacity:0}}@keyframes ecosystem-backdrop{0%{transform:scale(1.12);filter:saturate(.9) brightness(.52) blur(2px)}42%{filter:saturate(1.24) brightness(.78) blur(0)}to{transform:scale(1);filter:saturate(1.2) brightness(.8) blur(0)}}@keyframes ecosystem-light{0%{opacity:.35}to{opacity:1}}@keyframes ecosystem-bloom{to{transform:translateY(0);opacity:1}}@keyframes ecosystem-content{0%{opacity:0;transform:translateY(24px) scale(.96);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes ecosystem-card{70%{opacity:1;transform:translateY(-4px) scale(1.06) rotate(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes ecosystem-action{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ecosystem-wildlife-left{0%{opacity:0;transform:translate(-28px,18px) scale(.72)}to{opacity:.96;transform:translate(0) scale(1)}}@keyframes ecosystem-wildlife-right{0%{opacity:0;transform:translate(32px,18px) scale(.72)}to{opacity:.96;transform:translate(0) scale(1)}}@keyframes ecosystem-wildlife-center{0%{opacity:0;transform:translate(-50%,30px) scale(.72)}to{opacity:.94;transform:translate(-50%) scale(1)}}@keyframes soft-pulse{0%{transform:scale(1)}45%{transform:scale(1.04)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}.celebration-layer{position:absolute;inset:0 0 68px;z-index:3;overflow:hidden;pointer-events:none}.celebration-layer:before{content:"";position:absolute;left:50%;top:52%;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(255,240,184,.46),transparent 68%);transform:translate(-50%,-50%) scale(.35);animation:celebration-halo 1.2s var(--zm-ease-restorative) forwards}.celebration-layer.small:before{width:120px;height:120px}.celebration-layer.complete:before{width:260px;height:260px}.celebration-layer span{position:absolute;left:50%;top:52%;width:9px;height:5px;border-radius:999px 999px 999px 2px;background:#f3d2d2;box-shadow:0 0 12px #f2ca6657;transform:translate(-50%,-50%) rotate(var(--rot));animation:celebration-petal 1.25s var(--zm-ease-restorative) forwards;animation-delay:var(--delay)}.celebration-layer span:nth-child(3n){width:6px;height:6px;background:#f2ca66}.celebration-layer span:nth-child(3n+1){width:7px;height:7px;border-radius:999px;background:#8ec5cfd9}.celebration-layer.reduced span,.celebration-layer.reduced:before{animation-duration:1ms}@keyframes celebration-halo{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}28%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.15)}}@keyframes celebration-petal{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--rot)) scale(.45)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(calc(var(--rot) + 95deg)) scale(1.08)}}