.story-backdrop,.story-root,.story-coach{--story-paper:#f6e8c8;--story-paper-deep:#ead7ad;--story-bubble:#fbf1da;--story-ink:#3a2518;--story-ink-soft:#6b5844;--story-edge:#7b5a3a;--story-outline:#5a3e28;--story-red:#c8463d;--story-gold:#ffd479;--story-font:"Trebuchet MS", "Segoe UI", "PT Sans", Roboto, system-ui, sans-serif;--story-hand:"Bradley Hand", "Segoe Script", "Marker Felt", "Comic Sans MS", Georgia, serif;--story-serif:Georgia, "Iowan Old Style", "Times New Roman", serif}.story-backdrop{z-index:1000;background:#211409c7;justify-content:center;animation:.18s ease-out story-fade;display:flex;position:fixed;inset:0}.story-root{width:min(100%,460px);height:100%;color:var(--story-ink);font-family:var(--story-font);padding-top:env(safe-area-inset-top,0px);background-color:#efdcb4;background-position:50%;background-repeat:no-repeat;background-size:cover;outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width>=520px){.story-root{border-radius:14px;height:min(100%,940px);margin-block:auto;box-shadow:0 0 0 3px #5a3e28,0 20px 60px #0000008c}}.story-loading{border:2px solid var(--story-edge);background:var(--story-paper);color:var(--story-ink);font:700 15px/1.2 var(--story-font);border-radius:999px;align-self:center;margin:auto;padding:10px 18px}.story-sign{top:calc(env(safe-area-inset-top,0px) + 1px);z-index:6;transform-origin:20% 20%;pointer-events:none;filter:drop-shadow(0 3px 3px #28160866);width:138px;height:auto;position:absolute;left:0;transform:rotate(-3.5deg)}.story-sign-text{color:#8f2d25;font:800 20px/1 var(--story-font);text-align:center;filter:none;background:#d8a86a;border:3px solid #6b4a2f;border-radius:8px;margin:8px 0 0 8px;padding:10px 12px}.story-skip{top:calc(env(safe-area-inset-top,0px) + 8px);z-index:7;border:2px solid var(--story-edge);min-height:34px;color:var(--story-ink);font:700 13px/1 var(--story-font);cursor:pointer;background:#f6e8c8f0;border-radius:999px;padding:6px 14px;position:absolute;right:12px;box-shadow:0 2px 5px #28160859}.story-skip:focus-visible,.story-next:focus-visible,.story-choice:focus-visible,.story-pill:focus-visible,.story-envelope:focus-visible{outline:3px solid var(--story-gold);outline-offset:2px}.story-stage{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;min-height:0;padding:9px 9px 0;display:flex}.story-panels{flex-direction:column;flex:1;gap:9px;min-height:0;margin:0;padding:0;list-style:none;animation:.32s ease-out story-page-in;display:flex}.story-panel{border:2px solid var(--story-edge);opacity:0;min-height:0;transform:rotate(var(--tilt,0deg)) scale(.965);background:#f3e4c1;border-radius:5px 8px 6px 7px;flex:1 1 0;padding:6px;transition:opacity .36s ease-out,transform .36s ease-out;position:relative;box-shadow:0 3px 7px #3c230c61,inset 0 0 0 1px #fff6d6b3}.story-panel.is-revealed,.story-panel:not(.is-revealed){opacity:1;transform:rotate(var(--tilt,0deg))}.story-panel:not(.is-revealed) .story-picture img{filter:blur(7px)saturate(.55)brightness(.88);transform:scale(1.1)}.story-panel:not(.is-revealed) .story-bubble,.story-panel:not(.is-revealed) .story-caption{opacity:0}.story-picture img{transition:filter .4s ease-out,transform .4s ease-out}.story-bubble,.story-caption{transition:opacity .3s ease-out .12s}.story-figure{margin:0;position:absolute;inset:6px}.story-picture{background:var(--story-paper-deep);border:1px solid #46280f99;border-radius:3px;height:100%;position:relative;overflow:hidden;container-type:size}.story-picture img{object-fit:cover;object-position:var(--focus,50% 50%);width:100%;height:100%;display:block}.story-picture-missing{color:var(--story-ink-soft);font:italic 13px/1.35 var(--story-serif);margin:0;padding:14px}.story-bubble{z-index:2;border:2px solid var(--story-outline);background:var(--story-bubble);color:var(--story-ink);font:700 clamp(12px, 3.7vw, 15.5px) / 1.18 var(--story-font);text-align:center;text-wrap:balance;border-radius:15px 17px 16px 14px;margin:0;padding:7px 10px 8px;position:absolute;box-shadow:0 2px #3c230c38}.story-bubble:before,.story-bubble:after{content:"";left:var(--tail-at,22%);width:17px;height:15px;position:absolute}.story-bubble:before{background:var(--story-outline);bottom:-15px}.story-bubble:after{background:var(--story-bubble);width:13px;height:12px;margin-left:2px;bottom:-10px}.story-bubble-down-left:before,.story-bubble-down-left:after{clip-path:polygon(0 0,100% 0,10% 100%)}.story-bubble-down-right:before,.story-bubble-down-right:after{clip-path:polygon(0 0,100% 0,90% 100%)}.story-caption{z-index:2;text-align:center;margin:0;position:absolute}.story-caption-strip{border:1.5px solid var(--story-edge);color:var(--story-ink);font:italic 600 clamp(11.5px, 3.3vw, 13.5px) / 1.25 var(--story-serif);background:#f8edd4f2;border-radius:6px;padding:6px 10px 7px;box-shadow:0 2px 4px #2816084d}.story-imagebox{width:max(100cqw, 100cqh * var(--ar,1.5));height:max(100cqh, 100cqw / var(--ar,1.5));pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story-caption-ink{color:#2b3f86;font:600 clamp(11px, 4.5cqw, 19px) / 1.1 var(--story-hand);white-space:nowrap;font-style:italic;transform:translate(-50%,-50%)rotate(-6deg)}.story-choices{opacity:0;grid-template-columns:1fr 1fr;gap:12px;padding:11px 12px 0;transition:opacity .3s ease-out;display:grid;position:relative}.story-choices.is-visible{opacity:1}.story-choice,.story-reply{min-height:68px;color:var(--story-ink);font:700 clamp(14px, 4.2vw, 17px) / 1.12 var(--story-font);text-align:left;cursor:pointer;filter:drop-shadow(0 2px 3px #3c230c59);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;align-items:center;padding:6px 10px 6px 72px;display:flex;position:relative}.story-sprig{pointer-events:none;width:54px;height:auto;position:absolute;bottom:-14px}.story-sprig.is-left{left:-8px;transform:rotate(-8deg)}.story-sprig.is-right{right:-8px;transform:scaleX(-1)rotate(-8deg)}.story-choice-face{object-fit:contain;pointer-events:none;width:74px;height:74px;position:absolute;bottom:-3px;left:0}.story-choice-dots{pointer-events:none;width:52px;height:46px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.story-reply{cursor:default;filter:drop-shadow(0 2px 3px #3c230c59);flex-wrap:wrap;grid-column:1/-1;padding:10px 16px;font-size:clamp(13px,3.8vw,15.5px)}.story-reply-who{color:var(--story-red);letter-spacing:.04em;text-transform:uppercase;flex:0 0 100%;font-size:12px}.story-footer{padding:6px 0 calc(8px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;gap:2px;display:flex}.story-next{color:#6f5d49;min-width:70%;min-height:44px;font:700 clamp(15px, 4.4vw, 18px) / 1 var(--story-serif);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;display:flex}.story-flourish{opacity:.8;width:clamp(58px,17vw,76px);height:auto}.story-dots{align-items:center;gap:6px;height:8px;display:flex}.story-dots i{background:#5a3e2840;border-radius:999px;width:6px;height:6px;display:block}.story-dots i.is-past{background:#5a3e288c}.story-dots i.is-current{background:var(--story-red);width:16px}.story-letters-title{top:calc(env(safe-area-inset-top,0px) + 20px);z-index:5;color:#5b3a22;font:700 28px/1 var(--story-serif);text-shadow:0 1px #fff4d6cc;margin:0;position:absolute;left:156px}.story-envelopes{scrollbar-width:none;justify-content:center;gap:4px;margin:84px 0 0;padding:4px 8px 6px;list-style:none;display:flex;overflow-x:auto}.story-envelopes::-webkit-scrollbar{display:none}.story-envelope{width:66px;min-height:62px;color:var(--story-ink);font:700 11px/1.1 var(--story-font);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;padding:2px 0 0;transition:transform .15s ease-out;display:flex;position:relative}.story-envelope img,.story-envelope-fallback{object-fit:contain;width:54px;height:46px;display:block}.story-envelope-fallback{border:2px solid var(--story-edge);background:var(--story-paper);border-radius:4px}.story-envelope.is-read{opacity:.72}.story-envelope.is-current{opacity:1;transform:translateY(-3px)}.story-envelope.is-current .story-envelope-name{border-bottom:2px solid var(--story-red)}.story-envelope-dot{background:var(--story-red);border:2px solid #fff3d4;border-radius:999px;width:13px;height:13px;position:absolute;top:0;right:6px;box-shadow:0 1px 3px #3c140a80}.story-envelope-name{margin-top:2px;padding-bottom:1px}.story-letter-paper{aspect-ratio:512/625;color:#3a2a1c;filter:drop-shadow(0 4px 6px #3c230c66);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;outline:none;flex:0 auto;align-self:center;width:min(100% - 24px,61dvh);min-height:0;padding:9% 12% 25%;animation:.28s ease-out story-paper-in;overflow:hidden auto}.story-letter-paper:not([style]){border:2px solid var(--story-edge);background-color:#f2e2bd;border-radius:8px}.story-letter-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.story-letter-face{object-fit:contain;flex:none;width:46px;height:46px}.story-letter-from{color:var(--story-red);font:700 11.5px/1.1 var(--story-font);letter-spacing:.05em;text-transform:uppercase;margin:0}.story-letter-subject{font:700 clamp(15px, 4.3vw, 18px) / 1.1 var(--story-serif);margin:2px 0 0}.story-letter-body{font:500 clamp(13.5px, 3.9vw, 16px) / 1.38 var(--story-hand)}.story-letter-body p{margin:0 0 6px}.story-letter-sign{text-align:right;margin-top:8px;font-style:italic}.story-letter-ps{color:var(--story-ink-soft);font-size:.93em}.story-letter-empty{border:2px solid var(--story-edge);background:var(--story-paper);font:italic 600 16px/1.4 var(--story-serif);text-align:center;border-radius:10px;align-self:center;margin:120px 22px 0;padding:24px 20px}.story-letter-nav{padding:8px 14px calc(14px + env(safe-area-inset-bottom,0px));justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.story-letter-count{color:var(--story-ink-soft);font:600 12px/1.2 var(--story-font);text-align:center}.story-pill{border:2px solid var(--story-edge);min-height:44px;color:var(--story-ink);font:700 14px/1 var(--story-font);cursor:pointer;background:#f4e4c1;border-radius:999px;padding:8px 16px;box-shadow:0 2px 4px #2816084d}.story-pill:disabled{opacity:.4;cursor:default}.story-pill.is-quiet{min-height:34px;box-shadow:none;padding:6px 12px;font-size:12.5px}.story-coach{z-index:900;pointer-events:none;font-family:var(--story-font);position:fixed;inset:0}.story-ring{border:3px solid var(--story-gold);border-radius:14px;animation:1.3s ease-in-out infinite story-ring;position:fixed;box-shadow:0 0 0 2px #c8463dbf,0 0 14px 4px #ffd479bf}.story-ring.is-goal{border-style:dashed}.story-hand{filter:drop-shadow(0 4px 4px #28160873);height:auto;position:fixed}.story-hand.is-tapping{animation:1.1s ease-in-out infinite story-tap}.story-hand.is-dragging{animation:2.6s ease-in-out infinite story-drag}.story-coach-card{pointer-events:auto;align-items:flex-end;gap:4px;width:min(100% - 20px,400px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.story-coach-card.is-bottom{bottom:calc(env(safe-area-inset-bottom,0px) + 70px)}.story-coach-card.is-floating{bottom:auto}.story-coach-face{object-fit:contain;filter:drop-shadow(0 3px 3px #28160866);flex:none;width:66px;height:66px}.story-coach-bubble{border:2px solid var(--story-outline);background:var(--story-bubble);border-radius:15px;flex:1;padding:9px 12px 8px;position:relative;box-shadow:0 4px 10px #28160866}.story-coach-bubble:before{content:"";background:var(--story-outline);clip-path:polygon(100% 0,0 70%,100% 100%);width:12px;height:16px;position:absolute;bottom:16px;left:-11px}.story-coach-bubble:after{content:"";background:var(--story-bubble);clip-path:polygon(100% 0,0 65%,100% 100%);width:9px;height:12px;position:absolute;bottom:18px;left:-6px}.story-coach-text{color:var(--story-ink);font:700 14.5px/1.22 var(--story-font);margin:0 0 6px}.story-coach-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.story-coach-count{color:var(--story-ink-soft);font:700 11.5px/1 var(--story-font);margin-right:auto}@keyframes story-fade{0%{opacity:0}}@keyframes story-page-in{0%{opacity:0;transform:translateY(10px)}}@keyframes story-paper-in{0%{opacity:0;transform:translateY(8px)rotate(-.8deg)}}@keyframes story-ring{50%{opacity:.8;transform:scale(1.06)}}@keyframes story-tap{0%,to{transform:translate(10px,-10px)}45%{transform:translate(0)}}@keyframes story-drag{0%,8%{opacity:0;transform:translate(0)}18%{opacity:1;transform:translate(0)}78%{opacity:1;transform:translate(var(--dx,0), var(--dy,0))}92%,to{opacity:0;transform:translate(var(--dx,0), var(--dy,0))}}@media (prefers-reduced-motion:reduce){.story-backdrop,.story-panels,.story-letter-paper,.story-ring,.story-hand{animation:none}.story-panel,.story-picture img,.story-bubble,.story-caption,.story-choices,.story-envelope{transition:none}}:root{--wood-darkest:#33220f;--wood-dark:#4a3222;--wood:#6b4a2f;--wood-light:#a9743f;--wood-pale:#d8b483;--paper:#f6ead0;--paper-deep:#e8d7b2;--paper-edge:#cbb387;--ink:#3a2a1c;--ink-soft:#6b5844;--grass:#4f7a3a;--grass-dark:#34402a;--leaf:#5f9e3f;--leaf-dark:#3f7a2f;--sun:#f2b544;--heart:#d9534f;--notice:#a8471f;--focus:#ffd479;--milk:#f3e3c3;--cranberry:#c8463d;--cucumber:#6ba368;--sky:#a8cfe0;--wood-culture:#8b5e3c;--evening:#2e3a59;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--serif:Georgia, "Iowan Old Style", "Times New Roman", serif;--radius:10px;--gap:10px;--shadow:0 6px 14px #180e0447;--orders-h:126px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{min-height:100%;font-family:var(--sans);color:var(--ink);background-color:var(--wood-darkest);scrollbar-color:var(--wood-light) transparent;background-image:radial-gradient(circle at 50% 0,#f2b54438,#34402a00 62%);margin:0;font-size:15px;line-height:1.35;overflow-x:hidden}::selection{background:var(--sun);color:var(--wood-darkest)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{gap:var(--gap);max-width:1120px;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}.app-boot{align-items:flex-start}.app-boot [role=alert],.app-boot [role=status]{border:2px solid var(--wood-dark);background:var(--paper);max-width:40rem;color:var(--ink);border-radius:12px;margin:0;padding:10px 12px;font-size:.95rem}.app-field{isolation:isolate;width:100%;max-width:440px;height:100dvh;max-height:100dvh;padding:calc(6px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));grid-template-rows:auto auto minmax(min-content,1fr) auto auto;gap:5px;margin:0 auto;display:grid;position:relative;overflow:hidden auto}.field-backdrop{z-index:-1;background:linear-gradient(180deg, var(--sky) 0%, var(--cucumber) 44%, var(--grass) 100%);position:absolute;inset:0;overflow:hidden}.field-backdrop-image{object-fit:cover;object-position:50% 42%;width:100%;height:100%;display:block}.field-topbar{border:2px solid var(--wood-darkest);background-image:linear-gradient(var(--wood-light), var(--wood));min-width:0;min-height:44px;box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:6px;padding:3px 6px;display:flex}.app-sign{border:2px solid var(--wood-darkest);border-radius:var(--radius);background-color:var(--wood-light);background-image:linear-gradient(var(--wood-culture), var(--wood-dark));flex-wrap:wrap;justify-self:start;align-items:baseline;gap:8px;max-width:100%;padding:2px 11px 3px;display:inline-flex;box-shadow:0 2px #33220f73}.app-title{font-family:var(--serif);letter-spacing:-.01em;white-space:nowrap;color:#fff6e0;text-shadow:0 1px #33220f80;flex:none;margin:0;font-size:.86rem;font-weight:700}.app-badge{border:1px solid var(--wood-darkest);background:var(--milk);color:var(--ink);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;margin:0;padding:0 7px;font-size:.66rem}.resource-bar{flex:auto;gap:3px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.resource{border:1px solid var(--paper-edge);background:var(--milk);border-radius:7px;flex:0 auto;align-items:center;gap:3px;min-width:0;padding:1px 3px;display:flex}.resource-text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.resource-label{text-transform:uppercase;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft);font-size:.46rem;overflow:hidden}.resource-value{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;color:var(--wood-darkest);font-size:.68rem;font-weight:700;overflow:hidden}.asset-icon{flex:none;display:block}.orders-strip{min-width:0}.orders{height:var(--orders-h);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--wood-light) transparent;align-items:stretch;gap:8px;margin:0;padding:2px 2px 6px;list-style:none;display:flex;overflow:auto hidden}.order{border:2px solid var(--paper-edge);scroll-snap-align:start;background:#fffaf0;border-radius:8px 8px 10px 10px;flex-direction:column;flex:0 0 216px;gap:2px;min-width:0;padding:9px 8px 6px;display:flex;position:relative;overflow-y:auto;box-shadow:0 3px 6px #180e0438}.order-clip{border:2px solid var(--wood-dark);background:var(--wood-pale);border-radius:3px;width:14px;height:9px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.order-ready{border-color:var(--leaf-dark);background:#f3f8e8}.order-head{flex-wrap:nowrap;align-items:center;gap:5px;min-width:0;margin:0;display:flex}.order-portrait{border:1px solid var(--wood-dark);background:var(--milk);object-fit:cover;border-radius:7px}.order-npc{font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;color:var(--wood-dark);font-size:.92rem;overflow:hidden}.order-phase{color:var(--ink-soft);font-size:.7rem}.order-story{border:1px solid var(--cranberry);color:var(--cranberry);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:3px;padding:0 6px;font-size:.66rem;display:inline-flex}.order-needs{flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;list-style:none;display:flex}.order-needs li{align-items:center;gap:3px;font-size:.74rem;display:flex}.order-need-count{font-variant-numeric:tabular-nums;font-weight:700}.order-need-level{color:var(--ink-soft)}.order-details{color:var(--ink-soft);margin:0;font-size:.66rem}.order-details summary{cursor:pointer;color:var(--wood-dark)}.order-details p{margin:2px 0 0;line-height:1.25}.order-rewards{color:var(--ink-soft);margin:2px 0 0;font-size:.68rem}.order-missing{color:var(--notice);margin:4px 0 0;font-size:.74rem}.order-free{border-style:dashed;justify-content:flex-start}.orders .button{min-height:32px;margin-top:auto;padding:4px 8px;font-size:.74rem}.panel{border:2px solid var(--wood-dark);background:var(--paper);box-shadow:var(--shadow);border-radius:12px;padding:6px 8px 8px}.panel-heading{font-family:var(--serif);color:var(--wood-dark);margin:0 0 4px;font-size:.9rem}.panel-hint,.controls-hint{color:var(--ink-soft);margin:4px 0 0;font-size:.74rem}.panel-hint code{background:var(--paper-deep);border-radius:4px;padding:0 4px;font-size:.95em}.notice{border:2px solid var(--notice);border-radius:var(--radius);color:var(--wood-darkest);background:#f9e3d3;margin:4px 0 0;padding:6px 9px;font-size:.78rem}.button{border:2px solid var(--wood-dark);border-radius:var(--radius);min-height:44px;color:var(--wood-darkest);font:inherit;cursor:pointer;background:linear-gradient(#fdf3dc,#e9d8b4);padding:9px 14px;font-weight:600;box-shadow:0 3px #33220f66}.button:hover:not(:disabled){background:linear-gradient(#fff8e6,#f0e2c2)}.button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #33220f66}.button:disabled{cursor:not-allowed;opacity:.65;background:var(--paper-deep);box-shadow:none}.button-primary{border-color:var(--leaf-dark);background:linear-gradient(var(--cucumber), var(--leaf-dark));color:#fdfbe9}.button-primary:hover:not(:disabled){background:linear-gradient(#79b073,#457f33)}.button-quiet{box-shadow:none;background:0 0;border-style:dashed;font-weight:500}select{border:2px solid var(--wood);border-radius:var(--radius);max-width:100%;min-height:44px;color:var(--ink);font:inherit;scrollbar-color:var(--wood-light) transparent;background:#fffaf0;flex:200px;padding:8px 10px}.field-hero{flex-direction:column;gap:5px;min-width:0;display:flex;position:relative}.board-frame{touch-action:none;overscroll-behavior:contain;flex-direction:column;flex:none;justify-content:center;min-width:0;display:flex;position:relative}.board-canvas{width:100%;max-width:100%;line-height:0}.board-keys{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.board-key{display:block}.board-keys-hint{background:var(--wood-darkest);text-align:center;max-width:96%;color:var(--milk);opacity:0;pointer-events:none;border-radius:999px;margin:0;padding:2px 8px;font-size:.72rem;line-height:1.25;transition:opacity .15s ease-out;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.board-frame:focus-within .board-keys-hint{opacity:1}.board-debug{border:2px dashed var(--wood-dark);background:var(--paper);border-radius:12px;margin-top:4px;padding:8px 10px}.controls-heading{font-family:var(--serif);color:var(--wood-dark);margin:0;font-size:.92rem}.board-summary{color:var(--ink-soft);margin:4px 0 0;font-size:.76rem}.field-row{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0;display:flex}.field-row label{color:var(--ink-soft);font-size:.8rem}.selection-card{inset-inline:0;border:2px solid var(--paper-edge);border-radius:var(--radius);overscroll-behavior:contain;background:#fffaf0;max-height:56%;padding:8px 10px;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 -6px 18px #180e044d}.selection-head{flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:.88rem;display:flex}.selection-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.selection-notes{color:var(--ink-soft);margin:4px 0 0;font-size:.74rem}.field-dock{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6px;min-width:0;display:grid}.cellar-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.slot{aspect-ratio:1;border:2px solid var(--wood);width:100%;color:var(--ink-soft);font:inherit;cursor:pointer;background:#fffaf0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:1px;font-size:.56rem;line-height:1.05;display:flex}.slot-filled{background:var(--paper-deep);color:var(--wood-dark);font-weight:600}.slot-empty{border-style:dashed}.slot-drop{border-color:var(--cucumber);color:var(--leaf-dark);background:#f0f7ea;border-style:solid;font-weight:600}.slot-locked{border-color:var(--wood-dark);background:repeating-linear-gradient(45deg, var(--wood-pale), var(--wood-pale) 6px, var(--paper-deep) 6px, var(--paper-deep) 12px);cursor:not-allowed}.slot-level{font-variant-numeric:tabular-nums}.cellar-panel .panel-hint,.pimka-panel .panel-hint{font-size:.6rem;line-height:1.15}.pimka-body{align-items:flex-start;gap:6px;min-width:0;display:flex}.pimka-figure{cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;max-width:100%;padding:0;display:flex;position:relative}.pimka-image{border:2px solid var(--wood-dark);background:#f0e2c2;border-radius:10px;width:100%;max-width:50px;height:auto;display:block}.pimka-figure-active .pimka-image{border-color:var(--cranberry)}.pimka-feed-badge{border:2px solid var(--wood-darkest);background:var(--cucumber);color:#fdfbe9;border-radius:999px;padding:0 5px;font-size:.6rem;font-weight:700;position:absolute;bottom:-4px;right:-2px}.pimka-text{flex:auto;min-width:0}.pimka-speech{border:2px solid var(--wood-dark);background:var(--milk);font-family:var(--serif);border-radius:10px 10px 10px 2px;margin:0 0 2px;padding:2px 6px;font-size:.78rem}.field-toast{right:8px;bottom:calc(70px + env(safe-area-inset-bottom));z-index:3;pointer-events:none;gap:4px;display:grid;position:absolute;left:8px}.field-debug-extra{gap:6px;min-width:0;display:grid}.status{border:2px solid var(--leaf-dark);border-radius:var(--radius);background:#f3f8e8;margin:0;padding:5px 9px;font-size:.82rem;box-shadow:0 6px 16px #180e0459}.status-line.status-toast .status{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sync-line{border:2px solid var(--notice);border-radius:var(--radius);color:var(--wood-darkest);background:#f9e3d3;margin:0;padding:4px 8px;font-size:.74rem;box-shadow:0 6px 16px #180e0459}.sync-line p{margin:0}.sync-line-retrying{border-color:var(--leaf-dark);opacity:.94;background:#f3f8e8;border-radius:999px;justify-self:center;align-items:center;gap:6px;padding:3px 10px;display:flex;box-shadow:0 3px 8px #180e044d}.sync-line-retrying:before{content:"";background:var(--leaf-dark);border-radius:50%;flex:none;width:8px;height:8px}@media (prefers-reduced-motion:no-preference){.sync-line-retrying:before{animation:1.4s ease-in-out infinite sync-retry-pulse}}@keyframes sync-retry-pulse{50%{opacity:.35}}.sync-line .sync-warning{border-color:var(--notice);margin-top:2px;padding-left:6px}.status-line-compact .status{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.status-line{border:2px solid var(--wood-dark);background:var(--paper);border-radius:12px;padding:7px 9px 8px}.status-line-compact{background:0 0;border:0;padding:0}.status-line .panel-heading{color:var(--wood-dark)}.status-line .status-history{color:var(--ink-soft)}.status-notice{border-color:var(--notice);background:#f9e3d3}.status-history{color:var(--ink-soft);margin:6px 0 0;padding-left:18px;font-size:.74rem}.demo-panel .button{margin-top:6px}.sync-panel .panel-heading{color:var(--wood-dark)}.sync-panel-serious{border-color:var(--notice)}.sync-phase,.sync-pending{margin:0 8px 0 0;font-size:.82rem;display:inline}.sync-error,.sync-warning{color:var(--notice);margin:4px 0 0;font-size:.76rem}.sync-warning{border-color:var(--notice);padding-left:8px}.sync-hint{color:var(--ink-soft);margin:4px 0;font-size:.72rem}.app-footer{color:var(--milk);flex-wrap:wrap;justify-content:space-between;gap:6px;margin:0;font-size:.72rem;display:flex}.app-footer p{margin:0}.bottom-nav{padding:4px 5px calc(4px + env(safe-area-inset-bottom));border:2px solid var(--wood-darkest);background-image:linear-gradient(var(--wood-culture), #5a3c25);box-shadow:var(--shadow);border-radius:12px}.bottom-nav ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.tab{border:2px solid var(--wood-darkest);background:var(--wood);color:#fdf3dc;width:100%;min-height:40px;font:inherit;cursor:pointer;overflow-wrap:anywhere;border-radius:9px;flex-direction:column;align-items:center;gap:0;padding:1px;font-size:.68rem;line-height:1.02;display:flex}.tab:disabled{cursor:not-allowed;background:var(--wood-dark);color:var(--milk)}.tab-current{border-color:var(--leaf-dark);background:var(--milk);color:var(--wood-darkest);font-weight:700}.tab-label{display:block}.tab-soon{letter-spacing:.04em;text-transform:uppercase;opacity:.9;font-size:.55rem}.bottom-nav .panel-hint{color:var(--milk);margin-top:5px}@media (width>=900px){body{background-color:#241708}.app-field{--orders-h:126px;max-width:420px;box-shadow:0 0 0 1px #180e0499,0 18px 50px #00000073}.app-footer{color:var(--paper-edge)}}@media (width<=380px){.resource-bar{flex-wrap:wrap}.resource{flex:45%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.qa-shell{display:block}.qa-banner{width:100%;max-width:1120px;padding:calc(10px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 0 calc(12px + env(safe-area-inset-left));margin:0 auto}.qa-banner+.app{height:auto;max-height:none;padding-top:12px;overflow:visible}.qa-panel{border-style:dashed;border-color:var(--wood-darkest)}.qa-manual{border:2px dashed var(--paper-edge);border-radius:var(--radius);min-width:0;margin:10px 0 0;padding:8px 10px 10px}.qa-manual legend{font-family:var(--serif);color:var(--wood-dark);padding:0 6px}.qa-manual input{border:2px solid var(--wood);border-radius:var(--radius);min-width:0;max-width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fffaf0;flex:200px;padding:8px 10px}.qa-status{border:2px solid var(--wood-dark);border-radius:var(--radius);background:#fffaf0;margin:10px 0 0;padding:8px 10px;font-size:.9rem}.qa-status-running{border-color:var(--leaf-dark);background:#f3f8e8}.qa-status-warning{border-color:var(--notice);background:#f9e3d3}.qa-metrics{grid-template-columns:1fr;gap:4px;margin:10px 0 0;display:grid}.qa-metrics div{flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:.86rem;display:flex}.qa-metrics dt{color:var(--ink-soft)}.qa-metrics dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.app-field:not(.app-debug){--dock-h:104px;--pimka:148px;--hatch:150px;grid-template-rows:auto auto minmax(0, 1fr) var(--dock-h) auto;max-width:400px;padding:calc(4px + env(safe-area-inset-top)) 6px calc(5px + env(safe-area-inset-bottom));gap:0;overflow-y:hidden}.field-backdrop{background:linear-gradient(#e9a85b 0%,#8aa84a 38%,#5d8a3a 100%)}.field-backdrop-image{object-position:50% 0%}.field-backdrop:after{content:"";pointer-events:none;background:radial-gradient(120% 55% at 80% 0,#ffcf6b2e,#ffcf6b00 70%);position:absolute;inset:0}.field-topbar{height:48px;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;gap:4px;padding:0 3px 0 2px;display:flex;position:relative}.field-topbar .app-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.field-topbar .app-badge{z-index:3;position:absolute;top:2px;left:100px}.topbar-logo{z-index:2;filter:drop-shadow(0 3px 3px #2a190b66);pointer-events:none;flex:none;width:72px;height:auto;margin:-8px -4px -8px 0;position:relative}.resource-bar{border:0 solid #0000;border-width:0 10px;filter:drop-shadow(0 2px 3px #2a190b55);background:0 0;border-image-slice:0 44 fill;border-image-width:0 10px;border-image-repeat:stretch;flex:1 1 0;grid-template-columns:repeat(3,minmax(max-content,1fr));align-items:center;min-width:0;height:40px;margin:0;padding:0;display:grid;position:relative}.resource{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:2px;padding:0 1px;display:flex;position:relative}.resource+.resource:not(.resource-hidden):before,.resource:not(.resource-hidden)~.resource:not(.resource-hidden):before{content:"";background:linear-gradient(90deg,#3b220e66,#f0c88a44);border-radius:1px;width:2px;position:absolute;top:7px;bottom:7px;left:0}.resource-hidden{clip-path:inset(50%);flex:none;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.resource .asset-icon{object-fit:contain;filter:drop-shadow(0 1px 1px #2a190b66);flex:none;width:25px;height:25px;margin:-4px -1px}.resource-text{text-align:left;white-space:nowrap;display:block}.resource-value{font:800 11px/1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.05em;color:#fff7e6;text-shadow:0 1px #3b220e,0 0 3px #3b220e;overflow:visible}.resource-plus{color:#fff;width:15px;height:15px;font:800 15px/1 var(--sans);text-shadow:0 1px 1px #1d5b17;opacity:1;cursor:default;background:radial-gradient(circle at 35% 30%,#8ee06a,#3f9a2e 70%);border:1.5px solid #f6e7bd;border-radius:50%;flex:none;place-items:center;margin:0;padding:0;display:grid;box-shadow:0 1px 2px #2a190b88,inset 0 -1px 2px #1d5b17aa}.resource-plus span{display:block;transform:translateY(-1px)}.topbar-gear{cursor:default;filter:drop-shadow(0 2px 3px #2a190b66);background:0 0;border:0;flex:none;width:32px;height:32px;margin:0 2px 0 0;padding:0}.topbar-gear-art{width:100%;height:100%;display:block}.orders-strip{height:116px;margin:0 -6px;position:relative;overflow:visible}.order-rope-art{object-fit:fill;filter:drop-shadow(0 2px 2px #2a190b55);pointer-events:none;width:100%;height:20px;position:absolute;top:1px;left:0}.orders{scroll-snap-type:x proximity;align-items:flex-start;gap:7px;height:116px;margin:0;padding:17px 9px 3px;scroll-padding:0 8px;display:flex;position:absolute;inset:0;overflow:auto hidden}.order:first-child{margin-left:auto}.order:last-child{margin-right:auto}.order{scroll-snap-align:center;border:8px solid #0000;width:min(128px,33.3333% - 4.66667px);min-width:0;height:98px;box-shadow:none;filter:brightness(1.1)saturate(.82)contrast(.94)drop-shadow(0 3px 3px #2a190b55);transform-origin:50% 0;background:0 0;border-image-slice:38 fill;border-image-width:8px;border-image-repeat:stretch;border-radius:0;flex:0 0 min(128px,33.3333% - 4.66667px);gap:0;padding:0;position:relative;overflow:visible}.order:nth-child(3n+1){transform:rotate(-1.2deg)}.order:nth-child(3n+2){transform:rotate(.8deg)}.order:nth-child(3n+3){transform:rotate(-.4deg)}.order-peg-art{z-index:3;object-fit:fill;pointer-events:none;width:9px;height:27px;position:absolute;top:-21px;left:calc(50% - 4.5px)}.order-note{color:#4d2f1b;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:11px 8px 4px;display:flex;position:absolute;inset:-6px}.order-note:focus-visible{outline:3px solid var(--focus);outline-offset:0;border-radius:8px}.order-npc{max-width:100%;font:800 13px/1.1 var(--serif);text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#4a2d1a;flex:none;display:block;overflow:hidden}.order-body{flex:auto;justify-content:space-between;align-items:center;gap:2px;min-height:0;padding:1px 1px 0;display:flex}.order-avatar{flex:none;width:64px;height:62px;margin:0 0 -4px -10px;display:block;position:relative;overflow:hidden}.order-portrait{object-fit:contain;filter:drop-shadow(0 1px 1px #4d2f1b44);background:0 0;border:0;border-radius:0;width:64px;height:64px;display:block}.order-avatar-canon .order-portrait{width:92px;max-width:none;height:92px;position:absolute;top:-4px;left:-13px}.order-needs{flex:auto;justify-content:center;align-items:center;gap:1px;min-width:0;margin:0;padding:0;display:flex}.order-ingredient{flex-direction:column;align-items:center;gap:0;display:flex}.order-item{object-fit:contain;filter:drop-shadow(0 1px 1px #4d2f1b55);flex:none;width:52px;height:52px;margin-right:-4px}.order-note[data-needs="2"] .order-needs{justify-content:flex-start;gap:0;position:relative}.order-note[data-needs="2"] .order-ingredient:first-child .order-item{width:38px;height:38px;margin:-14px 0 0 -2px}.order-note[data-needs="2"] .order-ingredient:nth-child(2) .order-item{width:30px;height:30px;margin:-10px -8px 0;transform:translate(2px,-14px)rotate(-8deg)}.order-note[data-needs="2"] .order-count{display:none}.order-count{font:800 12px/1 var(--sans);font-variant-numeric:tabular-nums;color:#5a3a22}.order-ready .order-count{display:none}.order-ready-row{justify-content:flex-end;align-items:center;gap:3px;display:flex;position:absolute;bottom:5px;left:8px;right:8px}.order-ready-check{width:21px;height:21px;position:absolute;bottom:-1px;left:1px}.order-ready-pill{font:800 11.5px/1.05 var(--sans);color:#fff;text-shadow:0 1px 1px #1d5b17;background:linear-gradient(#7bd25e,#3f9a2e);border:1px solid #2f7d28;border-radius:9px;padding:3px 10px 4px;box-shadow:0 1px 2px #2a190b66,inset 0 1px #c9f2b4}.order.order-overflow{margin-left:150px}.order.order-free{flex-basis:70px;width:70px}.order-new{font:700 10.5px/1.1 var(--serif);text-align:center;justify-content:center;align-items:center;gap:4px}.order-letter{width:30px;height:30px}.order-new{font-size:9.5px}.order-detail-popover{z-index:20;color:#4d2f1b;background:#f6e7c4;border:2px solid #8b5e3c;border-radius:10px;width:min(360px,100vw - 24px);padding:16px;font-size:13px;position:fixed;top:160px;left:max(12px,50% - 180px);box-shadow:0 8px 30px #301e1680}.order-detail-popover h3{font-family:var(--serif);margin:0}.order-detail-popover button{background:#faedd2;border:1px solid #8b5e3c;border-radius:6px;min-height:44px}.app-field:not(.app-debug) .field-hero{justify-content:flex-start;gap:0;min-height:0;padding-top:2px;container-type:size}.app-field:not(.app-debug) .board-canvas{max-width:calc(77.7778cqh + 4.44444px)}.board-canvas-host{border-radius:6px}.board-canvas{filter:drop-shadow(0 5px 5px #26160b66);margin:0 auto;position:relative}.field-dock{z-index:3;pointer-events:none;min-height:0;margin-top:0;display:block;position:relative}.field-dock>*{pointer-events:auto}.cellar-panel{width:var(--hatch);height:calc(var(--hatch) * .7);box-shadow:none;pointer-events:none;background:0 0;border:0;padding:0;position:absolute;bottom:0;left:-6px}.cellar-hatch{color:#4d2f1b;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;display:block;position:absolute;inset:0}.cellar-hatch-art{object-fit:fill;pointer-events:none;filter:drop-shadow(2px 3px 3px #26160b66);width:100%;height:100%;position:absolute;inset:0}.cellar-hatch-sign{width:calc(var(--hatch) * .56);height:calc(var(--hatch) * .33);border:solid #0000;border-width:calc(var(--hatch) * .07) calc(var(--hatch) * .085);border-image-slice:46 50 fill;border-image-width:calc(var(--hatch) * .07) calc(var(--hatch) * .085);filter:drop-shadow(1px 2px 2px #26160b77);pointer-events:none;border-image-repeat:stretch;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.cellar-hatch-label{font:800 calc(var(--hatch) * .093) / 1 var(--serif);color:#4a2b17;text-shadow:0 1px #e2b97a99}.cellar-hatch-count{font:800 calc(var(--hatch) * .107) / 1 var(--serif);font-variant-numeric:tabular-nums;color:#4a2b17;text-shadow:0 1px #e2b97a99;margin-top:1px}.cellar-hatch.is-locked{cursor:default}.cellar-hatch.is-locked .cellar-hatch-art{filter:saturate(.6)brightness(.92)drop-shadow(2px 3px 3px #26160b66)}.cellar-hatch-lock{font-size:calc(var(--hatch) * .085);white-space:nowrap}.cellar-hatch .cellar-hatch-padlock{right:calc(var(--hatch) * .05);bottom:calc(var(--hatch) * .08);width:calc(var(--hatch) * .26);height:calc(var(--hatch) * .26);filter:drop-shadow(1px 2px 2px #26160bcc);pointer-events:none;position:absolute}.cellar-locked-note{left:4px;bottom:calc(var(--hatch) * .74);z-index:12;color:#4a2b17;max-width:200px;font:700 13px / 1.25 var(--serif);pointer-events:none;background:#f6e7c4;border:2px solid #8b5e3c;border-radius:10px;margin:0;padding:6px 10px;position:absolute;box-shadow:0 5px 18px #301e1666}.cellar-locked-note:not(.is-shown){display:none}.cellar-popover{bottom:calc(var(--hatch) * .74);z-index:12;background:#f6e7c4;border:2px solid #8b5e3c;border-radius:10px;width:262px;padding:12px;position:absolute;left:4px;box-shadow:0 5px 18px #301e1666}.cellar-popover[hidden]{display:none}.cellar-popover.is-open{pointer-events:auto}.cellar-close{color:#503320;background:#f6e7c4;border:1px solid #684327;border-radius:50%;width:30px;height:30px;font-size:20px;position:absolute;top:-27px;right:0}.slot{background:#b28a5f55;border:1px solid #8b5e3c;box-shadow:inset 0 2px 3px #59372240}.slot-filled{background:#f6e7c4}.slot-locked{background:#8b5e3c55}.pimka-panel{width:calc(var(--pimka) + 102px);height:var(--pimka);pointer-events:none;box-shadow:none;background:0 0;border:none;padding:0;position:absolute;bottom:0;right:-2px}.pimka-body{display:block}.pimka-figure{width:var(--pimka);height:var(--pimka);pointer-events:auto;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;padding:0;position:absolute;bottom:0;right:0}.pimka-image{width:var(--pimka);max-width:none;height:var(--pimka);pointer-events:none;filter:drop-shadow(2px 4px 3px #35210b66);background:0 0;border:0;border-radius:0;display:block}.pimka-figure-active{background:radial-gradient(closest-side,#ffe9a066,#ffe9a000)}.pimka-figure-active .pimka-image{filter:drop-shadow(0 0 7px #ffd45a)drop-shadow(2px 5px 3px #35210b66);border:0}.pimka-feed-badge{bottom:6px;right:10px}.pimka-text{left:14px;bottom:calc(var(--pimka) * .48);pointer-events:none;flex:none;width:98px;position:absolute}.pimka-speech{filter:drop-shadow(1px 2px 2px #35210b55);text-align:center;width:98px;height:70px;font:700 12px/1.12 var(--serif);color:#5a3a22;background-color:#0000;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;justify-content:center;align-items:center;margin:0;padding:7px 8px 18px 6px;display:flex;position:relative}.pimka-speech:after{content:"♥";font:11px/1 var(--sans);color:#c8463d;position:absolute;bottom:13px;right:15px}.pimka-stats{z-index:10;background:#f6e7c4;border:2px solid #8b5e3c;border-radius:10px;width:190px;padding:12px;font-size:12px;position:absolute;bottom:138px;right:4px;box-shadow:0 4px 15px #301e1655}.pimka-stats[hidden]{display:none}.bottom-nav{z-index:2;position:relative}.board-canvas:after{content:"";mix-blend-mode:soft-light;pointer-events:none;background:radial-gradient(90% 60% at 100% 0,#ffd27a40,#ffd27a00 70%);border-radius:7px;position:absolute;inset:0}@media (width<=380px){.topbar-logo{width:68px}.resource{gap:2px;padding:0 1px}.resource .asset-icon{width:23px;height:23px}.resource-plus{width:14px;height:14px;font-size:13px}.resource-value{font-size:10.5px}.topbar-gear{width:30px;height:30px}}@media (height<=760px){.pimka-text{width:92px;bottom:3px;left:6px}.pimka-speech{width:92px;height:58px;padding:5px 6px 14px 5px;font-size:12px}.pimka-speech:after{bottom:10px;right:13px}.app-field:not(.app-debug){--dock-h:66px;--pimka:108px;--hatch:118px}.app-field:not(.app-debug) .orders-strip{zoom:.9}.app-field:not(.app-debug) .field-topbar{height:44px}}@media (height<=700px){.pimka-text{width:84px}.pimka-speech{width:84px;height:52px;padding:4px 5px 13px 4px;font-size:11.5px}.app-field:not(.app-debug){--dock-h:54px;--pimka:98px;--hatch:104px}.app-field:not(.app-debug) .orders-strip{zoom:.8}.app-field:not(.app-debug) .field-topbar{height:42px}.resource-bar{height:36px}}:root{--nav-h:calc(80px + env(safe-area-inset-bottom));--sheet-h:160px;--dacha-ink:#4a2f1c;--dacha-ink-soft:#7a5a3c}.app-field.app-parked{visibility:hidden;pointer-events:none;width:min(100%,440px);margin:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.dacha{isolation:isolate;background:var(--grass-dark);width:100%;max-width:440px;height:100dvh;color:var(--dacha-ink);margin:0 auto;position:relative;overflow:hidden}.dacha-scene{z-index:-1;background:linear-gradient(180deg, #f0b46a 0%, #a8b46a 38%, var(--cucumber) 62%, #2f4a22 100%);position:absolute;inset:0;overflow:hidden;container-type:size}.scene-stage{width:max(110cqw, calc((100cqh - var(--nav-h) - var(--sheet-h) + 34px) * .5625));aspect-ratio:864/1536;--b:107%;--lean:9%;--reveal-ms:1.1s;--reveal-ease:cubic-bezier(.3, .72, .2, 1);position:absolute;top:0;left:50%;transform:translate(-50%)}.scene-layer{position:absolute;inset:0}.scene-art{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.scene-before .scene-art{filter:brightness(1.14)saturate(1.22)}.scene-after{clip-path:polygon(calc(var(--b) + var(--lean)) 0, 100% 0, 100% 100%, calc(var(--b) - var(--lean)) 100%);transition:clip-path var(--reveal-ms) var(--reveal-ease)}.scene-border{pointer-events:none;width:100%;height:100%;transform:translateX(calc(var(--b) - 50%));transition:transform var(--reveal-ms) var(--reveal-ease);will-change:transform;position:absolute;inset:0;overflow:visible}.scene-border-glow{stroke:#ffd26e80;stroke-width:13px;stroke-linecap:round;vector-effect:non-scaling-stroke}.scene-border-line{stroke:#fff6d2;stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.scene-pimka{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 4px #1e0e0459);height:auto;position:absolute;transform:translate(-50%,-100%)}.scene-pimka-sad{width:20%}.scene-decor{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 3px #1e0e044d);height:auto;animation:.7s cubic-bezier(.3,1.5,.5,1) both decor-pop;position:absolute;transform:translate(-50%,-50%)}@keyframes decor-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.scene-sign{box-sizing:border-box;aspect-ratio:320/287;width:11.5%;color:var(--dacha-ink);font:800 10.5px/1 var(--sans);letter-spacing:.01em;text-shadow:0 1px #ffe6b473;pointer-events:none;filter:drop-shadow(0 3px 3px #1e0e0466);background:#8b5e3c 50%/100% 100% no-repeat;border-radius:6px;grid-template-rows:38% 1fr;place-items:center;padding:0;transition:opacity .4s;display:grid;position:absolute;top:22%;transform:translate(-50%,-50%)}.scene-sign:before{content:""}.sign-before{left:15%}.sign-after{left:82%}.scene-sign.is-off{opacity:0}.scene-marker{cursor:pointer;background:0 0;border:0;border-radius:50%;width:10.5%;min-width:40px;padding:0;animation:2.4s ease-in-out infinite marker-bob;position:absolute;transform:translate(-50%,-88%)}.scene-marker img{filter:drop-shadow(0 0 7px #ffcd50f2)drop-shadow(0 0 16px #ffbe3c99);width:100%;height:auto;display:block}.scene-marker-fallback{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#ffe08a,#e9a93a);border:3px solid #fff1bf;border-radius:50%;width:100%;display:block;box-shadow:0 0 14px 4px #ffcd50cc}.scene-marker:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@keyframes marker-bob{0%,to{transform:translate(-50%,-88%)}50%{transform:translate(-50%,-94%)}}.scene-burst{pointer-events:none;width:26%;height:auto;animation:1.4s ease-out both burst;position:absolute;transform:translate(-50%,-65%)}@keyframes burst{0%{opacity:0;transform:translate(-50%,-65%)scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-85%)scale(1.35)}}.dacha-scene.is-calm *,.dacha-scene.is-calm :before,.dacha-scene.is-calm :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.dacha-scene *,.dacha-scene :before,.dacha-scene :after{transition:none!important;animation:none!important}}.dacha-topbar{top:calc(-3px + env(safe-area-inset-top));z-index:5;height:56px;position:absolute;left:8px;right:8px}.dacha-topbar .resource-bar{left:2px}.dacha-banner{top:calc(47px + env(safe-area-inset-top));z-index:4;aspect-ratio:900/221;width:min(244px,66%);position:absolute;left:50%;transform:translate(-50%)}.banner-art{filter:drop-shadow(0 3px 4px #1e0e0466);background:50%/100% 100% no-repeat;position:absolute;inset:0}.banner-art:not([style]){border:2px solid var(--wood-culture);background:var(--milk);border-radius:10px;inset:6%}.banner-body{flex-direction:column;justify-content:center;gap:4px;display:flex;position:absolute;inset:7% 20% 18%}.banner-title{color:var(--dacha-ink);text-align:center;white-space:nowrap;text-shadow:0 1px #fff4d6b3;margin:0;font:800 15px/1.1 Georgia,Iowan Old Style,Times New Roman,serif}.banner-progress{background:linear-gradient(#a3917a,#c7b79c);border:1.5px solid #5b4630;border-radius:8px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #3c281473}.banner-fill{background:linear-gradient(#a4e07a,#4ea336 60%,#3d8a2b);border-radius:7px;min-width:0;transition:width .9s cubic-bezier(.3,.72,.2,1);position:absolute;inset:0 auto 0 0;box-shadow:inset 0 1px #ffffff8c}.banner-pct{color:#fff;font:800 10px/1 var(--sans);text-shadow:0 1px 1px #274b1c,0 0 3px #274b1c;place-items:center;display:grid;position:absolute;inset:0}.dacha-side{bottom:calc(var(--nav-h) + var(--sheet-h) + 8px);z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;left:8px}.side-btn{width:58px;color:var(--dacha-ink);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex;position:relative}.side-plate{background:center / contain no-repeat var(--milk);filter:drop-shadow(0 3px 3px #1e0e0473);border-radius:12px;width:52px;height:48px;display:block;position:relative}.side-plate[style]{background-color:#0000}.side-label{font:800 10px/1.15 var(--sans);text-align:center;white-space:nowrap;background:#faeccdf0;border-radius:8px;padding:1px 6px;box-shadow:0 1px 2px #1e0e0459}.side-dot{color:#fff;min-width:17px;height:17px;font:800 9px/1 var(--sans);background:#d83a32;border:2px solid #fff3d6;border-radius:9px;place-items:center;padding:0 3px;display:grid;position:absolute;top:-5px;right:-3px;box-shadow:0 1px 3px #1e0e0480}.side-btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:12px}.dacha-omen{bottom:calc(var(--nav-h) + var(--sheet-h) + 8px);z-index:6;border:2px solid var(--wood-culture);background:linear-gradient(#fff6dc,#f3e1b5);border-radius:12px;width:min(236px,100% - 84px);padding:10px 12px;animation:.22s ease-out both omen-in;position:absolute;left:72px;box-shadow:0 6px 14px #1e0e0473}.dacha-omen:before{content:"";border-bottom:2px solid var(--wood-culture);border-left:2px solid var(--wood-culture);background:#fbefcf;width:14px;height:14px;position:absolute;bottom:22px;left:-9px;transform:rotate(45deg)}@keyframes omen-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.omen-kicker{color:var(--cranberry);font:800 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px}.omen-text{font:600 13.5px/1.3 var(--serif);color:var(--dacha-ink);margin:0 0 8px}.omen-close{border:1.5px solid var(--leaf-dark);color:#fff;font:800 12px/1 var(--sans);text-shadow:0 1px 1px #245a1a;cursor:pointer;background:linear-gradient(#8bd464,#4c9d36);border-radius:9px;padding:5px 12px}.dacha-sheet{right:8px;bottom:calc(var(--nav-h) - 6px);z-index:4;height:var(--sheet-h);flex-direction:column;padding:11px 15px 11px 30px;display:flex;position:absolute;left:8px}.sheet-paper{z-index:-1;filter:drop-shadow(0 -2px 6px #1e0e0466);background:50%/100% 100% no-repeat;position:absolute;inset:0}.sheet-paper:not([style]){border:2px solid var(--paper-edge);background:linear-gradient(#78a0be47 1px,#0000 1px) 0 0/16px 16px,linear-gradient(90deg,#78a0be47 1px,#0000 1px) 0 0/16px 16px,#f8ecc9;border-radius:8px}.sheet-head{flex:none;justify-content:center;align-items:baseline;min-height:28px;display:flex;position:relative}.sheet-title{color:#5b2a1d;text-underline-offset:4px;margin:0;font:800 21px/1.1 Georgia,Iowan Old Style,Times New Roman,serif;-webkit-text-decoration:underline #c33b30;text-decoration:underline #c33b30;text-decoration-thickness:2px}.sheet-comfort{color:#a63a30;font:800 12px/1.3 var(--sans);background:#fff4d6e6;border-radius:9px;margin:0;padding:1px 7px;position:absolute;top:3px;right:0}.dacha-tasks{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#78553280 transparent;flex-direction:column;flex:auto;gap:5px;min-height:0;margin:3px 0 0;padding:2px 1px 3px 0;list-style:none;display:flex;overflow-y:auto}.dacha-task{background:#fff9e8c7;border:1.5px solid #9678506b;border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:5px;min-height:47px;padding:3px 7px 3px 4px;display:grid}.task-icon{background:#d6be9659;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.task-icon img{object-fit:contain;width:34px;height:34px}.task-text{flex-direction:column;min-width:0;display:flex}.task-title{color:var(--dacha-ink);font:800 13px/1.12 var(--sans);overflow-wrap:break-word}.task-reason{color:#a63a30;font:700 10.5px/1.1 var(--sans);margin-top:1px}.task-cost{color:#6c2a22;font:800 15px/1 var(--sans);align-items:center;gap:3px;display:inline-flex}.task-heart{width:19px;height:17px}.task-actions{align-items:center;gap:6px;display:inline-flex}.task-options{align-items:center;gap:4px;display:inline-flex}.task-swatch{cursor:pointer;background:#fff8e4;border:2px solid #e6c987;border-radius:50%;place-items:center;width:31px;height:31px;padding:0;display:grid;overflow:hidden;box-shadow:0 0 0 1.5px #966e3c8c,0 2px 3px #3c240e4d}.task-swatch img{object-fit:cover;width:100%;height:100%}.swatch-fallback{background:var(--sky);border-radius:50%;width:60%;height:60%}.task-swatch.is-picked{border-color:#fff;transform:scale(1.1);box-shadow:0 0 0 2.5px #c33b30,0 2px 5px #3c240e66}.task-swatch:focus-visible,.task-do:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.task-do{color:#fff;min-width:80px;height:36px;font:800 15px/1 var(--sans);text-shadow:0 1px 1px #245a1a;cursor:pointer;background:linear-gradient(#92dc66,#4aa534 55%,#3b8b2a);border:2px solid #2e7324;border-radius:12px;padding:0 10px;box-shadow:inset 0 1px #ffffff8c,0 3px #2a6420,0 5px 6px #1e0e044d}.task-do:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff8c,0 1px #2a6420}.task-do-compact{border-radius:50%;width:34px;min-width:0;height:34px;padding:0;font-size:18px}.task-do[aria-disabled=true]{color:#eef2e6;text-shadow:0 1px 1px #596350;cursor:not-allowed;background:linear-gradient(#b9c2ad,#98a28c);border-color:#6f7a63;box-shadow:inset 0 1px #fff6,0 3px #667059}.dacha-task[data-state=done]{background:#eef4deb3;border-color:#648c4673}.dacha-task[data-state=done] .task-title,.dacha-task[data-state=done] .task-cost{opacity:.62}.dacha-task[data-state=done] .task-icon img{opacity:.7}.task-done{align-items:center;gap:6px;display:inline-flex}.task-chosen{background:#fff8e4;border:2px solid #e6c987;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;overflow:hidden}.task-chosen img{object-fit:cover;width:100%;height:100%}.task-check{color:#fff;width:26px;height:26px;font:800 15px/1 var(--sans);background:#4ea336;border-radius:50%;place-items:center;display:grid}.dacha-tasks-footer{color:#3d6a2a;font:800 12.5px/1.25 var(--sans);text-align:center;padding:4px 6px}.dacha-toast{right:78px;bottom:calc(var(--nav-h) + var(--sheet-h) + 8px);z-index:8;pointer-events:none;justify-content:center;display:flex;position:absolute;left:78px}.toast{color:#fff3d6;max-width:100%;font:700 12.5px/1.25 var(--sans);text-align:center;background:#3a2616f0;border:1.5px solid #f1d28b;border-radius:12px;margin:0;padding:7px 12px;animation:.2s ease-out both omen-in;box-shadow:0 4px 12px #0006}.toast.is-notice{border-color:#e98b7f}nav.bottom-nav{box-sizing:border-box;min-height:var(--nav-h);padding:3px 4px env(safe-area-inset-bottom);border:0 solid #0000;border-top-width:16px;background:linear-gradient(#8b5e3c,#6f4628);border-image-slice:72 0 0 fill;border-image-width:16px 0 0;border-image-repeat:stretch;border-radius:0;margin:0;position:relative;box-shadow:0 -3px 10px #1e0e0466}.app-field>nav.bottom-nav{margin:0 calc(-6px - env(safe-area-inset-right)) calc(-5px - env(safe-area-inset-bottom)) calc(-6px - env(safe-area-inset-left))}.dacha nav.bottom-nav{z-index:7;position:absolute;bottom:0;left:0;right:0}nav.bottom-nav ul{gap:0}nav.bottom-nav li{padding:0 2px;position:relative}nav.bottom-nav li+li:before{content:"";pointer-events:none;background:linear-gradient(90deg,#2816088c 0 55%,#ffe0aa38 55% 100%);border-radius:2px;width:3px;position:absolute;top:6%;bottom:4%;left:-1px}nav.bottom-nav .tab{color:#fff1cf;min-height:60px;font:800 13px/1.05 var(--sans);paint-order:stroke fill;-webkit-text-stroke:2px #3b220e;text-shadow:0 2px #3b220e,0 0 4px #3b220e;background:0 0;border:2px solid #0000;border-radius:12px;gap:2px;padding:2px 0;position:relative}nav.bottom-nav .tab-art{width:40px;height:40px;display:block;position:relative}nav.bottom-nav .tab .asset-icon{object-fit:contain;filter:drop-shadow(0 2px 2px #1e0e0480);width:40px;height:40px;display:block}nav.bottom-nav .tab-current{color:#4a2d17;-webkit-text-stroke:0;text-shadow:0 1px #fff8e0e6;background:linear-gradient(#fff8e2,#f3e0b0 70%,#ead29a);border-color:#b98d4e;box-shadow:inset 0 3px 5px #5a381859,inset 0 -2px #ffffffb3,0 1px #ffe0aa80}nav.bottom-nav .tab:focus-visible{outline:3px solid var(--focus);outline-offset:1px}nav.bottom-nav .tab-closed{color:#e9d3a5;cursor:not-allowed;background:0 0}nav.bottom-nav .tab-closed .asset-icon{opacity:.62;filter:saturate(.55)drop-shadow(0 2px 2px #1e0e0480)}nav.bottom-nav .tab-lock{position:absolute;bottom:-3px;right:-5px}nav.bottom-nav .tab-lock .asset-icon{opacity:1;filter:drop-shadow(0 1px 2px #1e0e04b3);width:18px;height:18px}@media (width<=380px){.dacha-task{grid-template-columns:34px minmax(0,1fr) auto auto;gap:4px;padding-right:5px}.task-icon{width:34px;height:34px}.task-title{font-size:12px}.task-cost{font-size:13px}.task-swatch{width:26px;height:26px}.task-options{gap:3px}.task-actions{gap:4px}.task-do.task-do-compact{width:30px;min-width:0;height:30px}.task-do{min-width:72px;font-size:14px}}@media (height<=700px){:root{--nav-h:calc(66px + env(safe-area-inset-bottom));--sheet-h:150px}nav.bottom-nav .tab{min-height:48px;font-size:12px}nav.bottom-nav .tab-art,nav.bottom-nav .tab>.tab-art>.asset-icon{width:32px;height:32px}nav.bottom-nav .tab-lock .asset-icon{width:16px;height:16px}}.first-run{--fr-paper:#f6e8c8;--fr-paper-deep:#ead7ad;--fr-ink:#3a2518;--fr-ink-soft:#6b5844;--fr-edge:#7b5a3a;--fr-red:#c8463d;--fr-font:"Trebuchet MS", "Segoe UI", "PT Sans", Roboto, system-ui, sans-serif;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));color:var(--fr-ink);font-family:var(--fr-font);isolation:isolate;background:radial-gradient(120% 60% at 50% 0,#fff4d6e6,#0000 70%),radial-gradient(90% 50% at 50% 100%,#78522847,#0000 70%),linear-gradient(#e9d3a4,#d9bd86);place-items:center;display:grid;position:relative;overflow:hidden}.first-run__backdrop{z-index:-1;filter:blur(6px)saturate(.9)brightness(.8);background-position:50%;background-size:cover;position:absolute;inset:-24px}.first-run__sheet{border:2px solid var(--fr-edge);background:repeating-linear-gradient(0deg, transparent 0 27px, #7b5a3a14 27px 28px), linear-gradient(var(--fr-paper), var(--fr-paper-deep));text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:min(100%,420px);padding:18px 18px 20px;display:flex;position:relative;box-shadow:0 0 0 4px #f8edd3,0 0 0 6px #7b5a3a8c,0 14px 28px #28180859}.first-run__logo{filter:drop-shadow(0 3px 4px #28180859);width:min(62%,230px);height:auto;margin-top:-2px}.first-run__title{font:800 22px/1.15 var(--fr-font);color:var(--fr-ink);margin:0}.first-run__lead{max-width:30ch;color:var(--fr-ink-soft);margin:0;font-size:15px;line-height:1.35}.first-run__pimka{object-fit:contain;filter:drop-shadow(0 6px 6px #2818084d);width:132px;height:132px}.first-run__question{font:700 17px/1.2 var(--fr-font);margin:2px 0 0}.first-run__forms{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.first-run__form{border:2px solid var(--fr-edge);min-height:52px;color:var(--fr-ink);font:800 18px/1 var(--fr-font);cursor:pointer;background:linear-gradient(#fbf1da,#efdcb4);border-radius:12px;transition:transform .12s,box-shadow .12s;box-shadow:0 3px #5a3e288c}.first-run__form:active{transform:translateY(2px);box-shadow:0 1px #5a3e288c}.first-run__form.is-selected{background:linear-gradient(#e7f6d6,#c9e7ad);border-color:#3d8a2b;box-shadow:0 3px #2f6b21,0 0 0 3px #ffd479d9}.first-run__consent{text-align:left;width:100%;color:var(--fr-ink);background:#fffaecbf;border:1px dashed #7b5a3a99;border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:10px;margin-top:4px;padding:10px 12px;font-size:13.5px;line-height:1.35;display:grid}.first-run__consent input{accent-color:#3d8a2b;width:24px;height:24px;margin:0}.first-run__consent a{color:var(--fr-red);font-weight:700}.first-run__start{color:#fff;width:100%;min-height:54px;font:800 20px/1 var(--fr-font);text-shadow:0 1px 1px #1f4a16;cursor:pointer;background:linear-gradient(#92dc66,#4aa534 55%,#3b8b2a);border:2px solid #2f6b21;border-radius:14px;margin-top:4px;box-shadow:inset 0 1px #ffffff80,0 4px #2a5f1d}.first-run__start:disabled{filter:grayscale(.85);opacity:.6;cursor:default}.first-run button:focus-visible,.first-run input:focus-visible,.first-run a:focus-visible{outline:3px solid var(--focus,#ffd479);outline-offset:2px}@media (height<=680px){.first-run__pimka{width:92px;height:92px}.first-run__sheet{gap:7px;padding-top:12px}}@media (prefers-reduced-motion:reduce){.first-run__form{transition:none}}