:root{--ink:#3a3a2c;--ink-soft:#84826e;--paper:#faf5e8;--paper-2:#f0e8d4;--cream:#fffdf6;--green:#4a7c59;--green-deep:#3d6749;--green-2:#7cb564;--rose:#b5707a;--gold:#c9913f;--line:#e2d8bd;--shadow:0 10px 36px #2b332147;--radius:16px;--world-void:#26301f;--backdrop:#1a1f1280;--panel-edge:#d9c89a;--surface-float:#faf5e8f0;--surface-float-solid:#faf5e8fa;--surface-float-97:#faf5e8f7;--field:#fff;--cream-lift:#fffdf6;--track:#e4dcc2;--kbd-line:#cfc4a4;--stamp-ink:#b0a98c;--on-accent:#fff;--bubble:#2b3321d1;--bubble-strong:#2b3321e6;--bubble-ink:#f0e8d4;--bubble-accent:#c2dba8;--tint-leaf:#7aa85a24;--tint-leaf-strong:#7aa85a2e;--tint-gold:#c9913f24;--good-bg:#eff6e9;--good-line:#aecf9f;--good-ink:#3d6749;--bad-bg:#f8e9e4;--bad-line:#e0b5a8;--bad-ink:#a33c2e;--danger-solid:#b04030;--danger-deep:#8a3022;--violet:#7a5aa0;--disc-1:#eef6e3;--disc-2:#dcebca;--disc-line:#cfe0b6;--preview-1:#dcebc8;--preview-2:#c2dba8;--sil-bg:#6a6856;--sil-known-bg:#dedbd2;--sil-ink:#f0e8d4;--hud-left-w:324px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-storybook-display:"Fredoka", "Trebuchet MS", sans-serif;--font-storybook-body:"Quicksand", "Avenir", "Segoe UI", sans-serif;--font-rounded:ui-rounded, "SF Pro Rounded", Nunito, Avenir, "Segoe UI", sans-serif;--font-classic:Georgia, "Iowan Old Style", "Times New Roman", serif;--font-plain:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-typewriter:ui-monospace, "SF Mono", Menlo, Consolas, "Courier New", monospace;--font-display:var(--font-storybook-display);--font-body:var(--font-storybook-body)}:root:lang(es){--hud-left-w:372px}*{box-sizing:border-box}html,body,#root{height:100%;font-family:var(--font-body);background:var(--world-void);color:var(--ink);margin:0;font-weight:500}h1,h2,h3,.game-title,.hud-area-name{font-family:var(--font-display);letter-spacing:.2px;font-weight:500}h2{align-items:center;gap:8px;display:flex}h2 svg{color:var(--green);flex-shrink:0}button{font-family:var(--font-body);background:var(--cream);border:1.5px solid var(--line);cursor:pointer;color:var(--ink);border-radius:12px;padding:6px 13px;font-weight:600;transition:transform 80ms,background .15s,box-shadow .15s;position:relative}button:hover:not(:disabled){background:var(--paper-2);transform:translateY(-1px)}button:hover:not(:disabled):after{content:"";border-radius:inherit;position:absolute;inset:0 0 -4px}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.45;cursor:default}button.on{background:var(--green);color:var(--on-accent);border-color:var(--green)}button.on .muted{color:var(--on-accent);opacity:.78}button.link{color:var(--green);background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.materials-link{align-items:center;gap:6px;margin:6px 0 14px;display:inline-flex}.icon-btn{width:42px;height:42px;color:var(--green-deep);border-radius:14px;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 2px #2b332114}.icon-btn.on{color:var(--on-accent)}.icon-btn.subtle{color:var(--ink-soft)}.icon-btn:focus{outline:none}.icon-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}input{font-family:var(--font-body);font-weight:500;font-size:calc(15px * var(--ui-scale));color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0}.welcome{justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.welcome-sky{background:linear-gradient(#1f2a3a 0%,#3a4a4a 34%,#b5764f 72%,#d9985f 86%,#c9884f 100%);position:absolute;inset:0}.welcome-sky:after{content:"";background:radial-gradient(circle,#ffe9b8 0%,#ffd98a55 55%,#0000 70%);border-radius:50%;width:130px;height:130px;margin-left:-260px;position:absolute;top:56%;left:50%}.welcome-scenery{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.welcome-scenery [class]{transform-box:fill-box}.firefly{animation:5s ease-in-out infinite drift}.firefly.f1{animation-duration:6.4s;animation-delay:1s}.firefly.f2{animation-duration:7.6s;animation-delay:2.2s}.firefly.f3{animation-duration:8.8s;animation-delay:3.1s}@keyframes drift{0%,to{opacity:.15;transform:translate(0)}50%{opacity:.95;transform:translate(8px,-12px)}}.cloud{animation:90s linear infinite cloud-drift}.cloud.c1{animation-duration:120s;animation-delay:-70s}.cloud.c2{animation-duration:105s;animation-delay:-30s}@keyframes cloud-drift{0%{transform:translate(-160px)}to{transform:translate(1160px)}}.flock{animation:44s linear -6s infinite flock-fly}@keyframes flock-fly{0%{transform:translate(-140px,150px)}50%{transform:translate(500px,110px)}to{transform:translate(1140px,150px)}}.bird-wings{transform-origin:50%;animation:.32s ease-in-out infinite alternate wing-flap}.bird-wings.w1{animation-delay:.12s}@keyframes wing-flap{0%{transform:scaleY(1)}to{transform:scaleY(.3)}}.willow-fronds{transform-origin:50% 0;animation:7s ease-in-out infinite willow-sway}@keyframes willow-sway{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}.owl-eyes{transform-origin:50%;animation:5.5s infinite owl-blink}@keyframes owl-blink{0%,91%,to{transform:scaleY(1)}94%,96%{transform:scaleY(.08)}}.deer-head{transform-origin:20% 95%;animation:9s ease-in-out infinite deer-graze}@keyframes deer-graze{0%,42%,to{transform:rotate(0)}52%,82%{transform:rotate(34deg)}}.campfire-flame{transform-origin:50% 100%;animation:.9s ease-in-out infinite flame-flicker}@keyframes flame-flicker{0%,to{transform:scale(1)}30%{transform:scale(.94,1.07)}65%{transform:scale(1.05,.93)}}.smoke{opacity:0;animation:4.2s ease-out infinite smoke-rise}.smoke.s1{animation-delay:1.4s}.smoke.s2{animation-delay:2.8s}@keyframes smoke-rise{0%{opacity:0;transform:translateY(0)scale(.8)}18%{opacity:.45}to{opacity:0;transform:translateY(-52px)scale(1.7)}}.squirrel-tail{transform-origin:90% 90%;animation:3.4s infinite tail-twitch}@keyframes tail-twitch{0%,68%,to{transform:rotate(0)}74%{transform:rotate(-14deg)}80%{transform:rotate(5deg)}86%{transform:rotate(-9deg)}}.butterfly-drift{animation:16s ease-in-out infinite meander0}.butterfly-drift.bd1{animation-name:meander1;animation-duration:19s;animation-delay:-7s}@keyframes meander0{0%,to{transform:translate(470px,498px)rotate(-6deg)}30%{transform:translate(516px,476px)rotate(8deg)}55%{transform:translate(552px,500px)rotate(-4deg)}80%{transform:translate(500px,508px)rotate(6deg)}}@keyframes meander1{0%,to{transform:translate(430px,506px)rotate(5deg)}28%{transform:translate(388px,480px)rotate(-8deg)}55%{transform:translate(452px,470px)rotate(4deg)}78%{transform:translate(486px,496px)rotate(-5deg)}}.butterfly-wings{transform-origin:50%;animation:.36s ease-in-out infinite alternate wings-flap}@keyframes wings-flap{0%{transform:scaleX(1)}to{transform:scaleX(.35)}}.run-across.rabbit-run{animation:30s linear infinite run-right}.run-across.fox-run{animation:38s linear -14s infinite run-left}@keyframes run-right{0%{transform:translate(-90px)}to{transform:translate(1090px)}}@keyframes run-left{0%{transform:translate(1120px)}to{transform:translate(-140px)}}.rabbit-hop{animation:.85s cubic-bezier(.4,0,.6,1) infinite hop}@keyframes hop{0%,to{transform:translateY(0)}45%{transform:translateY(-13px)}}.fox-trot{animation:.42s ease-in-out infinite alternate trot}@keyframes trot{0%{transform:translateY(0)}to{transform:translateY(-2.5px)}}.grass{transform-origin:50% 100%;animation:4.5s ease-in-out infinite grass-sway}.grass.gr1{animation-duration:5.6s;animation-delay:-1.8s}.grass.gr2{animation-duration:3.8s;animation-delay:-.9s}@keyframes grass-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.menu-links{justify-content:center;gap:8px;display:flex}.menu-links .big-btn{flex:0 auto;padding-top:6px;padding-bottom:6px}.menu-links+.menu-links{margin-top:-8px}.lang-panel{width:320px}.lang-panel .lang-options{flex-direction:column;gap:10px;display:flex}.lang-panel .big-btn span{text-align:center;flex:1}.settings-pair{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 28px;margin:0 0 12px;display:flex}.settings-pair>.craft-filter{flex:0 auto;min-width:0;margin:0}.lang-filter select{border:none}.lang-filter select:focus{outline:none}.welcome-stack{z-index:2;flex-direction:column;align-items:center;gap:26px;max-height:96vh;padding:10px 0;display:flex;position:relative}.welcome-card{z-index:2;background:var(--paper);border:2.5px solid var(--panel-edge);width:560px;max-width:94vw;min-height:0;max-height:92vh;box-shadow:var(--shadow);text-align:center;border-radius:22px;padding:26px 38px 24px;position:relative;overflow-y:auto}.game-title{font-size:calc(52px * var(--ui-scale));color:var(--green);text-shadow:0 2px #fff,0 4px #4a7c592e;margin:0}.welcome-title{font-size:calc(68px * var(--ui-scale));letter-spacing:1.5px;color:#faf3dd;text-shadow:0 2px #2b332166,0 6px 26px #1f2a3a99,0 0 44px #ffd98a47;animation:6.5s ease-in-out infinite title-breathe}@keyframes title-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.tagline{color:var(--ink-soft);margin:0 0 18px;font-style:italic}.menu-buttons{flex-direction:column;align-items:stretch;gap:10px;padding:4px 30px 8px;display:flex}.big-btn{font-size:calc(17px * var(--ui-scale));border:1.5px solid var(--line);border-radius:15px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-weight:600;display:inline-flex}.big-btn.primary{background:var(--green);color:var(--on-accent);border-color:var(--green-deep);box-shadow:0 3px 0 var(--green-deep)}.big-btn.primary:hover:not(:disabled){background:var(--green-deep)}.big-btn.subtle{box-shadow:none;color:var(--ink-soft);background:0 0;border-color:#0000}.welcome-card-wide{width:860px;padding-left:28px;padding-right:28px}.welcome-card-wide .form-actions{z-index:1;background:var(--paper);box-shadow:0 -12px 14px -8px var(--paper);margin-top:16px;padding:12px 0;position:sticky;bottom:-25px}.creator{text-align:left}.creator-cols{align-items:flex-start;gap:20px;display:flex}.creator-preview{background:linear-gradient(180deg, var(--preview-1), var(--preview-2));border:1.5px solid var(--line);border-radius:18px;flex-shrink:0;padding:12px 10px 2px}.creator-options{flex-direction:column;flex:1;gap:9px;min-width:0;display:flex}.field{background:var(--cream);border:1.5px solid var(--line);color:var(--ink-soft);border-radius:12px;align-items:center;gap:9px;padding:9px 13px;display:flex}.field:focus-within{border-color:var(--green)}.dice-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px;transition:color .15s,transform .15s;display:inline-flex}.dice-btn:hover{color:var(--green);transform:rotate(20deg)}.tasks-hint{vertical-align:-2px;color:var(--ink-soft);opacity:.75;cursor:help;margin-left:5px;display:inline-flex;position:relative}.tasks-hint:hover,.tasks-hint:focus-visible{opacity:1;color:var(--green);outline:none}.tasks-hint-tip{z-index:50;width:max-content;max-width:min(240px,60vw);font-size:calc(12px * var(--ui-scale));color:var(--ink-soft);text-align:left;background:var(--cream);border:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;border-radius:9px;padding:7px 10px;line-height:1.4;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-2px);box-shadow:0 4px 14px #00000024}.tasks-hint:hover .tasks-hint-tip,.tasks-hint:focus-within .tasks-hint-tip{opacity:1;visibility:visible;transform:translateY(0)}.swatch-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swatch-label{width:auto;min-width:44px;font-size:calc(12.5px * var(--ui-scale));color:var(--ink-soft);flex-shrink:0;font-weight:700}.swatch-label-next{margin-left:18px}.swatch-btn{border:2px solid #00000026;border-radius:50%;width:24px;height:24px;padding:0}.swatch-btn.sel{border:2.5px solid var(--ink);box-shadow:0 0 0 2px var(--field) inset;transform:scale(1.18)}.swatch-pick{cursor:pointer;border:1.5px solid var(--line);background:var(--cream);width:26px;height:26px;color:var(--ink-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:2px;display:inline-flex;position:relative;overflow:hidden}.swatch-pick:hover{border-color:var(--green);color:var(--green)}.swatch-pick input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.hat-btn{font-size:calc(12.5px * var(--ui-scale));border-radius:10px;padding:4px 10px}.hat-btn.sel{background:var(--green);color:var(--on-accent);border-color:var(--green)}.form-actions{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:14px;display:flex}.form-actions.end{justify-content:flex-end}.form-error{color:var(--bad-ink);background:var(--bad-bg);border:1.5px solid var(--bad-line);font-size:calc(13.5px * var(--ui-scale));border-radius:10px;justify-content:center;align-items:center;gap:6px;margin:10px 0 0;padding:7px 12px;display:flex}.form-notice{color:var(--good-ink);background:var(--good-bg);border:1.5px solid var(--good-line);font-size:calc(13.5px * var(--ui-scale));border-radius:10px;justify-content:center;align-items:center;gap:6px;margin:10px 0 0;padding:7px 12px;display:flex}.delete-save-btn{width:100%;color:var(--bad-ink);font-size:calc(13px * var(--ui-scale));background:0 0;border:1.5px dashed #d8a89e;justify-content:center;align-items:center;gap:6px;margin-top:14px;padding:8px;display:flex}.delete-save-btn:hover:not(:disabled){background:var(--bad-bg)}.big-btn.danger{color:var(--bad-ink)}.big-btn.danger-solid{background:var(--danger-solid);color:#fff;border-color:var(--danger-deep);box-shadow:0 3px 0 var(--danger-deep)}.big-btn.danger-solid:hover:not(:disabled){background:#9a3628}.build-stamp{font-size:calc(11px * var(--ui-scale));color:var(--stamp-ink);text-align:center;margin:14px 0 0}.game-screen{height:100%;position:relative;overflow:hidden}.game-host{position:absolute;inset:0}.game-host canvas{border-radius:4px;margin:0 auto;display:block}.hud-top-left,.hud-top-right{z-index:10;background:var(--surface-float);border:1.5px solid var(--line);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:18px;align-items:center;gap:8px;padding:10px 14px;display:flex;position:absolute;top:12px;box-shadow:0 4px 16px #21291940}.hud-top-left{flex-direction:column;align-items:stretch;min-width:248px;left:12px}.hud-top-right{gap:6px;padding:8px 10px;right:12px}.nav-group{flex-direction:column;align-items:center;gap:2px;display:flex}.nav-group+.nav-group{border-left:1.5px solid var(--line);margin-left:0;padding-left:6px}.nav-group-label{font-family:var(--font-display);font-size:calc(9px * var(--ui-scale));letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);line-height:1}.nav-group-btns{align-items:center;gap:4px;display:flex}.nav-group:has(.nav-group-btns:empty){display:none}.nav-toggle{color:var(--ink-soft);align-self:center}.nav-toggle:hover{color:var(--green-deep)}.hud-top-right.nav-collapsed{gap:0;padding:6px}.hud-area-name{font-size:calc(18px * var(--ui-scale));color:var(--green-deep);align-items:center;gap:7px;display:flex}.hud-returned{font-size:calc(12.5px * var(--ui-scale));color:var(--ink-soft);align-items:center;gap:6px;display:flex}.hud-returned-total{font-size:calc(11px * var(--ui-scale));opacity:.72;margin-top:1px}.hud-home-perk{font-size:calc(11.5px * var(--ui-scale));color:var(--green-deep);align-items:center;gap:5px;margin-top:3px;font-weight:600;display:flex}.hud-home-tracks{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.hud-home-track{font-size:calc(9.5px * var(--ui-scale));color:var(--ink-soft);background:var(--tint-leaf);white-space:nowrap;border:1px solid #7aa85a47;border-radius:999px;padding:.5px 6px}.hud-home-track.maxed{color:var(--green-deep);background:var(--tint-leaf-strong);border-color:#7aa85a8c;font-weight:700}.hud-cozy{--cozy-accent:var(--green-2);width:100%;font:inherit;text-align:left;cursor:help;background:0 0;border:0;flex-direction:column;gap:3px;margin-top:5px;padding:0;display:flex;position:relative}.hud-cozy:focus-visible,.hud-buff:focus-visible{outline:2px solid var(--green);outline-offset:2px}.hud-cozy.tier-bare{--cozy-accent:#b8b3a0}.hud-cozy.tier-snug,.hud-cozy.tier-cozy{--cozy-accent:var(--green)}.hud-cozy.tier-beloved{--cozy-accent:var(--green-deep)}.hud-cozy-head{font-size:calc(11px * var(--ui-scale));color:var(--cozy-accent);align-items:baseline;gap:6px;display:flex}.hud-cozy-head b{font-family:var(--font-display);letter-spacing:.2px}.hud-cozy-count{font-size:calc(10px * var(--ui-scale));color:var(--ink-soft);margin-left:auto;font-weight:600}.hud-cozy-track{background:var(--track);border-radius:999px;height:6px;position:relative;overflow:hidden}.hud-cozy-fill{background:var(--cozy-accent);border-radius:999px;height:100%;transition:width .42s cubic-bezier(.22,1,.36,1)}.hud-cozy-notch{background:var(--surface-float-solid);width:2px;height:100%;position:absolute;top:0;transform:translate(-50%)}.hud-home-buffs{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.hud-buff{font-family:inherit;font-size:calc(10.5px * var(--ui-scale));white-space:nowrap;background:var(--tint-leaf);color:var(--green-deep);cursor:help;border:1px solid #7aa85a4d;border-radius:999px;outline:none;align-items:center;gap:4px;padding:1.5px 8px;font-weight:600;display:inline-flex;position:relative}.hud-buff b{font-weight:800}.hud-buff:hover,.hud-buff:focus-visible{background:var(--tint-leaf-strong);border-color:var(--green)}.hud-buff-rested{background:var(--tint-gold);color:#8a5f1d;border-color:#c9913f66}.hud-buff-rested:hover,.hud-buff-rested:focus-visible{background:#c9913f33;border-color:#c9913fa6}.hud-buff-pop{z-index:40;background:var(--surface-float-solid);border:1.5px solid var(--line);width:max-content;max-width:250px;font-size:calc(11px * var(--ui-scale));color:var(--ink);white-space:normal;text-align:left;pointer-events:none;border-radius:12px;flex-direction:column;gap:3px;padding:8px 10px;font-weight:500;line-height:1.45;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 6px 20px #21291947}.hud-buff-pop b{color:var(--green-deep);font-weight:700}.hud-buff-pop .pop-rule{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:3px;padding-top:4px}.hud-buff:hover .hud-buff-pop,.hud-buff:focus-visible .hud-buff-pop,.hud-cozy:hover .hud-buff-pop,.hud-cozy:focus-visible .hud-buff-pop{display:flex}.hud-cozy-pop{top:calc(100% + 4px)}.hud-cozy:hover,.hud-cozy:focus-within,.hud-buff:hover,.hud-buff:focus-within{z-index:41}.hud-cozy:hover:not(:disabled){background:0 0;transform:none}@media (min-width:901px){.hud-cozy-pop{top:0;left:calc(100% + 10px)}}.hud-cozy.cozy-flash .hud-cozy-head{animation:1.6s ease-out cozy-pop}.hud-cozy.cozy-flash .hud-cozy-track{animation:1.6s ease-out cozy-glow}@keyframes cozy-pop{0%{transform:scale(1)}22%{transform:scale(1.1)}45%{transform:scale(1)}}@keyframes cozy-glow{0%,to{box-shadow:0 0 #0000}30%{box-shadow:0 0 0 3px color-mix(in srgb, var(--cozy-accent) 40%, transparent)}}@media (prefers-reduced-motion:reduce){.hud-cozy-fill{transition:none}.hud-cozy.cozy-flash .hud-cozy-head,.hud-cozy.cozy-flash .hud-cozy-track{animation:none}}.home-plans{flex-wrap:wrap;gap:14px;margin:6px 0 2px;display:flex}.home-plans figure{align-items:center;gap:8px;margin:0;display:flex}.home-plans figcaption{flex-direction:column;line-height:1.35;display:flex}.home-plan{border-radius:3px;display:block}.hud-weather{font-size:calc(12.5px * var(--ui-scale));color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0;font-weight:700;display:flex}.hud-season{font-size:calc(10.5px * var(--ui-scale));opacity:.9;border:1px solid;border-radius:9px;padding:1px 7px;font-weight:700}.hud-dayphase{font-size:calc(10.5px * var(--ui-scale));opacity:.9;border:1px solid;border-radius:9px;align-items:center;gap:3px;padding:1px 7px;font-weight:700;display:inline-flex}.hud-weather .wx-sep{opacity:.4}.journal-controls{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.journal-controls-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.journal-controls .grow{flex:1;min-width:140px}.journal-search{box-sizing:border-box;width:100%}.chip-toggle{font-size:calc(12px * var(--ui-scale));border:1px solid var(--ink-soft);background:var(--paper-2);color:var(--ink-soft);cursor:pointer;border-radius:11px;align-items:center;gap:5px;padding:4px 10px;font-weight:700;display:inline-flex}.chip-toggle.on{color:var(--on-accent);background:#6aa253;border-color:#6aa253}.wx-now{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.wx-phase{font-weight:700;font-size:calc(13px * var(--ui-scale));color:var(--ink-soft);align-items:center;gap:5px;display:inline-flex}.wx-daybar{background:var(--track);border-radius:6px;height:8px;margin-bottom:10px;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.wx-daybar-fill{background:linear-gradient(90deg,#ffb37a,#ffe9a8 40%,#8fb8d8 75%,#16204a);border-radius:6px;height:100%;transition:width 1s linear}.wx-collectible{background:var(--paper-2);font-size:calc(13px * var(--ui-scale));border-radius:10px;align-items:center;gap:6px;padding:8px 11px;display:flex}.wx-effect{background:var(--paper-2);border-radius:10px;margin-bottom:10px;padding:9px 12px}.wx-effect-head{font-size:calc(14px * var(--ui-scale));align-items:center;gap:6px;margin-bottom:3px;display:flex}.wx-effect p{font-size:calc(13px * var(--ui-scale));margin:2px 0 0;line-height:1.45}.wx-table{border-collapse:collapse;width:100%;font-size:calc(13px * var(--ui-scale));margin:4px 0 12px}.wx-table th{text-align:left;font-size:calc(11px * var(--ui-scale));color:var(--ink-soft);border-bottom:1px solid #00000014;padding:4px 8px;font-weight:700}.wx-table td{border-bottom:1px solid #0000000d;padding:5px 8px}.wx-table tr.wx-here td{background:#8fb86c24}.wx-cell{align-items:center;gap:5px;display:inline-flex}.wx-legend{flex-wrap:wrap;gap:8px;display:flex}.wx-legend-item{background:var(--paper-2);font-size:calc(12.5px * var(--ui-scale));border-radius:9px;align-items:center;gap:6px;padding:4px 9px;display:inline-flex}.wx-swatch{border-radius:3px;width:11px;height:11px;display:inline-block;box-shadow:inset 0 0 0 1px #00000026}.meter{font-size:calc(12px * var(--ui-scale));align-items:center;gap:6px;margin:1px 0;display:flex}.meter-icon{display:inline-flex}.meter-label{width:calc(52px * var(--ui-scale));white-space:nowrap;color:var(--ink-soft);flex:none;font-weight:700}.meter-track{background:var(--track);border-radius:6px;flex:1;min-width:40px;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.meter-fill{border-radius:6px;height:100%;transition:width .6s}.meter-value{width:calc(36px * var(--ui-scale));text-align:right;font-size:calc(11.5px * var(--ui-scale));flex:none;font-weight:700}.meter-hint{vertical-align:-2px;color:var(--ink-soft);opacity:.7;cursor:help;flex:none;display:inline-flex;position:relative}.meter-hint:hover,.meter-hint:focus-visible{opacity:1;color:var(--green);outline:none}.meter-hint-tip{z-index:60;width:max-content;max-width:240px;font-size:calc(11.5px * var(--ui-scale));color:var(--ink-soft);text-align:left;background:var(--cream);border:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;border-radius:9px;padding:7px 10px;font-weight:400;line-height:1.4;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-2px);box-shadow:0 4px 14px #00000024}.meter-hint:hover .meter-hint-tip,.meter-hint:focus-within .meter-hint-tip{opacity:1;visibility:visible;transform:translateY(0)}.hud-bottom{z-index:10;background:var(--bubble-strong);color:var(--bubble-ink);font-size:calc(13.5px * var(--ui-scale));text-align:center;border-radius:22px;max-width:92%;padding:8px 20px;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #2129194d}.prompt-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.prompt-line svg{color:var(--bubble-accent);flex-shrink:0}.muted-line{opacity:.85}.hud-bottom .link{color:var(--bubble-accent);margin-left:4px}.hud-bottom.placing{color:#fff;background:#4a7c59f0;animation:1.6s ease-in-out infinite place-glow}.hud-bottom.placing .prompt-line svg{color:#eaf6df}@keyframes place-glow{0%,to{box-shadow:0 4px 16px #2129194d,0 0 #7abe6a80}50%{box-shadow:0 4px 18px #21291959,0 0 0 6px #7abe6a00}}.toasts{z-index:30;flex-direction:column;gap:7px;display:flex;position:absolute;top:96px;right:14px}.toast{background:var(--paper);border:1.5px solid var(--line);border-left:5px solid var(--green-2);max-width:330px;font-size:calc(13.5px * var(--ui-scale));border-radius:13px;align-items:center;gap:9px;padding:10px 12px 10px 15px;font-weight:600;animation:.25s slidein;display:flex;box-shadow:0 5px 18px #21291947}.toast>span{flex:1}.toast svg{color:var(--green);flex-shrink:0}.toast-close{width:22px;height:22px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;margin:-3px -2px 0 0;padding:0;display:inline-flex}.toast-close:hover{color:var(--ink);background:#00000014}.toast .toast-close svg{color:inherit}.toast-animal{border-left-color:var(--gold)}.toast-animal svg{color:var(--gold)}.toast-unlock{border-left-color:#9d86d9}.toast-unlock svg{color:#7d6b9e}.toast-error{border-left-color:#c05040}.toast-error svg{color:var(--danger-solid)}.toast-achievement{border-left-color:var(--gold)}.toast-achievement svg{color:var(--gold)}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:9px;display:grid}.ach-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;align-items:flex-start;gap:11px;padding:11px;display:flex;position:relative}.ach-card:hover,.ach-card:focus-within{z-index:30}.ach-card.earned{background:linear-gradient(180deg, #c9913f1a, var(--paper));border-color:#c9913f8c}.ach-badge{width:52px;height:52px;box-shadow:inset 0 0 0 1.5px var(--line);background:#84826e17;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.ach-card.earned .ach-badge{background:#c9913f29;box-shadow:inset 0 0 0 1.5px #c9913f8c}.ach-card.locked .ach-badge{opacity:.85}.ach-badge .ach-star{color:var(--gold);fill:var(--gold);filter:drop-shadow(0 0 1.5px var(--paper)) drop-shadow(0 0 1.5px var(--paper));position:absolute;bottom:-1px;right:-2px}.ach-glyph{color:var(--ink-soft);place-items:center;display:grid;position:absolute;inset:0}.ach-card.earned .ach-glyph{color:var(--green-deep)}.ach-glyph .ach-art{filter:drop-shadow(0 1px .5px #3a2e2040);max-width:38px;max-height:38px;display:block}.ach-card.locked .ach-glyph .ach-art{filter:grayscale()opacity(.85)}.ach-card.locked .ach-name{color:var(--ink-soft)}.ach-name{font-weight:700;font-size:calc(13.5px * var(--ui-scale));align-items:center;gap:7px;display:flex}.ach-pts{font-size:calc(11px * var(--ui-scale));color:var(--gold);background:#c9913f29;border-radius:999px;padding:1px 7px;font-weight:700}.ach-flavor{color:var(--ink-soft)}.ach-req-inline{flex-direction:column;gap:2px;margin-top:2px;display:flex}.ach-req-text{color:var(--ink-soft)}.ach-req-progress{color:var(--green-deep,#4a7a3a);font-weight:700}.ach-views{gap:8px;padding:12px 20px 0;display:flex}.ach-views button{font-weight:700;font-size:calc(13px * var(--ui-scale));border-radius:13px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 14px;display:inline-flex}.comp{flex-direction:column;gap:12px;display:flex}.comp-headline{border:1px solid var(--line);background:linear-gradient(180deg, var(--tint-leaf), var(--paper));border-radius:14px;align-items:center;gap:18px;padding:16px 18px;display:flex}.comp-dial{--comp-pct:0%;background:conic-gradient(var(--green) var(--comp-pct), var(--track) 0);border-radius:50%;flex:none;place-items:center;width:82px;height:82px;transition:background .4s;display:grid;position:relative}.comp-dial:before{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:9px}.comp-dial-num{font-weight:700;font-size:calc(19px * var(--ui-scale));color:var(--green-deep);position:relative}.comp-headline-title{font-weight:700;font-size:calc(16px * var(--ui-scale))}.comp-group{border:1px solid var(--line);background:var(--cream);border-radius:13px;flex-direction:column;gap:13px;padding:13px 15px 15px;display:flex}.comp .comp-group-title{font-size:calc(12px * var(--ui-scale));letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0;display:block}.comp-row{align-items:flex-start;gap:10px;display:flex}.comp-row-icon{width:24px;color:var(--ink-soft);flex:none;place-items:center;padding-top:1px;display:grid}.comp-row.done .comp-row-icon{color:var(--green)}.comp-row-head{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.comp-row-label{font-weight:600;font-size:calc(13.5px * var(--ui-scale))}.comp-row-count{font-weight:700;font-size:calc(12px * var(--ui-scale));font-variant-numeric:tabular-nums;color:var(--ink-soft);flex:none}.comp-row.done .comp-row-count{color:var(--green)}.comp-bar{background:var(--track);border-radius:999px;height:6px;margin-top:5px;overflow:hidden}.comp-bar-fill{background:var(--green);border-radius:999px;height:100%;transition:width .4s}.comp-area{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:7px 0;display:flex}.comp-area:last-child{border-bottom:0}.comp-area.locked .comp-area-name,.comp-area.locked .comp-row-icon{color:var(--ink-soft)}.comp-area-name{font-weight:600;font-size:calc(13px * var(--ui-scale))}.comp-area-stats{font-variant-numeric:tabular-nums;color:var(--ink-soft);margin-left:auto}.biome-lore{border-left:2px solid #c9913f66;margin-top:7px;padding-left:9px}.biome-lore p{color:var(--ink-soft);margin:3px 0}.biome-coexist{align-items:flex-start;gap:5px;display:flex;color:var(--green-deep)!important}.biome-coexist svg{color:var(--gold);flex:none;margin-top:2px}.neighbors-note{color:var(--green-deep);align-items:flex-start;gap:5px;margin-top:4px;display:flex}.neighbors-note svg{color:var(--gold);flex:none;margin-top:2px}.home-styles{flex-wrap:wrap;gap:8px;margin:4px 0 6px;display:flex}.home-style{border-radius:10px;align-items:center;gap:7px;padding:6px 12px;display:inline-flex}.home-style.on{background:var(--paper-2);border-color:var(--green-deep);font-weight:700}.home-style-swatch{border:2px solid;border-radius:4px;width:16px;height:16px}.home-style-swatch.lg{border-radius:7px;width:30px;height:30px}.home-styles{flex-direction:column}.home-style-card{border:1px solid var(--line);border-radius:12px;align-items:center;gap:11px;padding:9px 11px;display:flex}.home-style-card .grow{flex:1}.home-perk{color:var(--violet);margin-top:3px}.home-perk-card{background:var(--paper-2);border-color:var(--green-deep)}.home-abilities{flex-direction:column;gap:4px;margin:8px 0 2px;display:flex}.home-ability{color:var(--violet);align-items:flex-start;gap:6px;font-size:.86em;line-height:1.35;display:flex}.home-ability svg{flex:none;margin-top:2px}.home-ability-next{margin:4px 0 2px}.feed-list{flex-direction:column;display:flex}.feed-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:9px 4px;display:flex}.feed-row:last-child{border-bottom:none}.feed-row-icon{background:var(--paper-2);width:26px;height:26px;color:var(--green-deep);border-radius:8px;flex:none;place-items:center;display:grid}.feed-row-text{min-width:0;font-size:calc(13.5px * var(--ui-scale));color:var(--ink);flex:1;line-height:1.45}.feed-row-time{font-size:calc(11px * var(--ui-scale));color:var(--ink-soft);white-space:nowrap;flex:none;padding-top:4px}.hud-top-right .icon-btn{position:relative}.nav-key,.tool-key{box-sizing:border-box;min-width:15px;height:15px;font-size:calc(10px * var(--ui-scale));color:var(--green-deep);background:var(--paper);border:1.5px solid var(--green-deep);pointer-events:none;border-radius:5px;justify-content:center;align-items:center;padding:0 3px;font-weight:800;line-height:1;display:flex;position:absolute;bottom:-4px;left:auto;right:-4px;transform:none}@keyframes slidein{0%{opacity:0;transform:translate(30px)}}.panel-backdrop{z-index:20;background:var(--backdrop);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.help-backdrop{z-index:60;position:fixed}.panel{background:var(--paper);border:2.5px solid var(--panel-edge);width:470px;max-width:94vw;max-height:88vh;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;display:flex}.panel-wide{width:680px}.panel-head{border-bottom:1.5px solid var(--line);justify-content:space-between;align-items:center;padding:14px 20px 10px;display:flex}.health-gate-note{align-items:center;gap:5px;margin-top:2px;font-style:italic;display:flex}.panel-head-actions{align-items:center;gap:4px;display:flex}.panel-head-actions .icon-btn:disabled{opacity:.35;cursor:default}.panel-head h2{font-size:calc(21px * var(--ui-scale));color:var(--green-deep);margin:0}.panel-head .icon-btn{border-radius:11px;width:34px;height:34px}.panel-body{padding:14px 20px 20px;overflow-y:auto}.panel-body h3{font-size:calc(14px * var(--ui-scale));color:var(--ink-soft);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:6px;margin:16px 0 7px;display:flex}.settings-body h3:not(:first-of-type){border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.settings-body h3+.muted.small{margin-top:-2px;margin-bottom:12px}.muted{color:var(--ink-soft)}.small{font-size:calc(12.5px * var(--ui-scale))}.grow{flex:1}.grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.cell{background:var(--cream);border:1.5px solid var(--line);font-size:calc(13.5px * var(--ui-scale));border-radius:12px;align-items:center;gap:8px;padding:7px 11px;display:flex}.cell.row{grid-column:span 2}.cell button{font-size:calc(12px * var(--ui-scale));border-radius:9px;padding:2px 9px}.swatch{border-radius:5px;flex-shrink:0;width:13px;height:13px;display:inline-block;box-shadow:inset 0 0 0 1px #0000001f}.columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.columns .cell.row{grid-column:auto;margin-bottom:6px}.recipe{background:var(--cream);border:1.5px solid var(--line);border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;display:flex}.recipe-off{opacity:.7}.gear-section{margin-top:14px}.gear-section>h3{align-items:center;gap:5px;display:inline-flex}.gear-toggle{border-radius:11px;flex-shrink:0;min-width:62px;padding:6px 14px;font-weight:700}.gear-toggle.gear-on{background:var(--green);border-color:var(--green-deep);color:var(--on-accent)}.gear-toggle.gear-off{background:var(--cream);border-color:var(--line);color:var(--ink-soft)}.mats{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.mat{font-size:calc(11.5px * var(--ui-scale));background:var(--field);border:1.5px solid var(--line);border-radius:10px;align-items:center;gap:4px;padding:3px 8px;font-weight:600;display:inline-flex}.mat-src{opacity:.75;align-items:center;gap:2px;margin-left:3px;font-style:normal;display:inline-flex}.mat-no{background:#f9eeec;border-color:#dba9a0}.mat-ok{border-color:var(--good-line);background:var(--good-bg)}.placeable-bar{background:var(--good-bg);border:1.5px solid var(--good-line);border-radius:13px;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:9px;padding:9px 13px;display:flex}.placeable-bar .cant-place{opacity:.45;filter:grayscale(.6);cursor:help;border-style:dashed}.upgrade-next{margin-top:4px}.biome-row{background:var(--cream);border:1.5px solid var(--line);border-radius:14px;gap:10px;margin-bottom:9px;padding:11px 15px;display:flex}.biome-locked{opacity:.82}.preserve-map{background:radial-gradient(120% 140% at 15% 0,#f6faee 0%,#eaf1da 55%,#dfe9cb 100%);border:1px solid #d6e2c1;border-radius:18px;align-items:flex-start;gap:2px;margin-bottom:8px;padding:18px 14px 14px;display:flex;overflow-x:auto;box-shadow:inset 0 1px #fff9}.pm-stop{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:5px;width:88px;padding:0;display:flex;position:relative}.pm-stop:disabled{cursor:default}.pm-ring{background:conic-gradient(from -90deg, #6aa253 calc(var(--h,0) * 1%), #5a462821 0);border-radius:50%;place-items:center;width:60px;height:60px;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 3px 8px #3c50282e}.pm-stop:not(:disabled):hover .pm-ring{transform:translateY(-3px)scale(1.06);box-shadow:0 6px 14px #3c502842}.pm-disc{background:var(--c,#8fbf6f);color:#fff;border:2px solid #ffffffbf;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:relative}.pm-disc svg{filter:drop-shadow(0 1px 1px #00000040)}.pm-locked .pm-ring{box-shadow:none;background:#5a462821}.pm-locked .pm-disc{color:#f2efe6;background:#b7b2a3}.pm-here .pm-disc{box-shadow:0 0 0 3px var(--gold,#c9913f)}.pm-here .pm-ring{animation:2.4s ease-in-out infinite pm-pulse}@keyframes pm-pulse{0%,to{box-shadow:0 3px 8px #3c50282e}50%{box-shadow:0 3px 14px #c9913f80}}.pm-name{font-weight:700;font-size:calc(11.5px * var(--ui-scale));color:var(--ink);text-align:center;line-height:1.12}.pm-locked .pm-name{color:var(--ink-soft)}.pm-sub{font-size:calc(10px * var(--ui-scale));color:var(--ink-soft);text-align:center}.pm-link{background:repeating-linear-gradient(90deg,#5a462847 0 5px,#0000 5px 10px);border-radius:3px;flex:auto;align-self:flex-start;min-width:12px;height:3px;margin-top:29px}.pm-link-open{background:linear-gradient(90deg, var(--green-2,#6aa253), #7bb060)}.preserve-map-cap{text-align:center;margin:0 0 14px}.pm-selected{background:#7cb56424}.pm-selected .pm-name{color:var(--green-deep);font-weight:800}.pm-here-badge{background:var(--gold);width:18px;height:18px;color:var(--on-accent);border:2px solid var(--cream);border-radius:50%;place-items:center;display:grid;position:absolute;top:-3px;right:-3px}.bd-badge{color:#fff;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 1px 3px #0000002e}.biome-detail{border:1.5px solid var(--line);background:linear-gradient(#fffdf7,#fbf7ec);border-radius:16px;padding:15px 16px;animation:.2s bd-fade}@keyframes bd-fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.bd-head{align-items:flex-start;gap:12px;display:flex}.bd-title{font-size:calc(16px * var(--ui-scale));flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px;display:flex}.bd-desc{line-height:1.5;margin:2px 0 12px!important}.bd-tag{font-size:calc(11px * var(--ui-scale));border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-weight:700;display:inline-flex}.bd-tag svg{flex:none}.bd-tag-here{color:var(--gold);background:#c9913f29}.bd-tag-open{color:var(--green-deep);background:#7cb56438}.bd-tag-locked{color:var(--violet);background:#7a5aa024}.bd-tag-soon{color:var(--gold);background:var(--tint-gold)}.bd-travel{border:1.5px solid var(--green-deep);background:var(--green-deep);color:var(--on-accent);font-weight:700;font-size:calc(13px * var(--ui-scale));cursor:pointer;border-radius:12px;flex:none;align-items:center;gap:6px;padding:8px 14px;display:inline-flex;box-shadow:0 3px #2f5139}.bd-travel:hover{filter:brightness(1.05)}.bd-travel:active{transform:translateY(2px);box-shadow:0 1px #2f5139}.bd-travel:disabled{opacity:.55;cursor:default;box-shadow:none;background:var(--cream);color:var(--ink-soft);border-color:var(--line)}.bd-travel svg{flex:none}.bd-animals{color:var(--ink);align-items:center;gap:6px;margin:2px 0 8px;font-weight:600;display:flex}.bd-animals svg{color:var(--gold);flex:none}.bd-goal{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-top:11px;padding:10px 12px}.bd-goal p{margin:0;line-height:1.5}.bd-goal-label{font-size:calc(10.5px * var(--ui-scale));text-transform:uppercase;letter-spacing:.5px;color:var(--green-deep);align-items:center;gap:5px;margin-bottom:4px;font-weight:800;display:flex}.bd-goal-label svg{flex:none}.bd-unlock{border-style:dashed}.bd-unlock .bd-goal-label{color:var(--violet)}.bd-addgoal{cursor:pointer;border:1.5px solid var(--line);background:var(--cream);color:var(--green-deep);font-weight:700;font-size:calc(12px * var(--ui-scale));border-radius:10px;align-items:center;gap:5px;margin-top:9px;padding:6px 11px;display:inline-flex}.bd-addgoal:hover{background:var(--paper-2)}.bd-stage{font-size:calc(10px * var(--ui-scale));text-transform:uppercase;letter-spacing:.5px;color:var(--gold);margin-bottom:3px;font-weight:800}.hud-daytimer{align-items:center;gap:8px;margin:7px 0 2px;display:flex}.daytimer-track{background:linear-gradient(90deg,#f4e2a8,#f6c98a 45%,#c98a6a 72%,#6f79b8 100%);border-radius:999px;flex:auto;height:7px;position:relative;box-shadow:inset 0 0 0 1px #0000000f}.daytimer-track.night{filter:saturate(.8)brightness(.94)}.daytimer-fill{background:#ffffff26;border-radius:999px;position:absolute;inset:0 auto 0 0}.daytimer-knob{color:#c9913f;background:#fffbe9;border:1.5px solid #00000014;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0003}.daytimer-track.night .daytimer-knob{color:#6274b4}.daytimer-label{font-size:calc(11px * var(--ui-scale));color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.confetti-canvas{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;inset:0}.lock{font-size:calc(12px * var(--ui-scale));color:var(--ink-soft);align-items:center;gap:3px;margin-left:6px;display:inline-flex}.lock.soon{color:var(--gold);background:var(--tint-gold);border-radius:999px;padding:1px 9px;font-weight:700}.unlock-req{color:var(--violet);margin-top:3px}.travel-icon{border-radius:12px;flex:none;justify-content:center;align-self:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.travel-icon:disabled{opacity:.32;cursor:not-allowed}.guide-upsell{color:var(--green-deep);background:var(--paper-2);border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:7px;margin:4px 0 10px;padding:9px 12px;line-height:1.5;display:flex}.guide-upsell svg{flex:none;margin-top:2px}.guide-upsell b{white-space:nowrap}.craft-sticky{z-index:3;background:var(--paper);border-bottom:1.5px solid var(--line);margin:0 -20px;padding:14px 20px 1px;position:sticky;top:-14px}.craft-sticky .placeable-bar{max-height:24vh;overflow-y:auto}.craft-filter{font-size:calc(13px * var(--ui-scale));flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;display:flex}.craft-filter label{color:var(--ink-soft);font-weight:600}.craft-filter select{font-family:var(--font-body);color:var(--ink);background:var(--cream);border:1.5px solid var(--line);cursor:pointer;border-radius:10px;padding:6px 10px;font-weight:600}.craft-filter .craft-search{min-width:110px;font-family:var(--font-body);color:var(--ink);background:var(--cream);border:1.5px solid var(--line);border-radius:10px;flex:140px;padding:6px 10px;font-weight:600}.craft-filter .craft-search::placeholder{color:var(--ink-soft);font-weight:500}.craft-filter .craft-search:focus{border-color:var(--green);outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dev-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dev-grid button{justify-content:flex-start;width:100%}.dev-fill{align-items:center;gap:8px;margin:4px 0 10px;display:flex}.dev-res-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.dev-res{font-size:calc(13px * var(--ui-scale));align-items:center;gap:6px;display:flex}.dev-res-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.dev-res input{width:56px}.dev-spawn-results{flex-direction:column;gap:4px;max-height:240px;margin:6px 0 10px;display:flex;overflow-y:auto}.dev-spawn-row{text-align:left;border:1.5px solid var(--line);background:var(--cream);cursor:pointer;border-radius:10px;align-items:center;gap:8px;width:100%;padding:5px 9px;display:flex}.dev-spawn-row:hover:not(:disabled){border-color:var(--green);background:var(--paper-2)}.dev-spawn-row .ani-thumb{object-fit:contain;flex:none;width:30px;height:30px}.dev-spawn-row .grow{flex:1;font-weight:600}.dev-spawn-here{font-size:calc(11px * var(--ui-scale));color:var(--green-deep);font-weight:700}.tabs{flex-wrap:wrap;gap:5px;padding:10px 20px 0;display:flex}.tabs button{font-size:calc(12.5px * var(--ui-scale));border-radius:10px;align-items:center;gap:4px;padding:5px 11px;display:inline-flex}.tabs-scroll{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;border-bottom:1.5px solid var(--line);scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;flex:none;align-items:center;gap:8px;padding:12px 20px 14px;scroll-padding:0 20px;overflow:auto hidden}.tabs-scroll::-webkit-scrollbar{height:0;display:none}.tabs-scroll button{scroll-snap-align:start;white-space:nowrap;font-size:calc(13px * var(--ui-scale));border-radius:13px;flex:none;margin:0;padding:9px 18px;line-height:1.25}.journal-entry{background:var(--cream);border:1.5px solid var(--line);border-radius:14px;gap:12px;margin-bottom:9px;padding:11px 14px;display:flex}.journal-entry .grow{min-width:0}.entry-unknown{opacity:.85}.silhouette{background:var(--sil-bg);width:46px;height:46px;color:var(--sil-ink);font-size:calc(22px * var(--ui-scale));font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 -3px #00000026}.silhouette.known{background:var(--sil-known-bg);box-shadow:inset 0 0 0 1px #3a3a2c14,inset 0 -3px #00000012}.silhouette .ani-thumb{object-fit:contain;image-rendering:auto;width:80%;height:80%}.ani-thumb-lg{object-fit:contain;image-rendering:auto;width:96px;height:96px;margin:0 auto 6px;display:block}.comfort{font-size:calc(11.5px * var(--ui-scale));background:#e6dfc8;border-radius:10px;margin-left:5px;padding:2px 9px;font-weight:700}.comfort-thriving{color:#38622e;background:#cdebc2}.comfort-settled{color:#4a6b3e;background:#ddead2}.comfort-cautious{color:#7d5f1e;background:#f2e3bd}.comfort-rarely-seen{color:#8a4738;background:#eed5cf}.fact{color:#44704e;align-items:flex-start;gap:5px;display:flex}.fact svg{color:var(--green);flex-shrink:0;margin-top:2px}.req-details ul{margin:3px 0 0 18px;padding:0}.req-checklist{flex-direction:column;gap:3px;margin:4px 0 0;padding:0;list-style:none;display:flex}.req-checklist .tasks-step{font-size:inherit;color:var(--ink);white-space:normal;align-items:flex-start}.req-checklist .tasks-step.done{color:var(--green-2,#6aa253)}.req-checklist .tasks-step-box{margin-top:2px}.req-step-tail{color:var(--ink-soft)}.req-when{color:var(--ink-soft);align-items:flex-start;gap:5px;margin:5px 0 0;display:flex}.req-when svg{flex-shrink:0;margin-top:2px}.req-guess{border:1px dashed var(--green);background:#7a9a6a14;border-radius:10px;margin-top:6px;padding:8px 10px}.req-guess-q{align-items:flex-start;gap:5px;margin:0 0 7px;display:flex}.req-guess-q svg{color:var(--green);flex-shrink:0;margin-top:2px}.req-guess-options{flex-wrap:wrap;gap:6px;display:flex}.req-guess-option{border:1px solid var(--line);background:var(--surface-float-solid);cursor:pointer;font:inherit;color:inherit;border-radius:999px;padding:4px 11px}.req-guess-option:hover,.req-guess-option:focus-visible{border-color:var(--green);background:#7a9a6a29}.req-guess-skip{margin-top:7px;font-size:.92em}.req-guess-result{flex-wrap:wrap;align-items:flex-start;gap:5px;margin:5px 0 0;display:flex}.req-guess-result svg{flex-shrink:0;margin-top:2px}.req-guess-result.correct{color:#44704e}.req-guess-result.correct svg{color:var(--green)}.req-guess-result.wrong{color:#7d5f1e}.card-sources{margin:8px 0 4px;font-size:.92em}.card-sources summary{cursor:pointer;color:var(--ink-soft);align-items:center;gap:5px;display:flex}.card-sources summary::marker{color:var(--ink-soft)}.card-sources ul{margin:5px 0 0 18px;padding:0}.card-sources li{margin:2px 0}.card-sources a{color:var(--green)}.animal-card .panel-body p{margin:8px 0}.sci-name{color:var(--ink-soft);font-style:italic;font-size:calc(12px * var(--ui-scale))}.sci-name-lg{color:var(--ink-soft);text-align:center;margin:-2px 0 6px;font-style:italic}.card-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.trophic-badge{vertical-align:middle;font-size:calc(10.5px * var(--ui-scale));color:#fff;white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:inline-flex}.trophic-badge svg{opacity:.9}.role-note{color:var(--ink);margin:6px 0;line-height:1.5}.foodweb-links{flex-direction:column;gap:4px;margin:6px 0;display:flex}.foodweb-row{align-items:flex-start;gap:8px;display:flex}.foodweb-label{min-width:74px;color:var(--green-deep);flex:none;align-items:center;gap:4px;padding-top:3px;font-weight:700;display:inline-flex}.foodweb-chips{flex-wrap:wrap;gap:5px;display:flex}.web-chip{font-size:calc(11.5px * var(--ui-scale));border:1.5px solid var(--green);background:var(--paper-2);color:var(--green-deep);cursor:pointer;border-radius:11px;padding:3px 9px;font-weight:600}.web-chip:hover:not(:disabled){background:var(--green);color:var(--on-accent)}.web-chip-unknown{border-color:var(--line);color:var(--ink-soft);cursor:default;opacity:.7;border-style:dashed}.web-chip-forage{color:#8a6a2c;cursor:default;background:#f6efdd;border-color:#c9a35c}.sources{flex-wrap:wrap;align-items:baseline;gap:4px;margin-top:5px;line-height:1.5;display:flex}.sources svg{color:var(--green);position:relative;top:1px}.sources a{color:var(--green-deep);text-decoration:underline}.view-switch{border:1px solid var(--line);border-radius:11px;display:inline-flex;overflow:hidden}.view-switch button{font-size:calc(12px * var(--ui-scale));background:var(--paper-2);color:var(--ink-soft);cursor:pointer;border:none;border-radius:0;align-items:center;gap:5px;padding:4px 11px;font-weight:700;display:inline-flex}.view-switch button.on{background:var(--green);color:var(--on-accent)}.foodweb-view{flex-direction:column;gap:10px;display:flex}.foodweb-tier{border:1.5px solid var(--line);background:var(--cream);border-radius:12px;padding:8px 10px}.foodweb-tier-label{font-family:var(--font-display);font-size:calc(11.5px * var(--ui-scale));letter-spacing:.03em;text-transform:uppercase;color:var(--green-deep);margin-bottom:6px}.foodweb-tier-row{flex-wrap:wrap;gap:8px;display:flex}.foodweb-node{border:2px solid var(--green);background:var(--paper);width:68px;font-size:calc(10.5px * var(--ui-scale));text-align:center;cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;line-height:1.2;display:flex}.foodweb-node .ani-thumb{object-fit:contain;width:34px;height:34px}.foodweb-node-unknown{border-color:var(--line);color:var(--ink-soft);opacity:.65;cursor:default;border-style:dashed}.guide-count{font-family:var(--font-ui,inherit);color:var(--ink-soft);letter-spacing:0;white-space:nowrap;font-size:.72em;font-weight:500}.roles-view{flex-direction:column;gap:10px;display:flex}.role-row{border:1.5px solid var(--line);background:var(--cream);border-left-width:5px;border-radius:12px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.role-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.role-members{flex-wrap:wrap;gap:6px;display:flex}.role-members .foodweb-node{width:auto;padding:4px 9px}.entry-list{flex-direction:column;gap:7px;display:flex}.entry-link{text-align:left;background:var(--cream);border:1.5px solid var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:12px;width:100%;padding:9px 12px;transition:border-color .12s,background .12s,transform 60ms;display:flex}.entry-link:hover{border-color:var(--green);background:var(--paper-2)}.entry-link:active{transform:scale(.995)}.entry-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.entry-title b{font-size:calc(14.5px * var(--ui-scale))}.entry-sub{align-items:center;gap:8px;margin-top:2px;display:flex}.entry-sub em{font-style:italic}.entry-meta{align-items:center;gap:4px;min-width:0;margin-top:3px;display:flex}.entry-meta-text{overflow-wrap:anywhere;min-width:0}.entry-meta svg{color:var(--green);flex:none}.entry-chevron{color:var(--ink-soft);flex:none}.entry-link:hover .entry-chevron{color:var(--green)}.overview-empty{align-items:flex-start;gap:6px;padding:14px 4px;line-height:1.5;display:flex}.overview-empty svg{color:var(--green);flex:none;margin-top:2px}.overview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;display:grid}.overview-card{text-align:center;background:var(--cream);border:1.5px solid var(--line);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;transition:border-color .12s,background .12s,transform 60ms;display:flex}.overview-card:hover{border-color:var(--green);background:var(--paper-2);transform:translateY(-1px)}.overview-card .ani-thumb{object-fit:contain;width:52px;height:52px}.overview-name{font-weight:700;font-size:calc(13px * var(--ui-scale));line-height:1.2}.overview-biome{font-size:calc(11px * var(--ui-scale));color:var(--ink-soft);align-items:center;gap:3px;display:inline-flex}.overview-biome svg{color:var(--green)}.finds-body{flex-direction:column;gap:11px;display:flex}.finds-summary{flex-direction:column;gap:7px;display:flex}.finds-count{font-size:calc(13.5px * var(--ui-scale));margin:0;font-weight:700}.finds-tallies{flex-wrap:wrap;gap:5px;display:flex}.finds-tally{background:var(--tint-leaf);font-size:calc(11px * var(--ui-scale));color:var(--ink-soft);border-radius:999px;padding:2px 9px}.finds-tally b{color:var(--ink)}.finds-board{background:var(--paper-2);border:1.5px solid var(--line);border-radius:14px;flex-direction:column;gap:9px;padding:10px;display:flex}.finds-grid{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:8px;display:grid}.finds-note{text-align:center;color:var(--ink);background:var(--cream);border:1.5px solid var(--line);cursor:pointer;border-radius:4px 4px 10px 10px;flex-direction:column;align-items:center;gap:3px;padding:14px 7px 8px;transition:border-color .12s,box-shadow .12s,transform 60ms;display:flex;position:relative;box-shadow:0 1px 2px #2b332117}.finds-note:hover{border-color:var(--green);transform:translateY(-1px);box-shadow:0 3px 8px #2b332124}.finds-pin{background:radial-gradient(circle at 33% 30%, #e79aa2, var(--rose) 62%);border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #2b332166}.finds-thumb{object-fit:contain;flex:none;width:58px;height:58px}.finds-note-text{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.finds-name{font-weight:700;font-size:calc(12.5px * var(--ui-scale));line-height:1.2}.finds-where{font-weight:400;font-size:calc(10.5px * var(--ui-scale));color:var(--ink-soft);line-height:1.3}.finds-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 7px;margin-top:auto;padding-top:6px;display:flex}.finds-note .comfort{font-size:calc(10px * var(--ui-scale));margin-left:0;padding:1px 7px}.finds-date{font-weight:400;font-size:calc(10px * var(--ui-scale));color:var(--stamp-ink)}.finds-hero{text-align:left;background:linear-gradient(var(--cream-lift), var(--cream));border-color:var(--panel-edge);border-radius:4px 4px 12px 12px;flex-direction:row;align-items:center;gap:14px;padding:12px 16px 12px 14px}.finds-hero .finds-pin{top:7px;left:11px;transform:none}.finds-hero .finds-thumb{width:84px;height:84px}.finds-hero .finds-note-text{align-items:flex-start;gap:1px}.finds-hero .finds-name{font-size:calc(16px * var(--ui-scale))}.finds-hero .finds-where{font-size:calc(12px * var(--ui-scale))}.finds-hero .finds-foot{flex-wrap:nowrap;justify-content:flex-start;margin-top:6px;padding-top:0}.finds-hero .finds-date{font-size:calc(11px * var(--ui-scale))}.finds-tag{font-size:calc(9.5px * var(--ui-scale));letter-spacing:.09em;text-transform:uppercase;color:var(--gold);font-weight:700}.finds-teaser{-webkit-line-clamp:2;max-width:62ch;font-weight:400;font-size:calc(11.5px * var(--ui-scale));color:var(--ink-soft);-webkit-box-orient:vertical;margin-top:5px;line-height:1.45;display:-webkit-box;overflow:hidden}.finds-detail{text-align:center;background:linear-gradient(var(--cream-lift), var(--cream));border:1.5px solid var(--panel-edge);border-radius:4px 4px 14px 14px;flex-direction:column;align-items:center;gap:5px;padding:22px 20px 16px;display:flex;position:relative}.finds-thumb-lg{width:104px;height:104px}.finds-detail .finds-detail-name{font-size:calc(17px * var(--ui-scale));color:var(--ink);text-transform:none;letter-spacing:normal;margin:2px 0 0;display:block}.finds-detail-meta{font-size:calc(11.5px * var(--ui-scale));color:var(--ink-soft);margin:0}.finds-detail .comfort{margin-left:0}.finds-fieldnote{text-align:left;background:var(--tint-gold);border-left:3px solid var(--gold);border-radius:4px 10px 10px 4px;align-self:stretch;max-width:54ch;margin:12px auto 2px;padding:11px 14px 12px}.finds-fieldnote h4{font-size:calc(10.5px * var(--ui-scale));letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 5px;font-weight:700}.finds-fieldnote p{font-size:calc(13.5px * var(--ui-scale));margin:0;line-height:1.55}.finds-source{font-size:calc(10.5px * var(--ui-scale));color:var(--ink-soft);margin-top:8px;display:inline-block}.card-hero{text-align:center;border-bottom:1.5px solid var(--line);margin-bottom:10px;padding-bottom:4px}.card-hero .ani-thumb-lg{width:104px;height:104px}.card-meta{text-transform:capitalize;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:2px 0 8px;display:flex}.card-meta .dot{opacity:.5}.card-biome{color:var(--green-deep);align-items:center;gap:4px;font-weight:600;display:inline-flex}.card-biome svg{color:var(--green)}.card-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.card-seen{text-align:center;margin:8px 0}.card-section{margin:12px 0}.card-section h3{font-family:var(--font-display);font-size:calc(13px * var(--ui-scale));letter-spacing:.03em;text-transform:uppercase;color:var(--green-deep);align-items:center;gap:6px;margin:0 0 5px;display:flex}.card-section h3 svg{color:var(--green)}.card-section p{margin:4px 0;line-height:1.55}.card-fact{font-size:calc(13.5px * var(--ui-scale))}.help-intro{font-size:calc(13.5px * var(--ui-scale));color:var(--ink-soft);margin:0 0 14px;line-height:1.5}.help-section-label{font-family:var(--font-display);font-size:calc(13px * var(--ui-scale));letter-spacing:.04em;text-transform:uppercase;color:var(--green-deep);align-items:center;gap:7px;margin:2px 0 11px;display:flex}.help-section-label:after{content:"";background:var(--line);border-radius:2px;flex:1;height:1.5px}.help-steps{counter-reset:helpstep;grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;display:grid}.help-step{background:linear-gradient(180deg, var(--cream-lift), var(--cream));border:1.5px solid var(--line);border-radius:16px;align-items:flex-start;gap:12px;padding:13px 15px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.help-step:hover{border-color:#cdd9b4;transform:translateY(-2px);box-shadow:0 6px 16px #3c46281a}.help-step b{font-size:calc(14.5px * var(--ui-scale));color:var(--green-deep)}.help-step p{font-size:calc(12.5px * var(--ui-scale));color:var(--ink-soft);margin:4px 0 0;line-height:1.45}.help-step-icon{background:radial-gradient(circle at 30% 25%, var(--disc-1), var(--disc-2));width:44px;height:44px;color:var(--green-deep);border:1.5px solid var(--disc-line);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.step-num{background:var(--green);width:19px;height:19px;color:var(--on-accent);border:2px solid var(--paper);font-size:calc(11px * var(--ui-scale));border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:-7px;right:-7px}.welcome-intro{width:600px;max-width:92vw}.welcome-intro-lede{font-size:calc(14px * var(--ui-scale));color:var(--ink-soft);margin:0 0 14px;line-height:1.5}.welcome-intro-steps{flex-direction:column;gap:10px;display:flex}.welcome-intro-step{background:linear-gradient(180deg, var(--cream-lift), var(--cream));border:1.5px solid var(--line);border-radius:16px;align-items:center;gap:13px;padding:12px 15px;display:flex}.welcome-intro-step b{font-size:calc(14.5px * var(--ui-scale));color:var(--green-deep)}.welcome-intro-step p{font-size:calc(12.5px * var(--ui-scale));color:var(--ink-soft);margin:3px 0 0;line-height:1.45}.welcome-intro-icon{background:radial-gradient(circle at 30% 25%, var(--disc-1), var(--disc-2));width:44px;height:44px;color:var(--green-deep);border:1.5px solid var(--disc-line);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.welcome-intro-reassure{font-size:calc(13px * var(--ui-scale));color:var(--green-deep);background:#7aa85a1f;border-radius:12px;align-items:center;gap:8px;margin:14px 0 4px;padding:10px 13px;line-height:1.45;display:flex}.welcome-intro-reassure svg{color:var(--green);flex-shrink:0}.welcome-credits-footer{font-size:calc(11.5px * var(--ui-scale));letter-spacing:.2px;color:#faf3dd;opacity:.55;text-shadow:0 1px 3px #1f2a3a80;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin:-14px 0 0;display:flex}.welcome-credits-footer .credit-entry{align-items:center;gap:5px;display:inline-flex}.welcome-credits-footer .credit-entry svg{opacity:.85}.card .sub-h{font-size:calc(12px * var(--ui-scale));letter-spacing:.02em;text-transform:uppercase;opacity:.75;margin:0 0 .35rem;font-weight:700}.welcome-credits-footer .credit-version{opacity:.7;font-variant-numeric:tabular-nums;letter-spacing:.3px}.welcome-credits-footer .credit-dot{opacity:.55}.key-list{background:var(--cream);border:1.5px solid var(--line);border-radius:16px;grid-template-columns:1fr 1fr;gap:4px 14px;padding:12px 16px;display:grid}.key-row{font-size:calc(13px * var(--ui-scale));align-items:center;gap:10px;padding:5px 0;display:flex}.kbds{flex-shrink:0;gap:3px;min-width:96px;display:inline-flex}kbd{font-family:var(--font-body);font-size:calc(11px * var(--ui-scale));background:var(--field);border:1.5px solid var(--kbd-line);color:var(--ink);border-bottom-width:3px;border-radius:6px;padding:2px 7px;font-weight:700}.toolbelt{z-index:11;background:var(--surface-float);border:1.5px solid var(--line);border-radius:18px;gap:7px;padding:8px 10px;display:flex;position:absolute;bottom:56px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #21291940}.paint-palette{z-index:12;background:var(--surface-float-97);border:1.5px solid var(--line);border-radius:14px;flex-wrap:wrap;justify-content:center;gap:5px;max-width:86vw;padding:7px 9px;display:flex;position:absolute;bottom:132px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #21291940}.paint-swatch{cursor:pointer;border:2px solid #00000026;border-radius:6px;width:22px;height:22px;padding:0}.paint-swatch:hover{transform:scale(1.12)}.paint-swatch.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--gold)}.paint-pick{width:22px;height:22px;margin-left:3px}.tool-tier.paint-dot{border:1.5px solid #ffffffd9}.brush-sizes{z-index:12;background:var(--surface-float-97);border:1.5px solid var(--line);border-radius:14px;align-items:stretch;gap:6px;max-width:86vw;padding:7px 9px;display:flex;position:absolute;bottom:132px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #21291940}.brush-size{border:1.5px solid var(--line);background:var(--field);min-width:46px;color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:5px 8px 4px;font-size:.72rem;display:flex}.brush-size:hover{border-color:var(--ink)}.brush-size.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--gold)}.brush-grid{gap:1px;width:22px;height:22px;display:grid}.brush-grid i{background:var(--ink);opacity:.55;border-radius:1px}.brush-size.on .brush-grid i{opacity:1}.brush-label{font-variant-numeric:tabular-nums;letter-spacing:.02em}.tool-slot{width:46px;height:46px;color:var(--green-deep);border-radius:14px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.tool-slot.on{background:var(--green);border-color:var(--green-deep);color:var(--on-accent);box-shadow:0 2px 0 var(--green-deep)}.tool-slot.subtle{color:var(--ink-soft)}.tool-slot:focus{outline:none}.tool-slot:focus-visible{outline:2px solid var(--green);outline-offset:2px}.tool-tier{background:var(--gold);width:16px;height:16px;color:var(--on-accent);border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-5px;right:-5px}.tool-slot.on .tool-key{background:var(--green-deep);color:var(--on-accent);border-color:var(--green-deep)}.belt-divider{background:var(--line);align-self:stretch;width:1.5px;margin:2px 3px}.tool-slot.craft{color:var(--gold)}.tool-slot.craft.on{color:var(--on-accent)}@media (pointer:coarse){.tool-key{display:none}}.activity-log{z-index:9;max-width:var(--hud-left-w,324px);pointer-events:none;flex-direction:column;gap:3px;display:flex;position:absolute;bottom:56px;left:12px}.activity-scroll{overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin;scrollbar-color:#c2dba880 transparent;flex-direction:column;gap:3px;max-height:168px;padding-right:2px;display:flex;overflow-y:auto}.activity-scroll::-webkit-scrollbar{width:6px}.activity-scroll::-webkit-scrollbar-thumb{background:#c2dba873;border-radius:6px}.activity-scroll::-webkit-scrollbar-track{background:0 0}.activity-entry{background:var(--bubble);color:var(--bubble-ink);font-size:calc(12.5px * var(--ui-scale));border-radius:11px;flex-shrink:0;align-items:flex-start;gap:7px;padding:5px 11px;font-weight:600;animation:.25s slidein;display:flex}.activity-entry svg{color:var(--bubble-accent);flex-shrink:0;margin-top:2px}.log-toggle{pointer-events:auto;background:var(--bubble);color:var(--bubble-accent);border:none;border-radius:11px;align-self:flex-start;align-items:center;gap:4px;padding:6px 10px;display:inline-flex}.log-toggle:hover{background:#2b3321f2}.log-toggle .flip{transform:rotate(180deg)}.tutorial-card{z-index:40;background:var(--surface-float-solid);border:2.5px solid var(--green-deep);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:20px;flex-direction:column;width:400px;max-width:calc(100vw - 24px);padding:0;transition:border-color .3s,box-shadow .3s;animation:.35s ease-out tutorial-pop,2.6s ease-in-out .6s infinite tutorial-attention;display:flex;position:absolute;top:92px;left:auto;right:12px;overflow:hidden;box-shadow:0 0 0 4px #7aa85a47,0 10px 30px #21291966}@keyframes tutorial-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes tutorial-attention{0%,to{box-shadow:0 0 0 4px #7aa85a47,0 10px 30px #21291966}50%{box-shadow:0 0 0 7px #7aa85a73,0 10px 34px #21291973}}.tutorial-card.celebrate{border-color:var(--green-2);animation:none;box-shadow:0 0 0 6px #7aa85a80,0 10px 30px #21291966}.tutorial-head{background:var(--green);color:var(--on-accent);align-items:center;gap:9px;padding:11px 16px;display:flex}.tutorial-head-drag{cursor:grab;touch-action:none}.tutorial-head-drag:active{cursor:grabbing}.tutorial-head-drag button{cursor:pointer}.chev-down{transform:rotate(90deg)}.chev-up{transform:rotate(-90deg)}.tutorial-card.minimized{animation:none}.tutorial-card.minimized .tutorial-head{border-radius:17px}.tutorial-card.celebrate .tutorial-head{background:var(--green-2)}.tutorial-eyebrow{font-family:var(--font-display);font-size:calc(16px * var(--ui-scale));letter-spacing:.3px;align-items:center;gap:6px;display:inline-flex}.tutorial-count{font-size:calc(13px * var(--ui-scale));opacity:.95;margin-left:auto;font-weight:700}.tutorial-main{align-items:flex-start;gap:14px;padding:16px 18px 0;display:flex}.tutorial-icon{width:54px;height:54px;color:var(--green-deep);background:#e7f0db;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tutorial-icon svg{width:30px;height:30px}.tutorial-card.celebrate .tutorial-icon{background:var(--green-2);color:var(--on-accent)}.tutorial-title{font-family:var(--font-display);font-size:calc(20px * var(--ui-scale));color:var(--green-deep)}.tutorial-text{font-size:calc(15px * var(--ui-scale));color:var(--ink);margin-top:5px;line-height:1.5}.tutorial-dots{flex-wrap:wrap;flex:auto;align-items:center;gap:4px;min-width:0;display:flex}.dot{background:#ddd4bb;border-radius:50%;flex:none;width:7px;height:7px}.dot.done{background:var(--green-2)}.dot.now{background:var(--gold);transform:scale(1.3)}.tutorial-dots button.dot{appearance:none;cursor:pointer;border:0;padding:0;transition:transform .12s,background .12s}.tutorial-dots button.dot:hover{background:var(--gold);transform:scale(1.4)}.tutorial-dots button.dot.now:hover{transform:scale(1.5)}.tutorial-dots button.dot:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tutorial-skip,.tutorial-btn{font-size:calc(14px * var(--ui-scale));border-radius:11px;flex-shrink:0;align-items:center;gap:5px;padding:8px 15px;font-weight:700;display:inline-flex}.tutorial-skip{color:var(--ink-soft);border:1px solid var(--panel-edge);background:0 0}.tutorial-skip:disabled{opacity:.4;cursor:default}.tutorial-btn{background:var(--green);color:var(--on-accent);border-color:var(--green-deep)}.tutorial-footer{justify-content:space-between;align-items:center;gap:10px;padding:14px 18px 16px;display:flex}.tutorial-nav{flex-shrink:0;gap:8px;display:flex}.tutorial-close{width:22px;height:22px;color:var(--on-accent);background:#ffffff2e;border-color:#0000;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding:0;display:inline-flex}.tutorial-close:hover{background:#ffffff52}.help-head-actions{align-items:center;gap:8px;display:flex}.help-replay-btn{font-size:calc(12.5px * var(--ui-scale));background:var(--green);color:var(--on-accent);border:1px solid var(--green-deep);border-radius:10px;align-items:center;gap:5px;padding:5px 11px;display:inline-flex}.help-replay-btn:hover{filter:brightness(1.05)}.placement-menu{z-index:26;background:var(--paper);border:2px solid var(--panel-edge);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:8px;padding:9px 14px;animation:.18s slidein;display:flex;position:absolute;bottom:118px;left:50%;transform:translate(-50%)}.placement-menu b{font-family:var(--font-display);color:var(--green-deep);margin-right:4px}.placement-menu button{font-size:calc(13px * var(--ui-scale));align-items:center;gap:5px;display:inline-flex}.chest-actions{gap:8px;margin-top:10px;display:flex}.chest-actions button{font-size:calc(12.5px * var(--ui-scale));align-items:center;gap:5px;display:inline-flex}.danger-row{align-items:center;gap:10px;display:flex}.danger-row .field{flex:1}.pass-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pass-row .field{flex:150px;min-width:0}.pass-row .field input{width:100%;min-width:0}.feedback-row{flex-direction:column;gap:10px;display:flex}.feedback-row textarea{resize:vertical;box-sizing:border-box;background:var(--cream);border:1.5px solid var(--line);width:100%;min-height:88px;color:var(--ink);font:inherit;font-size:calc(13.5px * var(--ui-scale));border-radius:12px;padding:9px 13px}.feedback-row textarea:focus{border-color:var(--green);outline:none}.feedback-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.feedback-sent{background:var(--cream);border:1.5px solid var(--green);color:var(--green-deep,var(--green));border-radius:12px;align-items:center;gap:7px;padding:9px 18px;font-weight:700;display:inline-flex}.feedback-actions .field{flex:220px;min-width:0}.feedback-actions .field input{width:100%;min-width:0}.joystick{z-index:40;touch-action:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#faf5e847;border:2px solid #faf5e88c;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;display:flex;position:absolute;bottom:116px;right:18px}.joystick.active{background:#faf5e861}.joystick-knob{pointer-events:none;background:#faf5e8eb;border-radius:50%;width:48px;height:48px;box-shadow:0 3px 10px #21291966}@media (max-width:720px){.help-steps,.key-list,.grid,.columns{grid-template-columns:1fr}.creator-cols{flex-direction:column;align-items:center}.welcome-card{padding:20px 18px 18px}.game-title{font-size:calc(40px * var(--ui-scale))}.welcome-stack{gap:16px}.welcome-title{font-size:calc(46px * var(--ui-scale))}.panel-backdrop{align-items:flex-end}.panel,.panel-wide{border-bottom:none;border-radius:22px 22px 0 0;width:100%;max-width:100%;max-height:76vh}.hud-top-left{min-width:0;max-width:46vw;padding:7px 10px}.hud-area-name{font-size:calc(14px * var(--ui-scale))}.meter-label{display:none}.hud-top-right{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:62vw;padding:6px 7px}.hud-top-right .icon-btn{width:38px;height:38px}.nav-group-label{display:none}.nav-group+.nav-group{border-left:none;padding-left:0}.nav-group-system .nav-group-btns{margin-top:0}.toolbelt{gap:5px;padding:6px 8px;bottom:46px}.tool-slot{width:42px;height:42px}.hud-bottom{font-size:calc(12px * var(--ui-scale));max-width:96%;padding:6px 14px;bottom:6px}.activity-log{display:none}.tutorial-card{width:auto;inset:auto 8px 104px}.tutorial-main{padding:10px 12px 0}.tutorial-footer{padding:8px 12px 10px}.tutorial-text{font-size:calc(12px * var(--ui-scale))}.toasts{top:76px;right:8px}.toast{max-width:70vw;font-size:calc(12.5px * var(--ui-scale))}}.area-tags{flex-wrap:wrap;align-items:center;gap:5px;margin:5px 0 2px;display:flex}.area-tags-label{font-size:calc(11.5px * var(--ui-scale));color:var(--ink-soft);margin-right:1px}.area-tag{font-size:calc(11.5px * var(--ui-scale));color:var(--green-deep);background:var(--paper-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.area-tag-muted{color:var(--ink-soft);font-weight:500}.area-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.once-tag{font-size:calc(10.5px * var(--ui-scale));text-transform:uppercase;letter-spacing:.3px;color:var(--gold);background:var(--tint-gold);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 7px;font-weight:700;display:inline-block}.crafted-tag,.planted-tag{font-size:calc(10.5px * var(--ui-scale));text-transform:uppercase;letter-spacing:.3px;color:var(--green);background:var(--tint-leaf);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 7px;font-weight:700;display:inline-block}.kb-gate{z-index:10000;background:radial-gradient(circle at 50% 28%,#3a4a25,#26301f 72%);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.kb-gate-card{text-align:center;background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius);max-width:460px;box-shadow:var(--shadow);color:var(--ink);padding:34px 30px}.kb-gate-card h1{font-family:var(--font-display);color:var(--green-deep);font-size:calc(25px * var(--ui-scale));margin:0 0 4px}.kb-gate-card p{margin:0 0 12px;line-height:1.55}.kb-gate-card p:last-child{margin-bottom:0}.kb-gate-hint{color:var(--ink-soft);font-size:calc(14px * var(--ui-scale))}.kb-gate-keys{justify-content:center;gap:8px;margin:18px 0 20px;display:flex}.kb-gate-keys kbd{font-family:var(--font-body);background:var(--cream);border:1.5px solid var(--line);width:40px;color:var(--green-deep);border-bottom-width:3px;border-radius:9px;padding:8px 0;font-weight:700}.mode-hint{margin:0 0 10px}.save-slots{flex-direction:column;gap:10px;max-height:320px;margin:6px 0 4px;display:flex;overflow-y:auto}.save-slot{align-items:stretch;gap:8px;display:flex}.save-slot-main{text-align:left;cursor:pointer;border:2px solid var(--green-2,#7aa06a);background:#ffffff8c;border-radius:14px;flex:1;align-items:center;gap:14px;padding:10px 14px;transition:transform 80ms,background .15s,box-shadow .15s;display:flex}.save-slot-main:hover:not(:disabled){background:#ffffffd9;transform:translateY(-1px);box-shadow:0 4px 12px #283c1e2e}.save-slot-main:disabled{opacity:.6;cursor:default}.save-slot-avatar{background:#78a06a2e;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.save-slot-avatar svg{width:100%;height:100%}.save-slot-info{flex-direction:column;gap:2px;min-width:0;display:flex}.save-slot-name{color:var(--ink,#34402a);font-size:1.05rem;font-weight:600}.save-slot-del{cursor:pointer;color:#8a4a4a;background:#fff6;border:2px solid #965a5a66;border-radius:12px;flex:none;place-items:center;width:44px;transition:background .15s;display:grid}.save-slot-del:hover:not(:disabled){background:#c878782e}.save-slot-del:disabled{opacity:.5;cursor:default}.hud-left-col{z-index:10;width:var(--hud-left-w,324px);flex-direction:column;align-items:stretch;gap:8px;display:flex;position:absolute;top:12px;left:12px}.hud-left-col .hud-top-left{position:static}.hud-left-col .hud-top-left.hud-card-home{width:min(100%, calc(288px * var(--ui-scale)));align-self:flex-start;min-width:0}.tasks-widget{background:var(--surface-float);border:1.5px solid var(--line);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:14px;box-shadow:0 4px 16px #21291940}.tasks-board{padding:8px 10px 9px}.tasks-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.tasks-title{font-size:calc(12px * var(--ui-scale));color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;font-weight:700;display:inline-flex}.tasks-title svg{color:var(--green-2,#6aa253)}.tasks-collapse{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:6px;padding:2px 4px;display:inline-flex}.tasks-collapse:hover{background:#5e4a321a}.tasks-row{align-items:center;gap:8px;padding:5px 0;display:flex}.tasks-row+.tasks-row{border-top:1px dashed #5e4a3229}.tasks-row-icon{color:var(--green-2,#6aa253);flex-shrink:0;display:flex}.tasks-row-main{flex:1;min-width:0}.tasks-row-text{font-size:calc(12.5px * var(--ui-scale));white-space:pre-line;font-weight:600;line-height:1.25;display:block}.tasks-row-bar{align-items:center;gap:6px;margin-top:3px;display:flex}.tasks-row-bar .meter-track{flex:1}.tasks-row-count{font-size:calc(11px * var(--ui-scale));color:var(--ink-soft);white-space:nowrap}.tasks-steps{flex-direction:column;gap:2px;margin-top:3px;display:flex}.tasks-step{font-size:calc(11px * var(--ui-scale));color:var(--ink-soft);align-items:center;gap:5px;line-height:1.3;display:flex}.tasks-step.done{color:var(--green-2,#6aa253)}.tasks-step-box{border:1.5px solid var(--line);width:13px;height:13px;color:var(--on-accent);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tasks-step.done .tasks-step-box{background:var(--green-2,#6aa253);border-color:var(--green-2,#6aa253)}.tasks-hint-tip .tasks-step{white-space:normal;align-items:flex-start}.tasks-hint-tip .tasks-step-box{margin-top:1px}.tasks-hint-line{margin-bottom:5px;display:block}.tasks-row-pinned{background:var(--tint-leaf);box-shadow:inset 3px 0 0 var(--green-2,#6aa253);border-radius:10px;margin:0 -2px;padding:4px 6px}.tasks-claim{font-size:calc(12px * var(--ui-scale));border:1.5px solid var(--green-2,#6aa253);background:var(--green-2,#6aa253);color:#fdf9ec;cursor:pointer;border-radius:10px;flex-shrink:0;padding:4px 10px;font-weight:700;animation:2.2s ease-in-out infinite tasks-pulse}.tasks-pill{width:auto;font-size:calc(12.5px * var(--ui-scale));color:var(--ink-soft);cursor:pointer;align-self:flex-start;align-items:center;gap:5px;padding:5px 11px;font-weight:700;display:inline-flex}.tasks-pill svg{color:var(--green-2,#6aa253)}.tasks-glow{border-color:var(--gold,#d9a94f);box-shadow:0 0 10px 2px #d9a94f8c}@keyframes tasks-pulse{0%,to{box-shadow:0 0 #6aa25366}50%{box-shadow:0 0 8px 2px #6aa2538c}}@media (max-width:900px){.hud-left-col{width:min(var(--hud-left-w,324px), 46vw)}.tasks-row-text{font-size:calc(11.5px * var(--ui-scale))}}:root{--ui-scale:1}[data-reduce-motion="1"] *,[data-reduce-motion="1"] :before,[data-reduce-motion="1"] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}[data-high-contrast="1"]{--ink:#22221a;--ink-soft:#54523f;--paper:#f7f1e1;--paper-2:#ece2c8;--cream:#fffdf6;--green:#2f5a3c;--green-deep:#24462e;--green-2:#3f6f2c;--rose:#8a3f4c;--gold:#7a5410;--line:#94855c}[data-high-contrast="1"] .panel,[data-high-contrast="1"] .placement-menu,[data-high-contrast="1"] .toolbelt,[data-high-contrast="1"] .tasks-widget,[data-high-contrast="1"] .hud-top-left,[data-high-contrast="1"] .hud-top-right{border-width:2px}[data-high-contrast="1"] .muted,[data-high-contrast="1"] .muted-line{color:var(--ink-soft);opacity:1}[data-high-contrast="1"] .hud-bottom{color:#fffdf6;background:#1a2013f5}[data-high-contrast="1"] .activity-entry{color:#fffdf6;background:#1a2013f0}[data-high-contrast="1"] :focus-visible{outline:3px solid var(--ink);outline-offset:2px}[data-colorblind]:not([data-colorblind=off]){--ink:#000;--ink-soft:#2b2b24;--paper:#fff;--paper-2:#f1efe6;--cream:#fff;--green:#0a5c2b;--green-deep:#063d1c}.ui-layer{display:contents}[data-colorblind]:not([data-colorblind=off]) .ui-layer{pointer-events:none;display:block;position:absolute;inset:0}[data-colorblind]:not([data-colorblind=off]) .ui-layer>*{pointer-events:auto}[data-colorblind]:not([data-colorblind=off]) .ui-layer>.activity-log,[data-colorblind]:not([data-colorblind=off]) .ui-layer>.confetti-canvas{pointer-events:none}[data-colorblind=redgreen] .game-host canvas{filter:url(#cb-redgreen-world)}[data-colorblind=redgreen] .ui-layer,[data-colorblind=redgreen] .welcome{filter:url(#cb-redgreen)}[data-colorblind=blueyellow] .game-host canvas{filter:url(#cb-blueyellow-world)}[data-colorblind=blueyellow] .ui-layer,[data-colorblind=blueyellow] .welcome{filter:url(#cb-blueyellow)}[data-colorblind=mono] .game-host canvas{filter:url(#cb-mono-world)}[data-colorblind=mono] .ui-layer,[data-colorblind=mono] .welcome{filter:grayscale()}[data-colorblind=redgreen]{--green:#0a6b63;--green-deep:#064a44}[data-colorblind]:not([data-colorblind=off]) .hud-top-left,[data-colorblind]:not([data-colorblind=off]) .hud-top-right,[data-colorblind]:not([data-colorblind=off]) .tasks-widget,[data-colorblind]:not([data-colorblind=off]) .toolbelt,[data-colorblind]:not([data-colorblind=off]) .panel,[data-colorblind]:not([data-colorblind=off]) .placement-menu{color:#000!important;background:#fff!important;border:2px solid #000!important}[data-colorblind]:not([data-colorblind=off]) .muted{color:#2b2b24!important}[data-colorblind]:not([data-colorblind=off]) .activity-log{background:0 0!important;border:none!important}[data-colorblind]:not([data-colorblind=off]) .activity-entry,[data-colorblind]:not([data-colorblind=off]) .log-toggle{color:#000!important;background:#fff!important;border:2px solid #000!important}[data-colorblind]:not([data-colorblind=off]) .activity-entry svg,[data-colorblind]:not([data-colorblind=off]) .log-toggle svg{color:#000!important}[data-colorblind]:not([data-colorblind=off]) .big-btn,[data-colorblind]:not([data-colorblind=off]) .mode-toggle-btn,[data-colorblind]:not([data-colorblind=off]) select{color:#000!important;border:2px solid #000!important;font-weight:700!important}[data-colorblind]:not([data-colorblind=off]) .big-btn.primary{color:#fff!important;background:#0a5c2b!important}[data-colorblind]:not([data-colorblind=off]) .big-btn.subtle{color:#000!important}[data-colorblind]:not([data-colorblind=off]) .meter-track{border:1.5px solid #000}[data-colorblind]:not([data-colorblind=off]) .meter-fill{filter:saturate(1.6)brightness(.85)}[data-colorblind]:not([data-colorblind=off]) .meter-value,[data-colorblind]:not([data-colorblind=off]) .meter-label{color:#000!important}[data-colorblind]:not([data-colorblind=off]) .hud-weather,[data-colorblind]:not([data-colorblind=off]) .hud-weather svg{color:#000}[data-colorblind]:not([data-colorblind=off]) .hud-dayphase,[data-colorblind]:not([data-colorblind=off]) .hud-season{opacity:1;color:#000!important;border-color:#000!important}[data-colorblind]:not([data-colorblind=off]) .switch .track{border:2px solid #000;background:#fff!important}[data-colorblind]:not([data-colorblind=off]) .switch input:checked~.track{background:#0a5c2b!important}[data-colorblind]:not([data-colorblind=off]) .switch .thumb{background:#000}[data-colorblind]:not([data-colorblind=off]) .switch input:checked~.thumb{background:#fff}[data-colorblind]:not([data-colorblind=off]) .toast{color:#000!important;background:#fff!important;border:2px solid #000!important}[data-colorblind]:not([data-colorblind=off]) .toast svg,[data-colorblind]:not([data-colorblind=off]) .hud-top-left svg,[data-colorblind]:not([data-colorblind=off]) .hud-top-right svg,[data-colorblind]:not([data-colorblind=off]) .toolbelt svg{color:#000!important}[data-colorblind]:not([data-colorblind=off]) .tool-slot.on{box-shadow:none!important;background:#0a5c2b!important;border:2px solid #000!important}[data-colorblind]:not([data-colorblind=off]) .tool-slot.on svg{color:#fff!important}[data-colorblind]:not([data-colorblind=off]) .tool-slot{border:1.5px solid #000}[data-colorblind]:not([data-colorblind=off]) .tool-tier{color:#fff!important;background:#000!important;border-color:#fff!important}[data-colorblind]:not([data-colorblind=off]) .belt-divider{background:#000!important}.crash{text-align:center;background:var(--paper);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:24px;display:flex;position:absolute;inset:0}.crash h2{margin:0}.crash p{max-width:34rem;color:var(--ink-soft);margin:0 0 6px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e9e9e7;--ink-soft:#a2a4a3;--paper:#1e2022;--paper-2:#282a2d;--cream:#232527;--cream-lift:#292c2e;--green:#7dac83;--green-deep:#6d9c74;--green-2:#99c89e;--rose:#d894a1;--gold:#d8ae66;--line:#3b3e41;--shadow:0 14px 40px #0000008c;--world-void:#121316;--backdrop:#060709ad;--panel-edge:#474b4e;--surface-float:#1e2022f0;--surface-float-solid:#1e2022fb;--surface-float-97:#1e2022f9;--field:#252729;--track:#2d2f32;--kbd-line:#474b4e;--stamp-ink:#6c6e6d;--on-accent:#121314;--bubble:#0e0f11e0;--bubble-strong:#0e0f11f0;--bubble-ink:#e4e4e2;--bubble-accent:#a8cbab;--tint-leaf:#99c89e1f;--tint-leaf-strong:#99c89e2e;--tint-gold:#d8ae6624;--good-bg:#1e2a20;--good-line:#3d5f42;--good-ink:#9ccb9f;--bad-bg:#2f2220;--bad-line:#6f403a;--bad-ink:#e79383;--danger-solid:#a0443a;--danger-deep:#78302a;--violet:#b3a3d6;--disc-1:#2c3032;--disc-2:#24282a;--disc-line:#444a4c;--preview-1:#2b3130;--preview-2:#1f2423;--sil-bg:#3a3e3d;--sil-known-bg:#4b504e;--sil-ink:#cbccc9}[data-theme=dark] .hud-cozy.tier-homey{--cozy-accent:var(--green)}[data-theme=dark] .hud-cozy.tier-snug,[data-theme=dark] .hud-cozy.tier-cozy,[data-theme=dark] .hud-cozy.tier-beloved{--cozy-accent:var(--green-2)}[data-theme=dark] .hud-buff-rested{color:var(--gold)}[data-theme=dark] .hud-bottom,[data-theme=dark] .activity-entry,[data-theme=dark] .log-toggle{border:1px solid #e9e9e724}[data-theme=dark] .hud-bottom.placing{background:#38543ef2}[data-theme=dark] .preserve-map{background:radial-gradient(120% 140% at 15% 0,#292c2e 0%,#222528 55%,#1c1f21 100%);border-color:#3d4144;box-shadow:inset 0 1px #ffffff0a}[data-theme=dark] .biome-detail{background:linear-gradient(#24272a,#1e2123)}[data-theme=dark] .goals-row-readonly{background:linear-gradient(#232629,#1d2022)}[data-theme=dark] .goals-row-pinned{background:linear-gradient(#23302a,#1e2724);border-color:#3f5a48}[data-theme=dark] .kb-gate{background:radial-gradient(circle at 50% 28%,#1e2124,#101214 72%)}[data-theme=dark] .comfort{background:#2b2e31}[data-theme=dark] .comfort-thriving{color:#a3d5a8;background:#1f3324}[data-theme=dark] .comfort-settled{color:#bccdbb;background:#262d26}[data-theme=dark] .comfort-cautious{color:#dfc189;background:#35301c}[data-theme=dark] .comfort-rarely-seen{color:#dea597;background:#33231f}[data-theme=dark] .fact{color:#92b899}[data-theme=dark] .req-guess{background:#92b89917}[data-theme=dark] .req-guess-result.correct{color:#92b899}[data-theme=dark] .req-guess-result.wrong{color:#dfc189}[data-theme=dark] .web-chip-forage{color:#d6bb85;background:#2c2820;border-color:#635a3c}[data-theme=dark] .home-perk,[data-theme=dark] .home-ability,[data-theme=dark] .unlock-req,[data-theme=dark] .bd-unlock .bd-goal-label{color:var(--violet)}[data-theme=dark] .ach-pts,[data-theme=dark] .bd-tag-here{background:#d8ae662b}[data-theme=dark] .pm-selected{background:#99c89e1f}[data-theme=dark] .bd-tag-open{background:#99c89e38}[data-theme=dark] .add-goal-btn:hover,[data-theme=dark] .tutorial-demo-note{background:#99c89e26}[data-theme=dark] .log-toggle:hover{background:#0e0f11f5}[data-theme=dark] .tutorial-icon{background:#24282a}[data-theme=dark] .dot{background:#2d2f32}[data-theme=dark] .mat-no{background:#2f2220;border-color:#6f403a}[data-theme=dark] .delete-save-btn{border-color:#6f403a}[data-theme=dark] .help-step:hover{border-color:#4f5457;box-shadow:0 6px 16px #0006}[data-theme=dark] .save-slot-main{background:#ffffff0d}[data-theme=dark] .save-slot-main:hover:not(:disabled){background:#ffffff1a}[data-theme=dark] .save-slot-del{color:#d99a9a;background:#ffffff0d;border-color:#b4787873}[data-theme=dark] .save-slot-del:hover:not(:disabled){background:#c8787838}[data-theme=dark] .welcome-intro-reassure{background:#99c89e1f}[data-theme=dark] .big-btn.primary:hover:not(:disabled){background:var(--green-2)}[data-theme=dark] .swatch-btn,[data-theme=dark] .paint-swatch{border-color:#ffffff47}[data-theme=dark] .wx-daybar,[data-theme=dark] .meter-track,[data-theme=dark] .daytimer-track{box-shadow:inset 0 1px 3px #00000080}[data-theme=dark][data-high-contrast="1"]{--ink:#f6f6f4;--ink-soft:#c9cac8;--paper:#16181a;--paper-2:#212427;--cream:#1c1e20;--cream-lift:#232628;--green:#9ed3a4;--green-deep:#b5e0b9;--green-2:#b2ddb6;--rose:#efb2bd;--gold:#eec98a;--line:#6d7274;--panel-edge:#878c8e;--stamp-ink:#9fa1a0}[data-theme=dark][data-high-contrast="1"] .hud-bottom,[data-theme=dark][data-high-contrast="1"] .activity-entry{color:#f6f6f4;background:#08090bf7}[data-theme=dark][data-colorblind]:not([data-colorblind=off]){--ink:#fff;--ink-soft:#ddd;--paper:#000;--paper-2:#14170f;--cream:#000;--green:#6ee08f;--green-deep:#8ceaa8}[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .hud-top-left,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .hud-top-right,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .tasks-widget,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .toolbelt,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .panel,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .placement-menu,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .activity-entry,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .log-toggle,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .toast{color:#fff!important;background:#000!important;border-color:#fff!important}[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .activity-entry svg,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .log-toggle svg,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .toast svg,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .hud-top-left svg,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .hud-top-right svg,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .toolbelt svg,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .muted,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .big-btn,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .mode-toggle-btn,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) select,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .meter-value,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .meter-label,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .hud-weather,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .hud-weather svg,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .hud-dayphase,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .hud-season{color:#fff!important;border-color:#fff!important}[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .big-btn.primary,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .tool-slot.on,[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .switch input:checked~.track{color:#000!important;background:#6ee08f!important}[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .tool-slot.on svg{color:#000!important}[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .switch .track{border-color:#fff;background:#000!important}[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .switch .thumb{background:#fff}[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .switch input:checked~.thumb{background:#000}[data-theme=dark][data-colorblind]:not([data-colorblind=off]) .tool-tier{color:#000!important;background:#fff!important;border-color:#000!important}[data-theme=dark][data-colorblind]:not([data-colorblind=off]) :focus-visible{outline-offset:2px;outline:3px solid #fff}[data-font=rounded]{--font-display:var(--font-rounded);--font-body:var(--font-rounded)}[data-font=classic]{--font-display:var(--font-classic);--font-body:var(--font-classic)}[data-font=plain]{--font-display:var(--font-plain);--font-body:var(--font-plain)}[data-font=typewriter]{--font-display:var(--font-typewriter);--font-body:var(--font-typewriter)}[data-font=classic] .meter-label,[data-font=typewriter] .meter-label{width:calc(74px * var(--ui-scale))}.font-opt-storybook{font-family:var(--font-storybook-body)}.font-opt-rounded{font-family:var(--font-rounded)}.font-opt-classic{font-family:var(--font-classic)}.font-opt-plain{font-family:var(--font-plain)}.font-opt-typewriter{font-family:var(--font-typewriter)}.a11y-row{justify-content:space-between;align-items:center;gap:14px;margin:0 0 12px;display:flex}.a11y-row .a11y-label{flex-direction:column;gap:1px;display:flex}.a11y-row select{font-family:var(--font-body);color:var(--ink);background:var(--cream);border:1.5px solid var(--line);cursor:pointer;border-radius:10px;max-width:55%;padding:6px 10px;font-weight:600}.a11y-row .a11y-label b{font-size:calc(14px * var(--ui-scale))}.theme-row{flex-wrap:wrap}.theme-row .a11y-label{flex:150px;min-width:0}.theme-picker{background:var(--paper-2);border:1.5px solid var(--line);border-radius:13px;flex-shrink:0;gap:3px;padding:3px;display:inline-flex}.theme-chip{color:var(--ink-soft);font-size:calc(12.5px * var(--ui-scale));white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:5px 11px;font-weight:600;display:inline-flex}.theme-chip:hover:not(.on){background:var(--cream);color:var(--ink);transform:none}.theme-chip.on{background:var(--green);color:var(--on-accent);box-shadow:0 1px 3px #0000002e}.theme-chip:focus-visible{outline:2px solid var(--green-deep);outline-offset:1px}@media (max-width:560px){.theme-picker{justify-content:space-between;width:100%}.theme-chip{flex:1;justify-content:center}}.switch{flex-shrink:0;width:46px;height:26px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch .track{background:var(--line);border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch .thumb{background:var(--field);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.switch input:checked~.track{background:var(--green)}.switch input:checked~.thumb{transform:translate(20px)}.switch input:focus-visible~.track{outline:2px solid var(--green-deep);outline-offset:2px}.volume-row{align-items:center;gap:12px;margin:0 0 12px;display:flex}.volume-row label{min-width:108px;color:var(--ink);font-weight:600;font-size:calc(13px * var(--ui-scale));flex-shrink:0}.volume-row input[type=range]{accent-color:var(--green);cursor:pointer;flex:1;height:22px}.volume-row input[type=range]:disabled{cursor:default;opacity:.45}.volume-row input[type=range]:focus-visible{outline:2px solid var(--green-deep);outline-offset:2px;border-radius:4px}.volume-value{text-align:right;font-variant-numeric:tabular-nums;min-width:42px;color:var(--ink-soft,var(--ink));font-weight:600;font-size:calc(13px * var(--ui-scale));flex-shrink:0}.tasks-head .tasks-title{margin-right:auto}.goals-list{flex-direction:column;gap:8px;margin:6px 0 4px;display:flex}.goals-row{background:linear-gradient(180deg, #fffdf6, var(--cream));border:1.5px solid var(--line);border-radius:14px;align-items:center;gap:11px;padding:10px 13px;display:flex}.goals-row.goals-done{opacity:.7}.goals-fixed{margin-bottom:10px}.goals-row-readonly{background:linear-gradient(#fbfaf3,#f0eee2)}.goals-row-pinned{box-shadow:inset 3px 0 0 var(--green-2,#6aa253);background:linear-gradient(#f5faec,#e9f2d8);border-color:#bcd39c}.goals-pin-tag{font-size:calc(10.5px * var(--ui-scale));letter-spacing:.03em;text-transform:uppercase;color:var(--green-deep);background:var(--tint-leaf-strong);border-radius:999px;flex-shrink:0;padding:2px 8px;font-weight:800}.goals-own-head{margin-top:4px}.goals-row-icon{background:radial-gradient(circle at 30% 25%, var(--disc-1), var(--disc-2));width:34px;height:34px;color:var(--green-deep);border:1.5px solid var(--disc-line);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.goals-row-text{color:var(--ink);font-weight:600;font-size:calc(13.5px * var(--ui-scale))}.goals-row-meta{margin-top:2px}.goals-badge{color:var(--green-2,#6aa253);font-size:calc(11.5px * var(--ui-scale));align-items:center;gap:4px;font-weight:700;display:inline-flex}.goals-row-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.goals-builder{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.goals-builder .craft-filter{flex:auto}.goals-count{font-size:calc(12px * var(--ui-scale));color:var(--ink-soft);flex-direction:column;gap:3px;display:inline-flex}.goals-count input{border:1.5px solid var(--line);width:72px;font:inherit;border-radius:8px;padding:5px 8px}.goals-style-pick{align-items:center;gap:6px;display:inline-flex}.goals-slots{font-size:calc(11.5px * var(--ui-scale));color:var(--ink-soft);margin:2px 0 8px;font-weight:700}.goals-desc{font-size:calc(12px * var(--ui-scale));color:var(--ink-soft);align-items:flex-start;gap:6px;margin:8px 0;line-height:1.45;display:flex}.goals-desc svg{color:var(--green-deep);flex-shrink:0;margin-top:2px}.recipe-actions,.biome-row-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.recipe-actions,.biome-row-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.add-goal-btn{color:var(--green-deep);border:1.5px solid var(--line);border-radius:9px}.add-goal-btn:hover{border-color:var(--disc-line);background:#7aa85a29}.entry-unknown .add-goal-btn{align-self:center}.tutorial-demo-note{color:var(--green-deep);border:1.5px solid var(--disc-line);background:#7aa85a29;border-radius:9px;align-items:center;gap:6px;margin-top:8px;padding:6px 9px;font-size:.82em;font-weight:600;display:flex}.tutorial-demo-note svg{color:var(--gold);flex-shrink:0}.demo-done-backdrop{z-index:90;position:fixed}.demo-done-card{text-align:center;align-items:center;gap:4px;width:440px;max-width:92vw;padding:26px 26px 24px}.demo-done-card h2{justify-content:center;margin:6px 0 2px}.demo-done-card p{color:var(--ink);margin:4px 0;line-height:1.5}.demo-done-cta{color:var(--green-deep);font-weight:700}.demo-done-card .big-btn{width:auto;margin-top:14px}.demo-done-export{border:1.5px solid var(--line);background:#7aa85a1a;border-radius:12px;flex-direction:column;align-items:center;gap:4px;width:100%;margin:6px 0 2px;padding:12px 14px;display:flex}.demo-done-export-hint{color:var(--ink-soft);margin:0 0 4px;font-size:.9em}.demo-done-export .big-btn{margin-top:4px}.demo-done-export .form-error{margin:4px 0 0}.demo-done-icon{background:var(--tint-leaf-strong);width:58px;height:58px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;display:flex}.demo-nudge-backdrop{z-index:89}.demo-nudge-card{gap:6px}.demo-nudge-stores{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}a.demo-nudge-store{font-family:var(--font-body);background:var(--cream);color:var(--ink);cursor:pointer;margin-top:0;text-decoration:none;transition:transform 80ms,background .15s}a.demo-nudge-store:hover{background:var(--paper-2);transform:translateY(-1px)}a.demo-nudge-store.primary{background:var(--green);color:var(--on-accent)}a.demo-nudge-store.primary:hover{background:var(--green-deep)}.demo-nudge-anytime{max-width:32ch;margin:12px 0 0}.demo-nudge-card .demo-nudge-dismiss{font-size:calc(15px * var(--ui-scale));margin-top:10px;padding:8px 16px}.demo-done-recap{flex-direction:column;align-items:center;gap:8px;width:100%;margin:10px 0 2px;display:flex}.demo-done-figures{justify-content:center;gap:28px;display:flex}.demo-done-figure{flex-direction:column;align-items:center;line-height:1.15;display:flex}.demo-done-figure b{font-family:var(--font-display,inherit);color:var(--green-deep);font-variant-numeric:tabular-nums;font-size:2em}.demo-done-figure span{color:var(--ink-soft);font-size:.82em}.demo-done-webbar{background:var(--tint-leaf-strong);border-radius:999px;width:100%;max-width:260px;height:7px;overflow:hidden}.demo-done-webbar i{background:var(--green);border-radius:999px;height:100%;display:block}.demo-done-card .demo-done-recap-line{color:var(--ink-soft);max-width:34ch;margin:0;font-size:.88em}.demo-done-stores{margin-top:8px}.demo-done-card .demo-nudge-store{margin-top:0}.demo-done-card .demo-done-leave{font-size:calc(15px * var(--ui-scale));margin-top:12px;padding:8px 16px}.demo-done-card .demo-done-warn{max-width:34ch;color:var(--danger-solid);margin:12px 0 0;font-size:.9em;font-weight:600}.goals-unlocked-backdrop{z-index:88;position:fixed}.goals-unlocked-card{text-align:center;align-items:center;gap:4px;width:480px;max-width:92vw;padding:26px 26px 24px}.goals-unlocked-card h2{justify-content:center;margin:6px 0 2px}.goals-unlocked-card p{color:var(--ink);margin:6px 0;line-height:1.5}.goals-unlocked-icon{background:var(--tint-leaf-strong);width:58px;height:58px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;display:flex}.goals-unlocked-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.coach-banner{z-index:80;background:var(--surface-float-solid);border:2px solid var(--green-deep);max-width:min(560px,100vw - 24px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:14px;align-items:center;gap:10px;padding:9px 10px 9px 11px;animation:.28s ease-out coach-banner-in;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}@keyframes coach-banner-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.coach-banner-icon{background:var(--tint-leaf-strong);width:30px;height:30px;color:var(--green-deep);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.coach-banner-text{color:var(--ink);font-size:.85rem;line-height:1.35}.coach-banner-text b{color:var(--green-deep);font-family:var(--font-display);margin-right:4px}.coach-banner-close{width:24px;height:24px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.coach-banner-close:hover{background:var(--paper-2);color:var(--ink)}[data-reduce-motion="1"] .coach-banner{animation:none}.hud-demo-goal{background:var(--surface-float);border:1.5px solid var(--line);color:var(--ink);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;margin-top:8px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.hud-demo-goal>svg{color:var(--ink-soft);flex:none}.hud-demo-goal-text{white-space:nowrap}.hud-demo-goal.done{border-color:var(--green);color:var(--green-deep)}.hud-demo-goal.done>svg{color:var(--green)}.hud-demo-goal-track{gap:3px;margin-left:3px;display:inline-flex}.hud-demo-goal-track .pip{background:#3a3a2c2e;border-radius:50%;width:8px;height:8px}.hud-demo-goal-track .pip.on{background:var(--green-2)}.hud-demo-goal.done .pip.on{background:var(--green)}.keybinds{flex-direction:column;gap:10px;display:flex}.keybind-group{flex-direction:column;gap:2px;display:flex}.keybind-cat{font-family:var(--font-display);font-size:calc(11px * var(--ui-scale));letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-top:6px}.keybind-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:5px 2px;display:flex}.keybind-label{font-size:calc(13.5px * var(--ui-scale));color:var(--ink)}.keybind-keys{align-items:center;gap:6px;display:flex}.keybind-key{border:1.5px solid var(--line);background:var(--cream);min-width:54px;font-weight:800;font-size:calc(13px * var(--ui-scale));color:var(--ink);cursor:pointer;text-align:center;border-radius:9px;padding:5px 12px}.keybind-key:hover{border-color:var(--green-deep)}.keybind-key.listening{border-color:var(--gold);background:var(--tint-gold);color:var(--gold);animation:1s ease-in-out infinite keybind-pulse}@keyframes keybind-pulse{0%,to{opacity:1}50%{opacity:.55}}.keybind-warn{color:var(--gold)}.keybind-actions{justify-content:flex-end;margin-top:2px;display:flex}.add-goal-btn:disabled{opacity:.3;cursor:default}.bd-addgoal:disabled{opacity:.5;cursor:default}.story-shelf{flex-direction:column;gap:6px;margin:8px 0 4px;display:flex}.story-spine{text-align:left;border:1px solid var(--line);background:var(--cream);width:100%;color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.story-spine:hover{border-color:var(--panel-edge);background:var(--cream-lift)}.story-spine>svg{color:var(--ink-soft);flex:none;margin-left:auto}.story-cover{filter:drop-shadow(0 1px .5px #3a2e2040);flex:none;display:block}.story-spine-text{flex-direction:column;gap:1px;min-width:0;display:flex}.story-spine-title{font-weight:700}.story-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.story-back{align-items:center;gap:4px;display:inline-flex}.story-chapter{margin:10px 0 4px}.story-plate{border:1px solid var(--line);background:var(--tint-leaf);border-radius:12px;justify-content:center;align-items:flex-end;gap:4px;margin:2px 0 0;padding:10px 4px 8px;display:flex;overflow-x:auto}.story-fig{flex-direction:column;flex:none;align-items:center;gap:4px;max-width:96px;margin:0;display:flex}.story-fig-art{justify-content:center;align-items:flex-end;display:flex}.story-fig-art img{object-fit:contain;object-position:bottom;width:100%;height:100%}.story-fig figcaption{font-size:calc(11px * var(--ui-scale));text-align:center;color:var(--ink-soft);line-height:1.25}.story-join{color:var(--gold);flex:none;align-self:center;align-items:center;display:flex}.story-text p{margin:0 0 10px;line-height:1.55}.story-pager{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:12px;margin-top:2px;padding-top:8px;display:flex}.story-pager .muted{font-variant-numeric:tabular-nums}.panel.scope-panel{width:780px}.scope-conditions{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.scope-mode{font-weight:700}.scope-stage{flex-wrap:wrap;align-items:flex-start;gap:16px;min-height:318px;display:flex}.scope-eye{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#141d33;border:7px solid #6d5a3c;border-radius:50%;flex:none;width:296px;max-width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #c9a96b,0 6px 18px #2b332159}.scope-eye:active{cursor:grabbing}.scope-eye.day{background:#8ec2e8}.scope-eye svg{width:100%;height:100%;display:block}.scope-glass{pointer-events:none;background:radial-gradient(circle,#0a0e1800 54%,#0a0e1880 86%,#0a0e18cc 100%);position:absolute;inset:0}.scope-cross{pointer-events:none;position:absolute;inset:0}.scope-cross:before{content:"";border:1.5px solid #ffffff52;border-radius:50%;width:54px;height:54px;transition:border-color .14s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scope-cross:after{content:"";background:linear-gradient(#ffffff42,#ffffff42) 50%/1.5px 100% no-repeat,linear-gradient(#ffffff42,#ffffff42) 50%/100% 1.5px no-repeat;width:128px;height:128px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#0000 0 30px,#000 31px);mask:radial-gradient(circle,#0000 0 30px,#000 31px)}.scope-cross.on:before{border-color:#ffe9a8d9}.scope-read{flex:280px;min-width:240px;height:318px;overflow-y:auto}.scope-read-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scope-body .scope-name{font-size:calc(17px * var(--ui-scale));color:var(--ink);text-transform:none;letter-spacing:0;margin:0}.scope-badge{background:var(--tint-leaf-strong);border:1px solid var(--good-line);color:var(--good-ink);font-size:calc(10.5px * var(--ui-scale));border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:inline-flex}.scope-byline{margin:2px 0 6px;font-style:italic}.scope-text{margin:0 0 8px;line-height:1.45}.scope-note{background:var(--tint-gold);border:1px solid var(--line);line-height:1.4;font-size:calc(12.5px * var(--ui-scale));border-radius:10px;align-items:flex-start;gap:6px;margin:0 0 6px;padding:6px 9px;display:flex}.scope-note>svg{color:var(--gold);flex:none;margin-top:2px}.scope-where{margin:0}.scope-notnow,.scope-zodiac{margin:4px 0 0;font-style:italic;line-height:1.4}.scope-empty{text-align:center;min-height:140px;color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.scope-empty p{max-width:24ch;margin:0}.scope-strip{border-top:1px solid var(--line);flex-wrap:nowrap;align-items:center;gap:6px;height:48px;margin-top:12px;padding-top:10px;display:flex;overflow:auto hidden}.scope-chip,.scope-strip-label{white-space:nowrap;flex:none}.scope-strip-label{margin-right:2px}.scope-chip{border:1px solid var(--line);background:var(--cream);color:var(--ink);font-size:calc(12px * var(--ui-scale));cursor:pointer;border-radius:999px;padding:3px 10px}.scope-chip:hover{background:var(--cream-lift);border-color:var(--panel-edge)}.scope-chip.on{background:var(--tint-leaf-strong);border-color:var(--green-2);font-weight:700}.scope-hint{margin:8px 0 0}.scope-empty{height:100%}:root[lang=es] .scope-stage{min-height:338px}:root[lang=es] .scope-read{height:338px}@media (max-width:860px){.scope-stage,.scope-read,:root[lang=es] .scope-stage,:root[lang=es] .scope-read{height:auto;min-height:0}.scope-eye{width:280px}}.panel.tarot-panel{width:860px}.panel.tarot-panel.at-landing{width:520px}.panel.tarot-panel.at-guide{width:800px}.tarot-head-left{align-items:center;gap:10px;min-width:0;display:flex}.tarot-face,.tarot-back{width:100%;height:auto;display:block}.tarot-landing{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:6px 0 2px;display:flex}.tarot-landing-deck{width:190px;height:150px;position:relative}.tarot-landing-card{filter:drop-shadow(0 4px 10px #2b33214d);width:86px;position:absolute;top:0}.tarot-landing-card-a{left:6px;transform:rotate(-13deg)}.tarot-landing-card-b{left:52px;transform:rotate(-2deg)}.tarot-landing-card-c{left:98px;transform:rotate(11deg)}.tarot-lede{max-width:46ch;margin:0;line-height:1.55}.tarot-doors{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;width:100%;display:flex}.tarot-door{border:1px solid var(--line);background:var(--cream);min-width:186px;color:var(--ink);text-align:center;cursor:pointer;border-radius:14px;flex-direction:column;flex:1 1 0;align-items:center;gap:6px;padding:16px 14px;display:flex}.tarot-door:hover{background:var(--cream-lift);border-color:var(--panel-edge)}.tarot-door>svg{color:var(--green)}.tarot-door span{line-height:1.45}.tarot-disclaimer{max-width:52ch;margin:2px 0 0;font-style:italic}.tarot-guide{grid-template-columns:196px minmax(0,1fr);align-items:start;gap:20px;display:grid}.tarot-contents{border-right:1px solid var(--line);padding-right:14px;position:sticky;top:0}.tarot-contents-head{font-size:calc(10.5px * var(--ui-scale));letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;font-weight:700;display:block}.tarot-contents ol{margin:0;padding:0;list-style:none}.tarot-chapter{width:100%;color:var(--ink);text-align:left;line-height:1.35;font-size:calc(12.5px * var(--ui-scale));cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:baseline;gap:8px;padding:5px 8px;display:flex}.tarot-chapter:hover{background:var(--tint-gold)}.tarot-chapter.on{background:var(--tint-leaf-strong);color:var(--ink);box-shadow:inset 3px 0 0 var(--green-2);border-color:#0000;font-weight:700}.tarot-chapter-n{width:1.5em;font-family:var(--font-display);color:var(--ink-soft);font-size:calc(11px * var(--ui-scale));flex:none}.tarot-chapter.on .tarot-chapter-n{color:var(--green-deep)}.tarot-chapter-name{min-width:0}.tarot-plate{background:var(--tint-gold);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:flex-end;gap:10px;margin:0 0 16px;padding:16px 12px;display:flex}.tarot-plate-card{filter:drop-shadow(0 3px 7px #2b33213d);width:62px;display:block}.tarot-plate-what-it-is{gap:0}.tarot-plate-what-it-is .tarot-plate-card:first-child{transform:rotate(-9deg)translate(10px)}.tarot-plate-what-it-is .tarot-plate-card:last-child{transform:rotate(9deg)translate(-10px)}.tarot-plate-intention .tarot-plate-card{width:78px}.tarot-plate-reversals{gap:22px}.tarot-plate-majors{gap:26px}.tarot-plate-svg{width:100%;max-width:340px;height:auto}.tarot-plate-diagram{padding:22px 12px}.tarot-body .tarot-page-title{font-size:calc(18px * var(--ui-scale));color:var(--ink);text-transform:none;letter-spacing:0;margin:0 0 10px}.tarot-para{max-width:68ch;margin:0 0 10px;line-height:1.6}.tarot-keywords{color:var(--green-deep);font-weight:700;font-size:calc(12.5px * var(--ui-scale));margin:0 0 6px}.tarot-blocks{flex-direction:column;gap:14px;margin-top:6px;display:flex}.tarot-block{background:var(--tint-gold);border:1px solid var(--line);border-radius:12px;gap:12px;padding:12px 14px;display:flex}.tarot-block>svg{flex:none;margin-top:2px}.tarot-block h4,.tarot-number h4{font-family:var(--font-display);font-size:calc(14px * var(--ui-scale));margin:0 0 4px}.tarot-block p:last-child,.tarot-number p:last-child{margin-bottom:0}.tarot-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px;display:grid}.tarot-number{gap:10px;display:flex}.tarot-number-mark{background:var(--disc-1);border:1px solid var(--disc-line);width:30px;height:30px;font-family:var(--font-display);font-size:calc(15px * var(--ui-scale));color:var(--green-deep);border-radius:50%;flex:none;place-items:center;display:grid}.tarot-pager{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:10px;margin-top:14px;padding-top:10px;display:flex}.tarot-setup{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.tarot-field{flex-direction:column;gap:3px;display:flex}.tarot-field select{font-family:var(--font-body);font-weight:600;font-size:calc(13px * var(--ui-scale));color:var(--ink);background:var(--cream);border:1.5px solid var(--line);cursor:pointer;border-radius:10px;padding:6px 10px}.tarot-field select:hover{border-color:var(--panel-edge)}.tarot-spread-blurb{max-width:72ch;margin:8px 0 12px}.tarot-block-tag{font-weight:500;font-size:calc(11px * var(--ui-scale));color:var(--ink-soft)}.tarot-table{justify-content:center;align-items:flex-start;gap:18px;margin:4px 0 10px;display:flex}.tarot-seat{flex-direction:column;align-items:center;gap:6px;width:132px;display:flex}.tarot-card{cursor:pointer;aspect-ratio:100/168;filter:drop-shadow(0 3px 7px #2b332142);background:0 0;border:none;border-radius:7px;width:100%;padding:0;transition:transform .14s,filter .14s;display:block;position:relative}.tarot-card:hover,.tarot-card:focus-visible{filter:drop-shadow(0 7px 14px #2b332157);z-index:3;transform:translateY(-4px)}.tarot-seat.on .tarot-card{outline:2px solid var(--green-2);outline-offset:2px;border-radius:7px}.tarot-seat.next .tarot-card{outline-offset:3px;filter:drop-shadow(0 3px 10px #c9913f47);border-radius:7px;outline:1.5px solid #c9913f8c}.tarot-seat.next .tarot-card:hover,.tarot-seat.next .tarot-card:focus-visible{outline-color:var(--gold)}.tarot-seat.waiting .tarot-card{filter:drop-shadow(0 2px 4px #2b33212e)}.tarot-seat.waiting .tarot-card:hover{transform:none}.tarot-seat-name{font-size:calc(11px * var(--ui-scale));color:var(--ink-soft);text-align:center;line-height:1.3}.tarot-tip{z-index:60;background:var(--surface-float-solid);border:1px solid var(--panel-edge);width:268px;box-shadow:var(--shadow);color:var(--ink);font-size:calc(11.5px * var(--ui-scale));text-align:left;opacity:0;visibility:hidden;pointer-events:none;border-radius:10px;padding:9px 11px;line-height:1.45;transition:opacity .12s,visibility .12s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tarot-card:hover .tarot-tip,.tarot-card:focus-visible .tarot-tip{opacity:1;visibility:visible}.tarot-tip strong{font-family:var(--font-display);font-size:calc(13px * var(--ui-scale))}.tarot-tip-side{border-left:2px solid var(--line);color:var(--ink-soft);margin-top:6px;padding-left:8px;font-weight:500;display:block}.tarot-tip-side em{font-style:normal;font-weight:700;font-size:calc(10px * var(--ui-scale));letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);display:block}.tarot-tip-side.on{border-left-color:var(--green-2);color:var(--ink)}.tarot-tip-side.on em{color:var(--green-deep)}.tarot-tip-keys,.tarot-tip-body{margin-top:4px;display:block}.tarot-tip-keys{color:var(--green-deep);font-weight:700}.tarot-actions{text-align:center;margin:0 0 10px}.tarot-read{background:var(--tint-gold);border:1px solid var(--line);border-radius:12px;min-height:268px;padding:12px 14px}.tarot-read-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tarot-body .tarot-read-name{font-size:calc(17px * var(--ui-scale));color:var(--ink);text-transform:none;letter-spacing:0;margin:0}.tarot-way{background:var(--tint-leaf-strong);border:1px solid var(--good-line);color:var(--good-ink);font-size:calc(10.5px * var(--ui-scale));border-radius:999px;align-items:center;padding:2px 8px;font-weight:700;display:inline-flex}.tarot-way.rev{background:var(--bad-bg);border-color:var(--bad-line);color:var(--bad-ink)}.tarot-byline{margin:3px 0 7px;font-style:italic}.tarot-seat-line{font-size:calc(14.5px * var(--ui-scale));color:var(--ink);align-items:baseline;gap:7px;margin:0 0 10px;line-height:1.45;display:flex}.tarot-seat-line>svg{color:var(--gold);flex:none}.tarot-parts{background:var(--cream);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0 0 10px;padding:9px 11px;display:grid}.tarot-part{align-items:flex-start;gap:9px;min-width:0;display:flex}.tarot-part>svg{flex:none;margin-top:1px}.tarot-part h4{font-family:var(--font-display);font-size:calc(12.5px * var(--ui-scale));margin:0 0 2px}.tarot-part p{font-size:calc(11.5px * var(--ui-scale));color:var(--ink-soft);margin:0;line-height:1.45}.tarot-part-mark{background:var(--disc-1);border:1px solid var(--disc-line);width:30px;height:30px;font-family:var(--font-display);font-size:calc(14px * var(--ui-scale));color:var(--green-deep);border-radius:50%;flex:none;place-items:center;display:grid}.tarot-part-mark.major{background:var(--tint-gold);border-color:var(--line);width:auto;min-width:30px;color:var(--gold);font-size:calc(12px * var(--ui-scale));letter-spacing:.04em;border-radius:15px;padding:0 7px}.tarot-parts.solo{grid-template-columns:minmax(0,1fr)}.tarot-whole{margin:0;line-height:1.55}.tarot-whole-label{font-size:calc(10px * var(--ui-scale));letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:3px;font-weight:700;display:block}.tarot-read-empty{text-align:center;min-height:150px;color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.tarot-read-empty p{max-width:30ch;margin:0}@media (max-width:880px){.tarot-guide{grid-template-columns:minmax(0,1fr);gap:12px}.tarot-contents{border-right:none;border-bottom:1px solid var(--line);padding-bottom:8px;padding-right:0;position:static}.tarot-contents ol{flex-wrap:wrap;gap:2px;display:flex}.tarot-seat{width:96px}.tarot-table{gap:10px}.tarot-numbers,.tarot-parts{grid-template-columns:minmax(0,1fr)}.tarot-door{width:100%}}