:root{color-scheme:light;--bg: #6e5036;--paper: #efe7d8;--lift: 0 1px 2px rgba(40, 20, 6, .35), 0 10px 24px -10px rgba(40, 20, 6, .6);--tape: rgba(236, 224, 186, .86);--panel: #f6f1e6;--line: #d8cdb8;--text: #2c2a26;--dim: #7a7265;--good: #5f7f4a;--warn: #b8892c;--bad: #a9462f;--accent: #3f6b8a;--margin: #bf6a58;--serif: ui-serif, Georgia, "Iowan Old Style", "Palatino Linotype", serif;--hand: "Segoe Print", "Ink Free", "Chalkboard SE", "Marker Felt", "Comic Sans MS", sans-serif;--land: #4f7a3c;--land-tint: #e4eed9;--build: #8a5a32;--build-tint: #f1e4d2;--aqua: #2f7596;--aqua-tint: #dcecf4;--bugs: #9c7748;--bugs-tint: #f2e8d6;--events: #b0473a;--events-tint: #f6e2dc;--line-h: 22px}*{box-sizing:border-box}body{margin:0;color:var(--text);font:13px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg)}canvas.bench,canvas.bench-dust{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.bench-night{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;mix-blend-mode:multiply;background:radial-gradient(ellipse at 50% 42%,#6064aa,#30346c 70%,#1e204a)}.bench-rain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;mix-blend-mode:multiply;background:radial-gradient(ellipse at 50% 30%,#9eaabc,#768094 75%,#60687a)}.bench-candle{position:fixed;z-index:-1;width:0;height:0;pointer-events:none;transition:opacity 1.2s ease}.bench-candle .candle-glow{position:absolute;left:-260px;top:-260px;width:520px;height:520px;border-radius:50%;mix-blend-mode:screen;background:radial-gradient(circle,#ffc4786b,#ffa05029 30%,#ff8c3c00 68%);animation:candle-glow 3.1s ease-in-out infinite}.bench-candle .candle-flame{position:absolute;left:-6px;top:-20px;width:12px;height:22px;border-radius:50% 50% 45% 45%/62% 62% 38% 38%;background:radial-gradient(ellipse at 50% 72%,#fffbe8,#ffe08a 35%,#ff9a3a 75%,#ff782800);box-shadow:0 0 12px 4px #ffbe648c;transform-origin:50% 100%;animation:candle-flicker 1.7s ease-in-out infinite}@keyframes candle-flicker{0%,to{transform:scale(1) rotate(0)}20%{transform:scale(.92,1.08) rotate(-3deg)}45%{transform:scale(1.05,.94) rotate(2deg)}70%{transform:scale(.96,1.05) rotate(-1deg)}}@keyframes candle-glow{0%,to{opacity:1}30%{opacity:.86}55%{opacity:.95}80%{opacity:.82}}@media(prefers-reduced-motion:reduce){.bench-candle .candle-flame,.bench-candle .candle-glow{animation:none}}#title{background:var(--bg)}#title .title-dim{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#120a043d;opacity:0;transition:opacity .5s ease}#title.start-focus .title-dim{opacity:1}@media(prefers-reduced-motion:reduce){#title .title-dim{transition:none}}#app{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"top  top" "jar  notes" "tray notes";grid-template-rows:auto auto 1fr;gap:12px 18px;padding:12px 18px;max-width:1500px;margin:0 auto;align-items:start}#topbar{grid-area:top;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding:8px 28px;position:relative;background:var(--panel);border:1px solid var(--line);border-radius:2px;box-shadow:var(--lift)}#topbar:before,#topbar:after{content:"";position:absolute;top:50%;width:54px;height:20px;background:var(--tape);box-shadow:0 1px 2px #28140633;pointer-events:none}#topbar:before{left:-16px;transform:translateY(-50%) rotate(-84deg)}#topbar:after{right:-16px;transform:translateY(-50%) rotate(-96deg)}.topbar-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-family:var(--serif)}.topbar-title strong{font-size:18px;font-weight:600}.topbar-title .clock{font-size:14px;color:var(--text)}.topbar-title .mood{font-style:italic;color:var(--dim)}.census{font-size:12px;color:var(--dim);min-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mother-line{margin-left:10px;padding-left:10px;border-left:1px solid var(--line);color:var(--good);font-weight:600}.mother-line[hidden]{display:none}.mother-line.upheaval{color:var(--bad)}.topbar-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}.speed{display:flex;gap:0}.speed button{padding:5px 9px;border-radius:0;margin-left:-1px}.speed button:first-child{border-radius:3px 0 0 3px;margin-left:0}.speed button:last-child{border-radius:0 3px 3px 0}.speed button[aria-pressed=true]{position:relative;z-index:1}.lamp{display:flex;align-items:center;gap:7px;color:var(--dim)}.lamp button{padding:3px 8px;min-width:28px}#jar{grid-area:jar;min-width:0;display:flex;justify-content:center}#stage-wrap{position:relative;width:min(calc(100% - var(--breath-x, 0px)),max(420px,calc((100vh - var(--chrome, 250px) - var(--breath-y, 0px)) * 1.941)));width:min(calc(100% - var(--breath-x, 0px)),max(420px,calc((100dvh - var(--chrome, 250px) - var(--breath-y, 0px)) * 1.941)))}#stage{display:block;cursor:crosshair;width:100%;height:auto;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#tray{grid-area:tray;width:calc(100% - var(--breath-x, 0px));justify-self:center;font-family:var(--hand);display:flex;flex-direction:column;gap:8px;padding:10px 14px;background:repeating-linear-gradient(90deg,#96643200 0 37px,#96643212 37px 39px,#96643200 39px 71px,#fff5e11f 71px 72px),linear-gradient(180deg,#ecd8b4,#e2c99f);border:7px solid #7a4d29;border-color:#8c5a31 #6f4423 #5f3a1d #6f4423;border-radius:6px;box-shadow:inset 0 3px 6px #3c1e0859,inset 0 -1px #fff0d24d,var(--lift)}#tray .tend-head{border-bottom-color:#6e461e59}#tray .tools .sep{background:#6e461e4d}#tray .brush-label,#tray .level-label{color:#6b5238}.tray-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:4px 10px;transition:opacity .16s}.tools .sep{width:1px;align-self:stretch;margin:0 4px;background:var(--line)}.brush{display:inline-flex;align-items:center;gap:4px;margin-left:6px}.brush-label{color:var(--dim)}.brush button{padding:4px 9px;min-width:30px}.brush-size{min-width:1.4em;text-align:center;font-weight:700}.tend{display:flex;flex-direction:column;gap:6px}.tend-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:4px 12px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:2px}.level{display:inline-flex;align-items:center;gap:4px;padding-bottom:3px;font-family:var(--hand)}.level[hidden]{display:none}.level-label{color:var(--dim)}.level button{padding:2px 9px;min-width:30px}.level-value{min-width:3em;text-align:center;font-weight:700}.tabs [role=tab]{margin-bottom:-1px;padding:3px 16px 4px;border:1px solid;border-radius:5px 5px 0 0;font-family:var(--hand);font-weight:700}.tabs [data-tab=build]{background:var(--build-tint);border-color:var(--build);color:var(--build)}.tabs [data-tab=build][aria-selected=true]{background:var(--build);color:#fff}.tabs [data-tab=land]{background:var(--land-tint);border-color:var(--land);color:var(--land)}.tabs [data-tab=aquatic]{background:var(--aqua-tint);border-color:var(--aqua);color:var(--aqua)}.tabs [data-tab=land][aria-selected=true]{background:var(--land);color:#fff}.tabs [data-tab=aquatic][aria-selected=true]{background:var(--aqua);color:#fff}.tabs [data-tab=bugs]{background:var(--bugs-tint);border-color:var(--bugs);color:var(--bugs)}.tabs [data-tab=bugs][aria-selected=true]{background:var(--bugs);color:#fff}.tabs [data-tab=events]{background:var(--events-tint);border-color:var(--events);color:var(--events)}.tabs [data-tab=events][aria-selected=true]{background:var(--events);color:#fff}[data-event]:disabled{opacity:.45;cursor:not-allowed}.hold-ring{position:fixed;z-index:56;width:44px;height:44px;margin:-22px 0 0 -22px;pointer-events:none}.hold-ring[hidden]{display:none}.hold-ring circle{fill:none;stroke-width:4}.hold-ring .track{stroke:#2c2a262e}.hold-ring .fill{stroke:var(--events);stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}.tabs [role=tab]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tab-panel{display:contents}.tab-panel[hidden]{display:none}.tabs [data-tab=basics]{background:#f6e9c8;border-color:#a8742a;color:#8a5c1c}.tabs [data-tab=basics][aria-selected=true]{background:#a8742a;color:#fff}.basic.kit-off{display:none!important}.tools[data-open=basics]>[data-tool=water],.tools[data-open=basics]>.sep{display:none}.groups{display:flex;flex-wrap:wrap;gap:4px}.groups[hidden]{display:none}.groups button{padding:1px 9px 2px;border:1px solid rgba(110,80,45,.45);border-radius:999px;background:#fffaf0b3;font-family:var(--hand);font-size:12px;color:#5a4630}.groups button:hover{border-color:#4a3420}.groups button[aria-pressed=true]{background:#4a3420;border-color:#4a3420;box-shadow:none;color:#fbf1dc}.group-off{display:none!important}.tab-panel.grouped>.sep{display:none!important}.tab-panel.grouped .seed-group:not(:has(button:not(.group-off))){display:none!important}.tabs [role=tab].fresh,.groups button.fresh{position:relative}.tabs [role=tab].fresh:after,.groups button.fresh:after{content:"";position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:#f2c230;border:1.5px solid #8a6418;animation:fresh-dot 1.2s ease-in-out 4}@keyframes fresh-dot{50%{transform:scale(1.5)}}@media(prefers-reduced-motion:reduce){.tabs [role=tab].fresh:after,.groups button.fresh:after{animation:none}}.tabs [role=tab][hidden]{display:none}#notes{grid-area:notes;display:flex;flex-direction:column;gap:16px;padding:12px 8px 0 4px;height:calc(100vh - var(--top, 104px));height:calc(100dvh - var(--top, 104px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(60,30,8,.45) transparent}@media(max-height:900px)and (pointer:fine),(max-width:1600px)and (pointer:fine){#app{--breath-y: 26px;--breath-x: 28px;padding-bottom:16px}#notes{gap:10px}}@media(max-height:820px)and (pointer:fine){#app{gap:12px 18px;padding:10px 16px 16px}#topbar{padding:4px 26px}#tray{gap:5px;padding:6px 12px}.tend{gap:4px}button{padding:4px 9px}.speed button{padding:4px 8px}.tabs [role=tab]{padding:2px 14px 3px}}@media(pointer:coarse){button{min-height:40px;padding:8px 12px;touch-action:manipulation}.tabs [role=tab]{min-height:36px;padding:6px 16px}.brush button,.level button,.lamp button{min-width:40px}input[type=range]{height:32px}}@media(max-width:1200px)and (min-width:961px){#app{grid-template-columns:minmax(0,1fr) 264px}}@media(max-width:960px){.topbar-controls{gap:6px 8px}.lamp input[type=range]{width:90px}#app{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "jar" "tray" "notes";grid-template-rows:auto}#stage-wrap{width:100%}#notes{height:auto;overflow:visible;padding:12px 0 0}}.card{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:12px 12px 10px;box-shadow:var(--lift);position:relative;flex-shrink:0}#notes .card:before{content:"";position:absolute;top:-9px;left:50%;width:70px;height:18px;margin-left:-35px;background:var(--tape);box-shadow:0 1px 2px #2814062e;transform:rotate(-2.5deg);pointer-events:none}#notes .card:nth-child(2n):before{transform:rotate(2deg);margin-left:-20px}.card h2{margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:13px;letter-spacing:.06em;font-variant:small-caps;text-transform:lowercase;color:var(--text);font-weight:600}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.row:last-child{margin-bottom:0}.row label{color:var(--dim)}.readout{font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}.tools{display:flex;flex-wrap:wrap;gap:6px}button{background:#fbf7ee;color:var(--text);border:1px solid var(--line);border-radius:3px;padding:6px 10px;font:inherit;cursor:pointer}button:hover{border-color:var(--accent)}button[aria-pressed=true]{background:#e7eef3;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:#1f3b4d}button.primary{background:#e9f0e3;border-color:var(--good)}button:disabled{opacity:.4;cursor:default}input[type=range]{width:130px;accent-color:var(--accent)}.bar{position:relative;height:7px;border-radius:4px;background:#2c2a261a;overflow:hidden;flex:1}.bar>span{position:absolute;inset:0 auto 0 0;border-radius:4px;transition:width .12s linear}.gauge{display:grid;grid-template-columns:68px 1fr 62px;align-items:center;gap:8px;margin-bottom:7px}.gauge>span:first-child{color:var(--dim)}.gauge>.readout{text-align:right;font-size:12px}#alerts{display:flex;flex-direction:column;gap:6px}.dx-tip{position:fixed;z-index:55;max-width:260px;padding:6px 9px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:0 4px 4px 0;box-shadow:0 6px 18px #2c2a262e;font-size:12px;line-height:1.4;pointer-events:none}.dx-tip.bad{border-left-color:var(--bad)}.dx-tip.good{border-left-color:var(--good)}.dx-tip strong{display:block;font-family:var(--serif)}.dx-tip span{display:block;color:var(--dim)}.dx-tip em{display:block;font-style:normal;font-size:11px;color:var(--dim);margin:1px 0 3px}.dx-tip em .worse,.dx-tip em .now{color:var(--bad)}.dx-tip em .better{color:var(--good)}.alert{border-left:3px solid var(--warn);padding:6px 9px;background:#b8892c1a;border-radius:0 3px 3px 0}.alert.fail{border-left-color:var(--bad);background:#a9462f1a}.alert strong{display:block;color:var(--text);font-family:var(--serif)}.alert em{color:var(--dim);font-style:normal}.hint{color:var(--dim);font-size:12px;margin:0}.advice{display:flex;flex-direction:column;gap:6px;margin:8px 0}.modal-backdrop{position:fixed;inset:0;background:#2c2a268c;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:22px 24px;max-width:430px;box-shadow:0 16px 48px #2c2a2647}.modal h2{margin:0 0 10px;font-family:var(--serif);font-size:19px;color:var(--text)}.modal p{margin:0 0 12px;line-height:1.55;color:var(--text)}.modal p:last-of-type{margin-bottom:0}.modal .credit{margin:16px 0 0;padding-top:10px;border-top:1px dashed rgba(110,80,45,.3);font-size:11px;color:var(--dim);letter-spacing:.02em;text-align:center}#title{position:fixed;inset:0;z-index:50;display:grid;place-items:center;overflow:hidden}#title[hidden]{display:none}.title-ivy-shade{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;background:radial-gradient(farthest-corner at 50% 50%,#223a1e00 45%,#223a1e52)}.title-ivy{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.title-stage{position:relative;width:min(1120px,94vw,calc((100vh - 32px) * 792 / 408));container-type:inline-size}.title-jar{display:block;width:100%;height:auto}.title-card{position:absolute;top:6%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;width:max-content;max-width:90%}.title-plate{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:12px}.title-name{margin:0;font-family:var(--serif);font-size:clamp(38px,6.4vw,84px);font-weight:700;letter-spacing:.01em;line-height:1;color:var(--text)}.title-logo-wrap{position:relative;display:block}.title-logo-motion{position:absolute;top:0;left:0;width:100%;height:128%;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10.9%);mask-image:linear-gradient(to bottom,transparent 0,#000 10.9%);filter:drop-shadow(0 3px 8px rgba(44,42,38,.12))}.title-logo-wrap.animated .title-logo{visibility:hidden}.title-logo{display:block;width:54cqw;height:auto;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%);mask-image:linear-gradient(to bottom,transparent 0,#000 14%);filter:drop-shadow(0 3px 8px rgba(44,42,38,.12))}.title-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.biome-name{align-self:center;padding:0 9px;border:1px solid rgba(79,122,60,.35);border-radius:999px;background:var(--land-tint);color:var(--land);font-family:var(--hand);font-size:12px;font-weight:600;line-height:20px}.biome-name[hidden],.seed-group[hidden]{display:none}.title-btn{font-family:var(--hand);font-size:17px;padding:9px 22px;min-width:118px;box-shadow:0 2px 10px #2c2a261f}.title-jar,.title-btn{transition:filter .5s ease,opacity .5s ease,transform .35s ease,box-shadow .35s ease}#title .title-btn[data-mode]{position:relative;z-index:5}#title.start-focus .title-jar{filter:blur(3px) brightness(.82) saturate(.75)}#title.start-focus .title-btn:not(.focused),#title.start-focus .mode-sub,#title.start-focus .title-link{opacity:.25;filter:blur(1px)}#title.start-focus .title-btn.focused{transform:scale(1.14);box-shadow:0 0 0 3px #608c488c,0 0 28px 6px #96c86e8c,0 10px 26px #2c2a2640}@media(prefers-reduced-motion:reduce){.title-jar,.title-btn{transition:none}}.title-btn:focus-visible,.settings button:focus-visible,.settings input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings{width:min(400px,92vw);max-width:none;max-height:calc(100vh - 40px);display:flex;flex-direction:column}.settings-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;margin-right:-6px}@media(min-width:880px){.settings{width:min(800px,94vw)}.settings-body{column-count:2;column-gap:30px}.settings-body .setting-group{break-inside:avoid}}.setting-group{border-top:1px solid var(--line);padding:10px 0 12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px}.setting-name{font-family:var(--serif);font-size:15px}.setting-row input[type=range]{flex:1;width:auto}.setting-value{min-width:3.2em;text-align:right;color:var(--dim);font-variant-numeric:tabular-nums}.setting-group .hint{margin-top:4px;line-height:1.45}.settings-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:14px}.settings [data-set]{min-width:58px}.gear-btn{display:inline-grid;place-items:center;padding:5px 7px;line-height:0}.gear-btn .gear{display:block;transition:transform .4s ease}.lens-btn svg{display:block;width:18px;height:18px}.lens-btn[hidden]{display:none}.gear-btn:hover .gear{transform:rotate(45deg)}.title-btn.gear-btn{min-width:0;padding:8px 12px}.title-btn.gear-btn .gear{width:24px;height:24px}@media(prefers-reduced-motion:reduce){.gear-btn .gear{transition:none}}.seed-group{display:inline-flex;gap:3px;padding:2px;border:1px dashed var(--line);border-radius:5px}.water-meter{position:fixed;z-index:40;pointer-events:none;display:flex;align-items:center;gap:3px;padding:3px 7px 3px 6px;border-radius:10px;background:#f6f1e6d1;border:1px solid var(--line);box-shadow:0 1px 3px #2c2a262e;backdrop-filter:blur(3px);font:600 12px var(--hand);color:var(--aqua);transition:transform .12s ease-out}.water-meter[hidden]{display:none}.water-meter.bump{transform:scale(1.12)}.water-meter svg{width:9px;height:13px}.water-meter .drop{fill:var(--aqua);stroke:var(--aqua);stroke-width:1}.water-meter .drop.empty{fill:transparent;opacity:.55}.water-meter .name{margin-left:3px}@media(prefers-reduced-motion:reduce){.water-meter{transition:none}.water-meter.bump{transform:none}}.liner-label{color:#5a4a38}.spray-label{color:#6a7430}.spray-label.deadly{color:var(--bad)}#guide{position:fixed;inset:0;pointer-events:none;z-index:60}#guide[hidden]{display:none}.guide-ring{position:fixed;border:2.5px dashed var(--margin);border-radius:10px;box-shadow:0 0 0 5px #bf6a5824;animation:guide-pulse 1.6s ease-in-out infinite;transition:left .5s,top .5s,width .5s,height .5s}.guide-ring[hidden]{display:none}@keyframes guide-pulse{0%,to{box-shadow:0 0 0 4px #bf6a581a}50%{box-shadow:0 0 0 9px #bf6a5833}}.guide-body{position:fixed;left:0;top:0;width:290px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .9s ease-in-out}.guide-bubble{pointer-events:auto;position:relative;width:100%;background:var(--panel);border:1.5px solid var(--text);border-radius:12px;padding:9px 12px 8px;box-shadow:0 8px 24px #2c2a2633;line-height:1.45;transition:border-color .3s}.guide-bubble.done{border-color:var(--good)}.guide-bubble:after{content:"";position:absolute;left:86px;bottom:-9px;width:14px;height:14px;background:var(--panel);border-right:1.5px solid var(--text);border-bottom:1.5px solid var(--text);transform:rotate(45deg)}.guide-bubble.done:after{border-color:var(--good)}.guide-name{font-family:var(--hand);font-weight:700;color:var(--bugs);font-size:13px;margin-bottom:2px}.guide-text b{font-weight:650}.guide-progress{height:6px;margin-top:7px;border-radius:3px;background:var(--line);overflow:hidden}.guide-progress[hidden]{display:none}.guide-progress span{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}.guide-bubble.done .guide-progress span{background:var(--good)}.guide-actions{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.guide-skip{background:none;border:none;padding:2px 0;color:var(--dim);font-size:11px;text-decoration:underline;text-underline-offset:2px}.guide-skip:hover{color:var(--text)}.guide-next{padding:3px 12px;font-size:12px}.guide-next[hidden]{display:none}.guide-pip{width:184px;height:104px;margin:0 0 0 4px;image-rendering:pixelated}@media(prefers-reduced-motion:reduce){.guide-body,.guide-ring{transition:none}.guide-ring{animation:none}}.atmo-instruments{display:block;width:100%;height:124px}.critters{display:flex;flex-direction:column;gap:7px}.critters[hidden]{display:none}.life-tabs{display:flex;gap:4px;margin:-2px 0 8px}.life-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:3px 6px;font-size:12px;border-radius:999px;background:transparent;border:1px solid var(--line);color:var(--dim)}.life-tabs button[aria-selected=true]{background:#e6efd9;border-color:#8fae6e;color:var(--text);font-weight:700}.life-count{min-width:15px;padding:0 4px;border-radius:999px;background:#5f7f4a;color:#fff;font-size:10px;line-height:15px}.life-count:empty{display:none}.critter{display:grid;grid-template-columns:46px minmax(0,1fr) 62px;align-items:center;gap:8px}.critter-art{width:46px;height:28px;image-rendering:pixelated}.critter-text{min-width:0;line-height:1.25}.critter-text b{display:block;font-family:var(--hand);font-size:12px;font-weight:700;color:var(--text)}.critter-text span{display:block;font-size:11px;color:var(--dim);overflow:hidden;text-overflow:ellipsis}.spark{width:62px;height:22px}html.has-leaf-cursor,html.has-leaf-cursor *{cursor:none!important}.leaf-cursor{position:fixed;left:0;top:0;z-index:10000;pointer-events:none;will-change:transform}.leaf-speck{position:fixed;z-index:9999;width:3px;height:2px;border-radius:1px;pointer-events:none;animation:leaf-speck 1.1s ease-in forwards}@keyframes leaf-speck{0%{transform:translate(0) rotate(0);opacity:.95}to{transform:translate(var(--dx),34px) rotate(var(--turn));opacity:0}}.view-tools{position:absolute;top:7%;right:2.4%;display:flex;flex-direction:column;gap:4px;z-index:2}.view-tools button{display:grid;place-items:center;width:30px;height:30px;min-height:0;padding:0;background:#fbf7eed1;font:700 16px/1 var(--serif);box-shadow:0 1px 2px #2c2a262e}.view-tools button[hidden]{display:none}.view-tools svg{width:18px;height:18px}.view-tools .zoom-level{font:600 10px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.02em}@media(pointer:coarse){.view-tools button{width:40px;height:40px}}#stage.panning{cursor:grabbing}.hand-lens{position:fixed;z-index:55;pointer-events:none;border-radius:50%;box-shadow:0 0 0 3px #b08a4a,0 0 0 5px #6f5530,0 6px 16px #2c2a2659}.hand-lens[hidden]{display:none}.hand-lens-handle{position:fixed;z-index:54;pointer-events:none;width:16px;height:64px;border-radius:7px;background:linear-gradient(90deg,#5c4125,#8a6438 45%,#5c4125);box-shadow:0 3px 8px #2c2a264d;transform-origin:50% 0;transform:rotate(-45deg)}.hand-lens-handle[hidden]{display:none}.pip-peek{position:fixed;z-index:30;pointer-events:none;image-rendering:pixelated}.pip-peek[hidden]{display:none}.pip-peek-say,.bench-say{position:fixed;z-index:31;transform:translate(-50%,-100%);max-width:210px;padding:6px 10px;background:var(--paper);color:var(--text);border-radius:9px;box-shadow:var(--lift);font-family:var(--serif);font-size:13px;line-height:1.35;text-align:center;pointer-events:none}.pip-peek-say:after,.bench-say:after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:var(--paper)}.pip-peek-say[hidden],.bench-say[hidden]{display:none}.bench-life{position:fixed;inset:0;width:100vw;height:100vh;z-index:28;pointer-events:none}.bench-cat{position:fixed;z-index:29;width:120px;height:90px;padding:0;border:0;background:none;cursor:pointer}.bench-cat[hidden]{display:none}.letter-note{position:fixed;z-index:29;width:80px;height:56px;padding:0;border:0;background:none;cursor:pointer}.letter-note[hidden]{display:none}.letter-paper{width:min(420px,calc(100vw - 32px));padding:26px 30px 20px;background:linear-gradient(to bottom,transparent 49.6%,rgba(120,96,66,.12) 50%,transparent 50.4%),radial-gradient(circle at 82% 18%,rgba(160,120,70,.14) 0 9%,transparent 10%),radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(140,104,60,.22) 100%),var(--paper);color:var(--text);border-radius:3px;box-shadow:var(--lift);transform:rotate(-.8deg);display:flex;flex-direction:column;gap:10px}.letter-text{margin:0;font-family:var(--hand);font-size:20px;line-height:1.35;color:#3a2e1e}.letter-from{margin:0;align-self:flex-end;font-family:var(--hand);font-size:18px;color:#6a5638}.letter-paper .wood{align-self:center;margin-top:6px}.letter-paper.typed{background:linear-gradient(to bottom,transparent 49.6%,rgba(60,60,70,.1) 50%,transparent 50.4%),#e4e1da}.letter-paper.typed .letter-text{font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.55;color:#2a2a30}.letter-paper.typed .letter-from{font-family:Courier New,Courier,monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#5a2a2a}.letter-paper.typed{position:relative}.letter-paper.typed:after{content:"";position:absolute;right:18px;bottom:14px;width:96px;height:96px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cdefs%3E%3Cpath id='c' d='M60,60 m-41,0 a41,41 0 1,1 82,0 a41,41 0 1,1 -82,0'/%3E%3C/defs%3E%3Cg fill='none' stroke='%237a2a2a' stroke-width='2.5'%3E%3Ccircle cx='60' cy='60' r='55'/%3E%3Ccircle cx='60' cy='60' r='31'/%3E%3Cpath d='M50 44h20M48 48q-4 26 12 26q16 0 12-26' /%3E%3C/g%3E%3Ctext font-family='Courier New' font-size='10.5' letter-spacing='1.6' fill='%237a2a2a'%3E%3CtextPath href='%23c'%3ETHE GLASSHOUSE SOCIETY %C2%B7 SEALED %C2%B7%3C/textPath%3E%3C/text%3E%3C/svg%3E") no-repeat center / contain;opacity:.32;transform:rotate(-14deg);pointer-events:none}.letter-paper.torn:after{display:none}.letter-paper.torn{background:#cfccc5;clip-path:polygon(0 4%,7% 0,15% 3%,26% 0,38% 4%,52% 1%,63% 4%,76% 0,88% 3%,100% 1%,98% 30%,100% 58%,97% 82%,100% 100%,84% 97%,70% 100%,55% 96%,41% 100%,27% 97%,12% 100%,0 96%,3% 70%,0 44%,2% 20%);transform:rotate(1.5deg)}.letter-paper.torn .letter-text{font-size:16px;color:#1c1c20}.letter-paper.torn .letter-from{color:#3a3a40}.letter-paper.hand-small .letter-text{font-size:16px;line-height:1.45;letter-spacing:-.01em}.letter-paper.hand-small .letter-from{font-size:13px}.letter-paper.hand-big .letter-text{font-size:23px;line-height:1.4;transform:rotate(-.6deg)}.letter-paper.hand-big .letter-from{font-size:20px}.story-choices{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:6px}.lidless-jar{position:fixed;z-index:29;width:116px;height:116px;margin:-58px 0 0 -58px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.lidless-jar:after{content:"";position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle at 50% 46%,#ffeec480,#ffeec42e 45%,#ffeec400 70%);opacity:0;transition:opacity .25s ease;pointer-events:none}.lidless-jar:hover:after,.lidless-jar:focus-visible:after{opacity:.7}.lidless-jar:focus-visible{outline:2px solid rgba(255,238,196,.8);outline-offset:2px}.lidless-jar.calling:after{animation:lidless-call 2.8s ease-in-out infinite}@keyframes lidless-call{0%,to{opacity:.25}50%{opacity:1}}.story-end{position:fixed;inset:0;z-index:95;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:32px;background:#0c0908ed;animation:story-dark 1.4s ease both}.story-end-sealed{background:#14110ced}.story-lines{max-width:620px;display:flex;flex-direction:column;gap:18px}.story-lines p{margin:0;font:22px/1.5 var(--hand);color:#efe6d2;text-align:center;text-wrap:balance;animation:story-line 1.6s ease both}@keyframes story-dark{0%{background:#0c090800}}@keyframes story-line{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.lidless-jar.calling:after{animation:none;opacity:.8}.story-end,.story-lines p{animation:none}}.lens-caption{position:fixed;z-index:56;pointer-events:none;width:190px;padding:7px 10px 8px;background:var(--paper);color:var(--text);border-radius:3px;box-shadow:var(--lift);transform:rotate(-1.2deg)}.lens-caption[hidden]{display:none}.lens-caption b{display:block;font-family:var(--hand);font-size:18px;font-weight:400;line-height:1.1;color:#4a3a24}.lens-caption span{display:block;margin-top:3px;font-family:var(--serif);font-size:12px;line-height:1.35;color:var(--dim)}.journal-day{padding-left:40px;font-family:var(--serif);font-weight:600;font-variant:small-caps;letter-spacing:.05em;color:var(--text)}.journal-entry{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:baseline;column-gap:10px}.journal-time{font-family:ui-monospace,monospace;font-size:9px;color:var(--dim);text-align:right;font-variant-numeric:tabular-nums}.journal-text{position:relative;padding-left:12px;line-height:1.45;padding-top:3px;padding-bottom:3px}.journal-text:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--dim)}.journal-entry.grow .journal-text:before{background:var(--land)}.journal-entry.life .journal-text:before{background:var(--bugs)}.journal-entry.danger .journal-text:before{background:var(--bad)}.journal-entry.danger .journal-text{color:#7d3424}.journal-entry.mark .journal-text:before{background:var(--accent)}.journal-entry.strange .journal-text{color:#2a1830;text-shadow:0 0 .6px rgba(42,24,48,.8),.5px .5px 1.5px rgba(42,24,48,.25)}.journal-entry.strange .journal-text:before{background:#2a1830;box-shadow:2px 1px 0 1px #2a183059,4px 0 #2a183033}.journal-entry.strange .journal-time{color:#2a1830}.journal-ring{position:absolute;left:-24px;top:-13px;width:calc(100% + 40px);height:calc(100% + 26px);overflow:visible;pointer-events:none}.journal-ring path{fill:none;stroke:#a43e2a;stroke-width:.85;stroke-linecap:round;opacity:.85;stroke-dasharray:1;stroke-dashoffset:1;animation:journal-ring 1.1s cubic-bezier(.5,0,.3,1) .9s forwards}@keyframes journal-ring{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.journal-ring path{animation:none;stroke-dashoffset:0}}.journal-empty{padding-left:40px;color:var(--dim);font-family:var(--hand);line-height:1.5;padding-top:4px}:where(#tray,#topbar) button{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(180deg,#fffdf8,#f1e9d9);border:1px solid #d2c3a6;border-radius:8px;box-shadow:inset 0 1px #ffffffe6,0 1px #785a3238,0 2px 4px -1px #3c281440;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}:where(#tray,#topbar) button[hidden]{display:none}:where(#tray,#topbar) button:hover:not(:disabled){transform:translateY(-1px);border-color:#b59b70;box-shadow:inset 0 1px #ffffffe6,0 1px #785a3238,0 5px 9px -3px #3c281459}:where(#tray,#topbar) button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 2px #3c281433}:where(#tray,#topbar) button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:where(#tray,#topbar) button[aria-pressed=true]{transform:none;background:linear-gradient(180deg,#e3eef5,#d3e3ee);border-color:var(--accent);box-shadow:inset 0 1px 3px #14325040,0 0 0 1px var(--accent);color:#1f3b4d}:where(#tray,#topbar) button:disabled{box-shadow:none}@media(prefers-reduced-motion:reduce){:where(#tray,#topbar) button{transition:none}:where(#tray,#topbar) button:hover:not(:disabled),:where(#tray,#topbar) button:active:not(:disabled){transform:none}}.ico{display:inline-flex;flex:none;width:18px;height:18px}.ico svg{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 0 rgba(255,255,255,.55))}.lbl{white-space:nowrap}[data-ref=buildRow] button[aria-pressed=true]{background:linear-gradient(180deg,#f5ecdc,#e9d9bf);border-color:#8a6a44;box-shadow:inset 0 1px 3px #50321447,0 0 0 1px #8a6a44;color:#4a3420}#panel-land button[aria-pressed=true]{background:linear-gradient(180deg,#eef6e6,#dbeacc);border-color:var(--land);box-shadow:inset 0 1px 3px #28461440,0 0 0 1px var(--land);color:#2b4a1f}#panel-aquatic button[aria-pressed=true]{background:linear-gradient(180deg,#e6f2f8,#cfe5f0);border-color:var(--aqua);box-shadow:inset 0 1px 3px #143c5040,0 0 0 1px var(--aqua);color:#1d4a60}#panel-bugs button[aria-pressed=true]{background:linear-gradient(180deg,#f7efe0,#ecdcc2);border-color:var(--bugs);box-shadow:inset 0 1px 3px #50371440,0 0 0 1px var(--bugs);color:#5a4020}#panel-events button[aria-pressed=true]{background:linear-gradient(180deg,#fbebe6,#f2d3ca);border-color:var(--events);box-shadow:inset 0 1px 3px #6e281e40,0 0 0 1px var(--events);color:#6e2a20}#tray button.primary{background:linear-gradient(180deg,#f0f7e8,#dcebcb);border-color:#7d9f5c;color:#2b4a1f}.tabs{gap:4px}#tray .tabs [role=tab]{gap:5px;padding:3px 14px 4px 11px;border-radius:8px 8px 0 0;box-shadow:inset 0 1px #ffffff80;transform:none}#tray .tabs [role=tab] .ico{width:14px;height:14px}#tray .tabs [role=tab] .ico svg{filter:none}#tray .tabs [role=tab][aria-selected=true]{box-shadow:0 -2px 5px #3c281426,inset 0 1px #ffffff40}#tray .tabs [role=tab]:hover{transform:none;filter:brightness(1.04)}.stepper{padding:2px 3px 2px 10px;border-radius:999px;background:#6e502d1a;box-shadow:inset 0 1px 2px #3c281438}#tray .stepper button{width:24px;height:24px;min-width:0;min-height:0;padding:0;border-radius:50%;font-weight:700;line-height:1}#tray .level.stepper{padding-bottom:2px;margin-bottom:3px}#topbar{background:linear-gradient(180deg,#fbf8f0,#f2eadb)}.topbar-title{align-items:center}.topbar-title strong{font-size:20px}.daynight{display:inline-flex;width:18px;height:18px;margin-right:-6px}.daynight svg{width:100%;height:100%;display:block}.topbar-title .clock{padding:1px 9px;border-radius:999px;background:#2f2a24;color:#f4e6c4;font-size:13px;letter-spacing:.04em;box-shadow:inset 0 1px 3px #00000080,0 1px #ffffffb3}#topbar .speed,#topbar .lamp{padding:3px;border-radius:10px;background:#6e502d1a;box-shadow:inset 0 1px 2px #3c281440,0 1px #ffffffb3}#topbar .speed{gap:2px}#topbar .speed button{margin:0;padding:4px 10px;min-width:38px;border:1px solid transparent;border-radius:7px;background:transparent;box-shadow:none;color:#6b5a48;font-weight:600;font-variant-numeric:tabular-nums}#topbar .speed button .ico,#topbar .speed button svg{width:14px;height:14px}#topbar .speed button:hover:not(:disabled){transform:none;background:#ffffff8c;box-shadow:none}#topbar .speed button[aria-pressed=true]{background:linear-gradient(180deg,#fffefa,#f3ebdb);border-color:#3f6b8a8c;box-shadow:0 1px 3px #3c28144d;color:#1f3b4d}#topbar .speed button[data-speed="0"][aria-pressed=true]{border-color:#c08a2c;color:#8a5a10;background:linear-gradient(180deg,#fff7e2,#f6e6bd)}#topbar .lamp{gap:6px;padding:3px 4px 3px 8px;color:var(--dim)}#topbar .lamp .ico{width:18px;height:18px}#topbar .lamp button{width:24px;height:24px;min-width:0;padding:0;border-radius:50%;font-weight:700}.lamp input[type=range]{-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:linear-gradient(90deg,#3a3128,#b08a3e 55%,#f6d77a);box-shadow:inset 0 1px 2px #00000059;cursor:pointer}.lamp input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6d0,#d9a640 70%,#a87a26);border:1px solid #7a5a20;box-shadow:0 1px 3px #0006}.lamp input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6d0,#d9a640 70%,#a87a26);border:1px solid #7a5a20;box-shadow:0 1px 3px #0006}.lamp input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#topbar .gear-btn{width:34px;height:34px;padding:0;border-radius:50%}@media(pointer:coarse){#tray .stepper button,#topbar .lamp button{width:36px;height:36px}#topbar .gear-btn{width:42px;height:42px}.lamp input[type=range]{height:8px}.lamp input[type=range]::-webkit-slider-thumb{width:26px;height:26px}.lamp input[type=range]::-moz-range-thumb{width:26px;height:26px}}#tray .tools{gap:5px}#tray .tools .sep{margin:0 2px}:where(#tray) button{padding:5px 8px 5px 6px}#tray .ico{width:16px;height:16px}@media(max-height:820px)and (pointer:fine),(max-width:1535px)and (pointer:fine){:where(#tray) button{gap:3px;padding:4px 6px 4px 5px;font-size:12.5px}#tray .tools{gap:3px}#tray .seed-group{gap:2px;padding:1px}#tray .ico{width:14px;height:14px}#topbar .speed button{min-width:32px;padding:3px 8px}}#topbar>div:first-child{min-width:0;flex:1 1 auto}.topbar-title{flex-wrap:nowrap;white-space:nowrap;min-width:0}.topbar-title .mood{overflow:hidden;text-overflow:ellipsis;min-width:0}.tend-head{min-height:31px}@media(pointer:coarse){.tend-head{min-height:43px}}#tray .seed-group{margin:-3px 0}.coin{display:inline-block;vertical-align:-3px;flex:none}.coins-amt{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-variant-numeric:tabular-nums;color:#6b4a14}.stars{color:#d9a21f;letter-spacing:1px;font-size:12px;white-space:nowrap}.stars-off{color:#6e502d40}#topbar .coin-badge{gap:5px;padding:4px 11px 4px 8px;border-radius:999px;border-color:#c9a25a;background:linear-gradient(180deg,#fff8e3,#f3e2b8);color:#6b4a14;font-weight:700;font-variant-numeric:tabular-nums}.card.order-card{background:linear-gradient(180deg,#fffcf099,#fffcf000),#fbf3dd;border-color:#dccb9e}#notes .card.order-card:before{top:-7px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff9a8a,#c0392b 60%,#7a1d14);box-shadow:0 2px 3px #280a0473;transform:none}.order-card h2{display:flex;justify-content:space-between;align-items:baseline}.order-who,.order-note{margin:0 0 8px;font-family:var(--hand);font-size:12.5px;line-height:1.45;color:#4a3a28}.order-goals{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px;font-size:12px}.order-goals li{display:grid;grid-template-columns:16px 1fr;gap:6px;align-items:start;color:var(--text)}.order-goals .tick{width:14px;height:14px;margin-top:1px;border:1.5px solid #9c8762;border-radius:3px;display:grid;place-items:center;font-size:11px;font-weight:700;line-height:1;color:#fff}.order-goals li.met{color:#3d5e2a}.order-goals li.met .tick{background:var(--good);border-color:var(--good)}.order-foot,.slip footer{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.order-due{color:var(--dim);font-weight:600}.order-due.late{color:var(--bad)}.order-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.order-btn{flex:1;font-family:var(--hand);font-weight:700}.order-btn.primary:not(:disabled){background:linear-gradient(180deg,#eef7e4,#d6e9c3);border-color:var(--good);color:#2b4a1f;box-shadow:0 0 0 2px #5f7f4a40}.order-link{background:none;border:none;padding:4px 2px;color:var(--dim);font-size:12px;text-decoration:underline;cursor:pointer}.order-link:hover{color:var(--bad)}#tray button.locked{position:relative;opacity:.55;filter:saturate(.5)}#tray button.locked:hover{opacity:.85}#tray button.locked .lock{position:absolute;top:-5px;right:-5px;width:15px;height:15px;border-radius:50%;background:#5a4632 url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22%3E%3Crect x=%225%22 y=%229%22 width=%2210%22 height=%228%22 rx=%221.5%22 fill=%22%23f6ead2%22/%3E%3Cpath d=%22M7 9 V7 a3 3 0 0 1 6 0 V9%22 stroke=%22%23f6ead2%22 stroke-width=%222%22 fill=%22none%22/%3E%3C/svg%3E") center / 11px no-repeat;box-shadow:0 1px 2px #00000059}.title-more{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}.title-small{font-family:var(--hand);font-size:14px;padding:5px 14px;background:#fbf7eed9;border-radius:999px;transition:filter .5s ease,opacity .5s ease}.title-coins{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#fff8e3d9;border:1px solid #c9a25a;color:#6b4a14;font-weight:700;font-variant-numeric:tabular-nums}#title.start-focus .title-more{opacity:.25;filter:blur(1px)}.commission-backdrop{background:#1c120a9e;overflow-y:auto;align-items:flex-start;padding:32px 16px}.board,.shelf{width:min(1040px,100%);margin:auto;padding:20px 22px;background:linear-gradient(180deg,#7a5436,#6a4830);border:6px solid #5a3b24;border-radius:8px;box-shadow:inset 0 2px 8px #0006,0 20px 50px #00000080;color:#f6ead2}.board-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.board-head h2{margin:0;font-family:var(--serif);font-variant:small-caps;letter-spacing:.06em;font-size:24px;color:#fbf1dc;text-shadow:0 1px 0 rgba(0,0,0,.4)}.board-coins{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#fff8e3;color:#6b4a14;font-weight:700}.board-coins .coins-amt{color:inherit}.board-warning{margin:0 0 14px;padding:8px 12px;border-radius:4px;background:#fff0c826;color:#ffe7b0;font-size:13px}.board-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.slips{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.slip{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 16px 14px;background:#fbf3dd;color:var(--text);border-radius:2px;box-shadow:0 2px 3px #0000004d,0 12px 22px -8px #00000080;transform:rotate(var(--tilt, 0deg));transition:transform .16s ease}.slip:hover{transform:rotate(0) translateY(-3px)}.slip-pin{position:absolute;top:-6px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff9a8a,#c0392b 60%,#7a1d14);box-shadow:0 2px 3px #280a0473}.slip header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.slip-title{font-family:var(--serif);font-weight:700;font-size:16px}.slip .order-goals{flex:1}.slip button{margin-top:4px;font-family:var(--hand);font-weight:700}.slip-free{background:#f1ead9}.cat-backdrop{padding:20px 16px;background:#160e08cc}.cat{--cat-paper: #f6ecd2;--cat-ink: #33281e;--cat-soft: #5a4c3a;--cat-faint: #7a6a50;--cat-rule: rgba(120, 96, 52, .28);--cat-red: #a43e2a;--cat-green: #4c7a33;width:min(1120px,100%);margin:auto;color:var(--cat-ink)}.cat-book{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 104px;min-height:560px;filter:drop-shadow(0 18px 26px rgba(0,0,0,.5))}.cat-page{position:relative;z-index:1;display:flex;flex-direction:column;padding:18px 26px}.cat-left{border-radius:5px 0 0 5px;background:linear-gradient(90deg,var(--cat-paper) 0%,var(--cat-paper) 84%,#eadcb9 95%,#cfbd95 100%);box-shadow:-2px 0 #efe4c8,-3px 0 #b9a67c,-5px 0 #efe4c8,-6px 0 #b9a67c}.cat-right{border-radius:0 5px 5px 0;background:linear-gradient(270deg,var(--cat-paper) 0%,var(--cat-paper) 84%,#eadcb9 95%,#cfbd95 100%);box-shadow:2px 0 #efe4c8,3px 0 #b9a67c,5px 0 #efe4c8,6px 0 #b9a67c}.cat-mast{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:9px;border-bottom:3px double #8a7446}.cat-mast h2{margin:0;font-family:var(--serif);font-variant:small-caps;font-size:25px;letter-spacing:.05em;line-height:1.1}.cat-mast p{margin:2px 0 0;font-family:var(--serif);font-style:italic;font-size:12px;letter-spacing:.03em;color:var(--cat-faint)}.cat-purse{flex:none;display:inline-flex;align-items:center;padding:5px 13px;border-radius:999px;background:#fffaf0;border:1px solid #c9a25a;font-size:16px}.cat-pick{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;margin:18px 4px 12px;padding:12px 14px 18px;background:repeating-linear-gradient(180deg,#fffdf3 0 21px,#dfe6ea 21px 22px);border-radius:2px;box-shadow:0 1px 2px #3c280a59,0 8px 14px -8px #3c280a80;transform:rotate(-.8deg)}.cat-pick.done{grid-template-columns:1fr}.cat-tape{position:absolute;top:-10px;left:64%;width:76px;height:19px;margin-left:-38px;background:#ecdb96b8;box-shadow:0 1px 1px #3c280a33;transform:rotate(2deg)}.cat-pick-text{display:grid;gap:1px;min-width:0}.cat-pick-head{font-family:var(--hand);font-size:12.5px;color:var(--cat-red)}.cat-pick-text b{font-family:var(--serif);font-size:17px}.cat-pick-text p{margin:0;font-size:12.5px;line-height:1.35;color:var(--cat-soft)}.cat-pick-act{display:grid;gap:6px;justify-items:stretch;text-align:center}.cat-sign{position:absolute;right:14px;bottom:2px;font-family:var(--hand);font-size:12px;color:var(--cat-faint)}.cat-turn{padding:3px 8px;font-size:12px;background:none;border:none;color:var(--cat-soft);text-decoration:underline;text-underline-offset:2px}.cat-turn:hover{color:var(--cat-ink)}.cat-section{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0;padding-bottom:5px;border-bottom:1px solid #8a7446;font-family:var(--serif);font-variant:small-caps;font-size:19px;letter-spacing:.08em}.cat-section small{font-size:12px;font-style:italic;font-variant:normal;letter-spacing:.02em;color:var(--cat-faint)}.cat-section span{margin-left:auto;font-size:12px;font-style:italic;font-variant:normal;font-weight:400;letter-spacing:.02em;color:var(--cat-faint)}.cat-item{display:grid;grid-template-columns:42px minmax(0,1fr) 74px;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--cat-rule)}.cat-item:last-of-type{border-bottom:none}.cat-fig{display:grid;place-items:center;width:42px;height:42px;background:#fffaf0;border:1px solid #a8956a;box-shadow:0 0 0 2px var(--cat-paper),0 0 0 3px #c9b78c;border-radius:1px}.cat-fig svg{width:28px;height:28px}.cat-pick .cat-fig{width:50px;height:50px;box-shadow:0 0 0 2px #fffdf3,0 0 0 3px #c9b78c}.cat-pick .cat-fig svg{width:34px;height:34px}.cat-text{min-width:0}.cat-line{display:flex;align-items:baseline;gap:6px}.cat-line b{font-family:var(--serif);font-size:15px;white-space:nowrap}.cat-dots{flex:1;min-width:14px;border-bottom:2px dotted #a8956a;transform:translateY(-3px)}.cat-price .coins-amt{color:inherit}.cat-blurb{margin:1px 0 0;font-size:12.5px;line-height:1.33;color:var(--cat-soft)}.cat-why{margin:2px 0 0;font-size:12px;line-height:1.33;font-style:italic;color:var(--cat-faint)}.cat-why.for-order{font-style:normal;font-weight:600;color:var(--cat-red)}.cat-buy{padding:7px 12px;background:var(--cat-green);border:1px solid #36591f;border-radius:3px;box-shadow:0 2px #36591f;color:#fffdf3;font-family:var(--serif);font-weight:700;letter-spacing:.05em;white-space:nowrap}.cat-buy:hover{background:#568a3a;border-color:#36591f}.cat-buy:active{transform:translateY(2px);box-shadow:none}.cat-buy .coins-amt{color:inherit;margin-left:2px}.cat-item.afford .cat-price{color:#3d6530}.cat-item.short .cat-fig{filter:grayscale(.75);opacity:.75}.cat-item.short .cat-line b,.cat-item.short .cat-price{color:var(--cat-faint)}.cat-need{display:grid;justify-items:center;gap:0;color:#8a5a3a}.cat-need .coins-amt{color:inherit}.cat-need small{font-size:10.5px;letter-spacing:.02em;white-space:nowrap}.cat-item.marked{background:linear-gradient(180deg,transparent 6%,rgba(250,214,80,.5) 6%,rgba(250,214,80,.5) 94%,transparent 94%);box-shadow:-10px 0 0 -1px #fad65080,10px 0 0 -1px #fad65080}.cat-none{margin:18px 0;font-family:var(--serif);font-style:italic;text-align:center;color:var(--cat-faint)}.cat-owned{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:auto;padding-top:12px}.cat-owned-head{flex-basis:100%;padding-top:8px;border-top:3px double #8a7446;font-family:var(--serif);font-variant:small-caps;font-size:13px;letter-spacing:.08em;color:var(--cat-faint)}.cat-stamp{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 5px;border:1.5px solid var(--cat-green);border-radius:3px;background:#4c7a3314;color:#3d6530;font-size:12px;font-weight:700;letter-spacing:.02em}.cat-stamp:nth-child(odd){transform:rotate(-1deg)}.cat-stamp:nth-child(2n){transform:rotate(.8deg)}.cat-stamp svg{width:16px;height:16px}.cat-stamp.fresh{animation:cat-stamp .42s cubic-bezier(.2,1.5,.4,1) both}@keyframes cat-stamp{0%{opacity:0;transform:scale(2.2) rotate(-9deg)}to{opacity:1;transform:scale(1) rotate(-1deg)}}.cat-tabs{display:flex;flex-direction:column;gap:6px;padding:22px 0 10px}.cat-tabs [role=tablist]{display:flex;flex-direction:column;gap:6px}.cat-tab{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-left:2px;padding:9px 9px 9px 14px;background:var(--tab, #7a6a50);border:none;border-radius:0 7px 7px 0;box-shadow:inset 7px 0 7px -5px #00000073;color:#fff8e3;font-family:var(--serif);font-variant:small-caps;font-size:14px;letter-spacing:.06em;text-align:left;transition:margin .12s ease}.cat-tab:hover{margin-right:-4px}.cat-tab.on{margin-right:-8px;background:var(--cat-paper);box-shadow:none;color:var(--cat-ink);font-weight:700}.cat-tab:nth-child(1){--tab: #5f7f4a}.cat-tab:nth-child(2){--tab: #a8703a}.cat-tab:nth-child(3){--tab: #4f7f96}.cat-tab:nth-child(4){--tab: #6b6f86}.cat-tab:nth-child(5){--tab: #a4452f}.cat-tab:nth-child(6){--tab: #7a5a8a}.cat-can{flex:none;width:10px;height:10px;border-radius:50%;background:#f2c230;border:1.5px solid #8a6418}.cat-tick{flex:none;font-style:normal;font-size:12px}.cat-close{margin:auto 0 0 12px;padding:8px 10px;background:var(--cat-paper);border-color:#b9a67c;font-family:var(--serif);font-variant:small-caps;font-size:14px;letter-spacing:.06em}.cat :is(button,[role=tab]):focus-visible{outline:2px solid #1f5f8a;outline-offset:2px}@media(prefers-reduced-motion:reduce){.cat-stamp.fresh{animation:none}.cat-tab{transition:none}}@media(max-width:860px){.cat-book{grid-template-columns:minmax(0,1fr);min-height:0}.cat-left,.cat-right{border-radius:4px 4px 0 0;background:var(--cat-paper);box-shadow:none}.cat-right{border-radius:0 0 4px 4px;padding-top:0}.cat-section.cont{display:none}.cat-left .cat-item:last-of-type{border-bottom:1px solid var(--cat-rule)}.cat-tabs{order:-1;flex-direction:row;align-items:flex-end;padding:0 6px}.cat-tabs [role=tablist]{flex-direction:row;flex-wrap:wrap;gap:4px}.cat-tab,.cat-tab:hover,.cat-tab.on{margin:0;border-radius:6px 6px 0 0;box-shadow:none;padding:7px 10px}.cat-close{margin:0 0 4px auto}}.packets{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}.packet{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 12px;background:#f6ead2;color:var(--text);border-radius:3px;box-shadow:0 2px 4px #0000004d}.packet.wanted{box-shadow:0 0 0 3px #f2c230,0 2px 4px #0000004d}.packet.owned{opacity:.75}.packet-ico{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fffaf0;border:1px solid #dccb9e}.packet-ico svg{width:20px;height:20px}.packet-text{display:grid;gap:2px;font-size:12px;line-height:1.35}.packet-text b{font-size:13.5px}.packet-text span{color:var(--dim)}.packet-owned{font-size:12px;font-weight:700;color:var(--good);white-space:nowrap}.packet button{white-space:nowrap}.modal.delivered{text-align:center;max-width:380px}.delivered-jar{width:100%;height:auto;border-radius:3px;box-shadow:0 2px 6px #00000040;margin:4px 0 12px}.delivered-pay{display:flex;justify-content:center;align-items:center;gap:12px;font-size:18px}.delivered .stars{font-size:18px}@media(prefers-reduced-motion:reduce){.slip,.slip:hover{transition:none;transform:none}}.title-buttons{align-items:flex-start}.mode-pick{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:150px}.mode-sub{font-family:var(--hand);font-size:13px;color:#4a3a28;background:#fbf7eec7;padding:1px 8px;border-radius:999px;transition:filter .5s ease,opacity .5s ease}.title-link{background:none;border:none;padding:0 4px;font-family:var(--hand);font-size:12.5px;color:#5a4632;text-decoration:underline;cursor:pointer;transition:filter .5s ease,opacity .5s ease}.title-link:hover{color:var(--bad)}.title-buttons .gear-btn{align-self:flex-start}#app[data-mode=sandbox] .coin-badge,#app[data-mode=sandbox] .order-card{display:none}.mode-saved{font-family:var(--hand);font-size:12px;color:#4a3a28;background:#fbf7eeb3;padding:0 8px;border-radius:999px;transition:filter .5s ease,opacity .5s ease}#title.start-focus .mode-saved{opacity:.25;filter:blur(1px)}.slot-card .slip-title{font-size:15px}.slot-day{font-family:var(--serif);font-weight:700;color:var(--good)}.slot-thumb{width:100%;height:auto;aspect-ratio:240 / 124;border-radius:2px;display:block;background:#e8dcc2;box-shadow:inset 0 1px 3px #3c281440}.slot-thumb-empty{background:repeating-linear-gradient(135deg,#efe5cf 0 8px,#e6d9bd 8px 16px)}.slot-when{margin:-4px 0 0;font-size:11.5px;color:var(--dim)}.slot-more{display:flex;justify-content:space-between}.slot-empty{background:#f4ecda}.guide-intro .coin{vertical-align:-3px}.packet.unfound{background:#fbf3dd8c}.packet.unfound .packet-ico{font-family:var(--serif);font-weight:700;color:#a8956a}.packet.unfound b{color:#8a7a5a;letter-spacing:.1em}.guide-date{font-size:11px;color:var(--dim);white-space:nowrap}.discovery-card{position:fixed;top:92px;left:50%;z-index:60;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;width:min(440px,calc(100vw - 32px));padding:10px 14px;border:1px solid #c9a25a;border-radius:8px;background:#fbf3dd;color:var(--text);text-align:left;font:inherit;cursor:pointer;box-shadow:0 10px 28px #28180a59;transform:translate(-50%,-140%);transition:transform .38s cubic-bezier(.2,.9,.3,1.2)}.discovery-card.in{transform:translate(-50%)}.discovery-card .packet-ico{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fffaf0;border:1px solid #dccb9e}.discovery-card .packet-ico svg{width:22px;height:22px}.discovery-text{display:grid;gap:1px;font-size:12.5px;line-height:1.35}.discovery-text small{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#8a6a2a;font-weight:700}.discovery-text b{font-family:var(--serif);font-size:15px}.discovery-text span{color:var(--dim)}.discovery-pay{display:inline-flex;align-items:center;gap:3px;font-weight:700;color:#6b4a14;white-space:nowrap}@media(prefers-reduced-motion:reduce){.discovery-card{transition:none}}@media(min-width:961px){#app{--rack-w: 194px;grid-template-columns:var(--rack-w) minmax(0,1fr) 300px;grid-template-areas:"top  top top" "tray jar notes";grid-template-rows:auto minmax(0,1fr);box-sizing:border-box;height:100vh;height:100dvh;max-width:1880px}#notes{height:auto;min-height:0;align-self:stretch}#tray{width:auto;justify-self:stretch;align-self:start;gap:10px;padding:4px 0 8px;background:none;border:none;box-shadow:none;max-height:calc(100vh - var(--top, 104px));max-height:calc(100dvh - var(--top, 104px));overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(60,30,8,.45) transparent}.tend{gap:10px}#tray .tend-head{position:relative;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:6px;min-height:0;margin:0 4px 0 2px;padding:8px 7px 7px;background:var(--panel);border:1px solid var(--line);border-radius:2px;box-shadow:var(--lift)}#tray .tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px}#tray .tabs [role=tab]{justify-content:flex-start;margin:0;padding:3px 6px;border-radius:6px;font-size:13px}#tray .tabs [data-tab=chaos]{background:#ebe6e1;border-color:#4a403a;color:#3d3530}#tray .tabs [data-tab=chaos][aria-selected=true]{background:#4a403a;color:#fff}#tray .level.stepper{justify-content:space-between;margin:0;padding-bottom:2px}#tray .level-value{flex:1;min-width:0;font-size:12.5px;white-space:nowrap}#tray .lbl{letter-spacing:-.15px}#tray .tools{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:4px}#tray .tools .sep{width:auto;height:0;margin:3px 0;background:none}#tray .seed-group{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;border:none}#tray .seed-group+.seed-group,#tray .seed-group+button{margin-top:6px}#panel-build .brush{justify-content:space-between;margin:4px 14px 2px 2px;background:var(--panel);box-shadow:var(--lift)}#tray :is(.tools,.tab-panel,.seed-group)>button{--tag: var(--build);position:relative;isolation:isolate;justify-content:flex-start;width:calc(100% - 12px);min-height:31px;padding:3px 14px 3px 27px;background:none;border:none;border-radius:0;box-shadow:none;color:#4a3420;font-size:14px;filter:drop-shadow(0 1px 0 rgba(30,15,4,.5)) drop-shadow(0 3px 3px rgba(30,15,4,.35));transition:transform .14s ease,filter .14s ease}#tray :is(.tools,.tab-panel,.seed-group)>button:before{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(4px 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,4px 100%,0 calc(100% - 4px),0 4px);-webkit-mask:radial-gradient(circle at 11px 50%,transparent 3.2px,#000 3.8px);mask:radial-gradient(circle at 11px 50%,transparent 3.2px,#000 3.8px);background:linear-gradient(90deg,transparent 20px,var(--tag) 20px 22px,transparent 22px),linear-gradient(180deg,rgba(255,250,235,.6) 0 1px,transparent 1px calc(100% - 2px),rgba(110,70,30,.25) calc(100% - 2px)),repeating-linear-gradient(180deg,transparent 0 5px,rgba(150,100,45,.08) 5px 6px,transparent 6px 9px,rgba(150,100,45,.05) 9px 11px),repeating-linear-gradient(90deg,transparent 0 43px,rgba(150,100,45,.06) 43px 47px,transparent 47px 79px),linear-gradient(180deg,#f4e6c8,#e6d0a6)}#tray :is(.tools,.tab-panel,.seed-group)>button:after{content:"";position:absolute;left:6px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;box-sizing:border-box;border:1.6px solid #b48a3c;box-shadow:inset 0 0 0 .6px #ffebaa99,0 0 0 .6px #50320f80;pointer-events:none}#tray :is(.tools,.tab-panel,.seed-group)>button .ico{width:16px;height:16px}#tray :is(.tools,.tab-panel,.seed-group)>button .lbl{overflow:hidden;text-overflow:ellipsis}#tray :is(.tools,.tab-panel,.seed-group)>button:hover:not(:disabled){transform:translate(3px);box-shadow:none;filter:drop-shadow(0 1px 0 rgba(30,15,4,.5)) drop-shadow(0 5px 5px rgba(30,15,4,.4))}#tray :is(.tools,.tab-panel,.seed-group)>button:active:not(:disabled){transform:translate(5px);box-shadow:none}#tray :is(.tools,.tab-panel,.seed-group)>button:focus-visible{outline:none;filter:drop-shadow(0 0 1.5px var(--accent)) drop-shadow(0 0 1.5px var(--accent))}#tray :is(.tools,.tab-panel,.seed-group)>button[aria-pressed=true],#tray :is(.tools,.tab-panel,.seed-group)>button[aria-pressed=true]:hover:not(:disabled){transform:translate(10px);background:none;box-shadow:none;color:var(--tag);font-weight:700}#tray :is(.tools,.tab-panel,.seed-group)>button[aria-pressed=true]:before{background:linear-gradient(90deg,var(--tag) 0 22px,transparent 22px),linear-gradient(180deg,rgba(255,250,235,.6) 0 1px,transparent 1px calc(100% - 2px),rgba(110,70,30,.25) calc(100% - 2px)),repeating-linear-gradient(180deg,transparent 0 5px,rgba(150,100,45,.08) 5px 6px,transparent 6px 9px,rgba(150,100,45,.05) 9px 11px),linear-gradient(180deg,#fbf1dc,#eedcb6)}#tray :is(.tools,.tab-panel,.seed-group)>button:disabled{filter:drop-shadow(0 1px 1px rgba(30,15,4,.35)) grayscale(.6);opacity:.6}#tray .tab-panel>button.basic{min-height:58px;padding:4px 17px 4px 28px;gap:8px;font-size:15.5px}#tray .tab-panel>button.basic+button.basic{margin-top:4px}#tray .tab-panel>button.basic .ico{flex:none;width:38px;height:38px}#tray .tab-panel>button.basic .ico svg{width:100%;height:100%}#tray .tab-panel>button.basic[data-tool=water]{--tag: var(--aqua)}#tray .tab-panel>button.basic:is(.basic-seed,[data-tool=moss]){--tag: var(--land)}#tray .tab-panel>button.basic[data-tool=springtails]{--tag: var(--bugs)}#panel-build{--tag: var(--build)}#panel-land{--tag: var(--land)}#panel-aquatic{--tag: var(--aqua)}#panel-bugs{--tag: var(--bugs)}#panel-events{--tag: var(--events)}#panel-chaos{--tag: #4a403a}#tray :is(.tab-panel,.seed-group)>button{--tag: inherit}#tray .tools [data-tool=water]{--tag: var(--aqua)}#tray :is(.tools,.tab-panel,.seed-group)>button.primary{--tag: var(--land);color:#2b4a1f}#tray :is(.tools,.tab-panel,.seed-group)>button.primary:before{background:linear-gradient(90deg,transparent 20px,var(--tag) 20px 22px,transparent 22px),linear-gradient(180deg,#e6efd2,#cfdfae)}}@media(min-width:961px)and (max-width:1535px)and (pointer:fine),(min-width:961px)and (max-height:820px)and (pointer:fine){#app{--rack-w: 176px}#tray :is(.tools,.tab-panel,.seed-group)>button{min-height:28px;padding:2px 13px 2px 26px;font-size:12.5px}#tray .tools,#tray .seed-group{gap:3px}#tray .tabs [role=tab]{font-size:12px;padding:2px 5px}}@media(min-width:961px)and (pointer:coarse){#tray :is(.tools,.tab-panel,.seed-group)>button{min-height:40px}}@media(min-width:961px)and (prefers-reduced-motion:reduce){#tray :is(.tools,.tab-panel,.seed-group)>button{transition:none}}@media(min-width:961px)and (max-width:1599px)and (pointer:fine){#app{--rack-w: 74px;grid-template-columns:var(--rack-w) minmax(0,1fr) 256px}#tray .tend-head{margin:0 4px 0 0;padding:6px 5px 5px}#tray .tabs{gap:3px}#tray .tabs [role=tab]{justify-content:center;padding:4px 0;font-size:0;gap:0}#tray .tabs [role=tab] .ico{width:15px;height:15px}#tray :is(.tools,.tab-panel,.seed-group)>button{min-height:27px;padding:2px 13px 2px 25px}#tray :is(.tools,.tab-panel,.seed-group)>button .lbl{display:none}#tray .tools,#tray .seed-group{gap:3px}#tray .tools .sep{margin:2px 0}#tray .seed-group+.seed-group,#tray .seed-group+button{margin-top:4px}#tray .stepper{flex-wrap:wrap;justify-content:center;gap:1px 6px;padding:3px 2px;border-radius:10px}#tray .stepper :is(.level-label,.brush-label){display:none}#tray .stepper :is(.level-value,.brush-size){order:-1;flex:1 0 100%;text-align:center;font-size:11.5px}#tray .stepper button{width:22px;height:22px}#panel-build .brush{margin:3px 14px 1px 0}#tray .tab-panel>button.basic{min-height:48px;padding:2px 13px 2px 25px}#tray .tab-panel>button.basic .ico{width:32px;height:32px}.groups{gap:3px}.groups button{flex:1 1 100%;padding:0 2px 1px;font-size:10.5px;text-align:center}}.rack-name{--tag: var(--build);position:fixed;z-index:45;display:flex;align-items:center;gap:5px;box-sizing:border-box;padding:2px 18px 2px 25px;pointer-events:none;isolation:isolate;white-space:nowrap;font:12.5px var(--hand);color:#4a3420;filter:drop-shadow(0 1px 0 rgba(30,15,4,.5)) drop-shadow(0 5px 6px rgba(30,15,4,.45))}.rack-name[hidden]{display:none}.rack-name .ico{width:15px;height:15px}.rack-name:before{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(4px 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,4px 100%,0 calc(100% - 4px),0 4px);-webkit-mask:radial-gradient(circle at 11px 50%,transparent 3.2px,#000 3.8px);mask:radial-gradient(circle at 11px 50%,transparent 3.2px,#000 3.8px);background:linear-gradient(90deg,transparent 20px,var(--tag) 20px 22px,transparent 22px),linear-gradient(180deg,rgba(255,250,235,.6) 0 1px,transparent 1px calc(100% - 2px),rgba(110,70,30,.25) calc(100% - 2px)),repeating-linear-gradient(180deg,transparent 0 5px,rgba(150,100,45,.08) 5px 6px,transparent 6px 9px,rgba(150,100,45,.05) 9px 11px),linear-gradient(180deg,#f8ecd2,#ebd6ae)}.rack-name:after{content:"";position:absolute;left:6px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;box-sizing:border-box;border:1.6px solid #b48a3c;box-shadow:inset 0 0 0 .6px #ffebaa99,0 0 0 .6px #50320f80}.rack-name.is-held{font-weight:700}.rack-name.is-held:before{background:linear-gradient(90deg,var(--tag) 0 22px,transparent 22px),linear-gradient(180deg,rgba(255,250,235,.6) 0 1px,transparent 1px calc(100% - 2px),rgba(110,70,30,.25) calc(100% - 2px)),linear-gradient(180deg,#fbf1dc,#eedcb6)}.rack-name.is-tab{padding:3px 10px 3px 8px;font-weight:700}.rack-name.is-tab:before{clip-path:none;-webkit-mask:none;mask:none;border-radius:6px;background:var(--panel);box-shadow:inset 0 0 0 1px currentColor}.rack-name.is-tab:after{display:none}.rack-name.out{animation:rack-slide .13s ease-out}@keyframes rack-slide{0%{clip-path:inset(0 calc(100% - var(--from, 60px)) 0 0)}to{clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){.rack-name.out{animation:none}}@media(min-width:961px)and (max-width:1599px)and (max-height:740px)and (pointer:fine){#tray :is(.tools,.tab-panel,.seed-group)>button{min-height:26px}}.wood{--tag: #9c7748;--face: linear-gradient(180deg, #f4e6c8, #e6d0a6);position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:5px 26px 5px 32px;background:none;border:none;border-radius:0;box-shadow:none;font-family:var(--hand);font-size:15px;font-weight:400;color:#4a3420;white-space:nowrap;cursor:pointer;filter:drop-shadow(0 1px 0 rgba(30,15,4,.5)) drop-shadow(0 4px 5px rgba(30,15,4,.38));transition:transform .14s ease,filter .14s ease}.wood:before{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(5px 0,calc(100% - 17px) 0,100% 50%,calc(100% - 17px) 100%,5px 100%,0 calc(100% - 5px),0 5px);-webkit-mask:radial-gradient(circle at 13px 50%,transparent 3.6px,#000 4.2px);mask:radial-gradient(circle at 13px 50%,transparent 3.6px,#000 4.2px);background:linear-gradient(90deg,transparent 23px,var(--tag) 23px 25px,transparent 25px),linear-gradient(180deg,rgba(255,250,235,.6) 0 1px,transparent 1px calc(100% - 2px),rgba(110,70,30,.25) calc(100% - 2px)),repeating-linear-gradient(180deg,transparent 0 5px,rgba(150,100,45,.08) 5px 6px,transparent 6px 9px,rgba(150,100,45,.05) 9px 11px),repeating-linear-gradient(90deg,transparent 0 43px,rgba(150,100,45,.06) 43px 47px,transparent 47px 79px),var(--face)}.wood:after{content:"";position:absolute;left:7px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;box-sizing:border-box;border:1.8px solid #b48a3c;box-shadow:inset 0 0 0 .6px #ffebaa99,0 0 0 .6px #50320f80;pointer-events:none}.wood:hover:not(:disabled){transform:translate(4px);filter:drop-shadow(0 1px 0 rgba(30,15,4,.5)) drop-shadow(0 6px 7px rgba(30,15,4,.42))}.wood:active:not(:disabled){transform:translate(6px)}.wood:focus-visible{outline:none;filter:drop-shadow(0 0 1.5px var(--accent)) drop-shadow(0 0 1.5px var(--accent)) drop-shadow(0 3px 4px rgba(30,15,4,.35))}.wood:disabled{opacity:.55;cursor:not-allowed}.wood .ico,.wood svg{flex:none;width:18px;height:18px}.wood.go,.wood.stop{font-weight:700;color:var(--tag)}.wood.go{--tag: var(--land)}.wood.stop{--tag: var(--bad)}.wood.go:before,.wood.stop:before{background:linear-gradient(90deg,var(--tag) 0 25px,transparent 25px),linear-gradient(180deg,rgba(255,250,235,.6) 0 1px,transparent 1px calc(100% - 2px),rgba(110,70,30,.25) calc(100% - 2px)),repeating-linear-gradient(180deg,transparent 0 5px,rgba(150,100,45,.08) 5px 6px,transparent 6px 9px,rgba(150,100,45,.05) 9px 11px),linear-gradient(180deg,#fbf1dc,#eedcb6)}.wood.big{min-height:50px;padding:6px 34px 6px 40px;font-size:21px;gap:9px}.wood.big:before{clip-path:polygon(6px 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,6px 100%,0 calc(100% - 6px),0 6px);-webkit-mask:radial-gradient(circle at 16px 50%,transparent 4.6px,#000 5.2px);mask:radial-gradient(circle at 16px 50%,transparent 4.6px,#000 5.2px)}.wood.big:after{left:9px;width:14px;height:14px;margin-top:-7px}.wood.big.go:before{background:linear-gradient(90deg,var(--tag) 0 30px,transparent 30px),linear-gradient(180deg,rgba(255,250,235,.6) 0 1px,transparent 1px calc(100% - 2px),rgba(110,70,30,.25) calc(100% - 2px)),repeating-linear-gradient(180deg,transparent 0 5px,rgba(150,100,45,.08) 5px 6px,transparent 6px 9px,rgba(150,100,45,.05) 9px 11px),linear-gradient(180deg,#fbf1dc,#eedcb6)}.wood.small{min-height:30px;padding:3px 20px 3px 29px;font-size:13.5px}.wood-centre{justify-content:center}@media(prefers-reduced-motion:reduce){.wood{transition:none}.wood:hover:not(:disabled),.wood:active:not(:disabled){transform:none}}#title .title-btn.wood{min-width:0;box-shadow:none}#title.start-focus .title-btn.wood.focused{transform:scale(1.1);box-shadow:none;filter:drop-shadow(0 0 2px rgba(150,200,110,.9)) drop-shadow(0 0 14px rgba(150,200,110,.75)) drop-shadow(0 8px 10px rgba(30,15,4,.4))}.title-more{gap:10px;margin-top:8px;flex-wrap:wrap}.title-more .wood{transition:transform .14s ease,filter .5s ease,opacity .5s ease}.pause-backdrop,.settings-backdrop,.letter-backdrop{background:#1e120880;backdrop-filter:blur(2px)}.modal.pause{position:relative;width:min(300px,92vw);padding:26px 26px 22px;background:var(--paper);border-radius:2px;box-shadow:0 2px 3px #1e0f044d,0 20px 50px #1e0f048c;transform:rotate(-.6deg)}.modal.pause:before{content:"";position:absolute;top:-10px;left:50%;width:90px;height:22px;margin-left:-45px;background:var(--tape);box-shadow:0 1px 2px #28140633;transform:rotate(2deg)}.modal.pause h2{margin:0;font-variant:small-caps;letter-spacing:.06em;font-size:24px}.pause-sub{margin:2px 0 16px;font-family:var(--hand);font-size:13px;color:var(--dim)}.pause-list{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.pause-list .wood{width:100%}.pause-list .wood:nth-child(odd){transform:rotate(-.5deg)}.pause-list .wood:nth-child(2n){transform:rotate(.4deg)}.pause-list .wood:hover:not(:disabled){transform:translate(5px)}.pause-list .rule{align-self:stretch;height:0;margin:4px 0;border-top:1px dashed rgba(110,80,45,.3)}.modal.share{position:relative;width:min(780px,94vw);max-width:none;max-height:calc(100vh - 40px);overflow-y:auto;padding:26px 28px 22px;background:var(--paper);border-radius:2px;box-shadow:0 2px 3px #1e0f044d,0 20px 50px #1e0f048c}.modal.share:before{content:"";position:absolute;top:-10px;left:50%;width:90px;height:22px;margin-left:-45px;background:var(--tape);box-shadow:0 1px 2px #28140633;transform:rotate(-2deg)}.modal.share h2{margin:0 0 4px;font-variant:small-caps;letter-spacing:.06em;font-size:24px}.share-sub{max-width:64ch;font-size:13.5px;color:var(--dim)!important}.share-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 6px}.share-slot{display:flex;flex-direction:column;gap:5px;padding:8px 8px 10px;background:#fbf5e6;border-radius:2px;box-shadow:0 1px 2px #3c280a4d,0 8px 14px -9px #3c280a8c}.share-slot:nth-child(1){transform:rotate(-.7deg)}.share-slot:nth-child(3){transform:rotate(.6deg)}.share-slot img{display:block;width:100%;height:auto;aspect-ratio:40 / 21;object-fit:cover;background:#e6dcc6;border-radius:1px}.share-slot b{margin-top:2px;font-family:var(--serif);font-size:15px}.share-when{font-family:var(--hand);font-size:12px;color:var(--dim)}.share-acts{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0}.share-acts button{padding:3px 8px;font-size:12px}.share-slot.empty{justify-content:center;align-items:center;gap:12px;min-height:200px;background:none;border:2px dashed rgba(110,80,45,.35);box-shadow:none}.share-empty{font-family:var(--hand);color:var(--dim)}.share-note{min-height:1.5em;margin:6px 0 0!important;font-size:13px;color:var(--good)!important}.share-note.bad{color:var(--bad)!important}.share-foot{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:10px}.share-clip{display:block;width:100%;height:auto;margin:10px 0 12px;background:#e6dcc6;border-radius:2px;box-shadow:0 2px 6px #1e0f0459}.share-facts{font-size:13.5px}.share-facts b{font-family:var(--serif);font-size:15px}.share-link{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 4px}.share-link input{flex:1;min-width:220px;padding:7px 10px;background:#fffaf0;border:1px solid var(--line);border-radius:3px;font:inherit;color:var(--text)}.share-link a{color:var(--accent)}.share-filming{position:fixed;inset:0;z-index:9000;display:flex;justify-content:center;align-items:flex-start;padding-top:18px}.share-filming p{display:flex;align-items:center;gap:9px;margin:0;padding:8px 16px;background:var(--paper);border-radius:2px;box-shadow:0 2px 3px #1e0f044d,0 10px 24px #1e0f0473;font-family:var(--hand);color:var(--text)}.share-filming b{min-width:1.4em;font-variant-numeric:tabular-nums}.share-rec{width:11px;height:11px;border-radius:50%;background:#c0392b;animation:share-rec 1s steps(2,start) infinite}@keyframes share-rec{to{visibility:hidden}}@media(prefers-reduced-motion:reduce){.share-rec{animation:none}}@media(max-width:640px){.share-slots{grid-template-columns:minmax(0,1fr)}.share-slot{transform:none!important}.share-slot.empty{min-height:110px}}.follow-card{position:fixed;z-index:40;display:flex;align-items:center;gap:10px;max-width:min(560px,90vw);padding:7px 10px 7px 12px;background:var(--paper);border-radius:3px;box-shadow:0 2px 3px #1e0f044d,0 8px 18px #1e0f0459;color:var(--text);transform:translate(-50%,-100%) rotate(-.4deg)}.follow-card[hidden]{display:none}.follow-mark{position:fixed;left:0;top:0;z-index:39;width:0;height:0;pointer-events:none}.follow-mark[hidden]{display:none}.follow-mark:before{content:"";position:absolute;left:-7px;top:-14px;width:14px;height:12px;background:#f2c230;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 1px 0 #6b4a14);animation:follow-bob 1s ease-in-out infinite}@keyframes follow-bob{50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.follow-mark:before{animation:none}}.follow-eye{flex:none;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#2b2622 0 3px,#f2c230 3.5px 6px,transparent 6.5px),radial-gradient(circle,#fff8e3 0 10px,#b9a67c 10.5px 11px)}.follow-text{min-width:0;line-height:1.3}.follow-text b{font-family:var(--serif);font-size:15px}.follow-what{font-family:var(--hand);font-size:13px;color:var(--dim)}.follow-text p{margin:1px 0 0;font-size:13.5px}.follow-text small{display:block;font-family:var(--hand);font-size:12px;color:var(--dim)}.follow-acts{display:flex;gap:4px;flex:none}.follow-acts button{padding:3px 8px;font-size:12px}.follow-lost{margin:0;font-size:13.5px}.setting-three{position:relative;display:inline-grid;grid-template-columns:repeat(3,50px);height:26px;border-radius:999px;background:#6e502d2e;box-shadow:inset 0 1px 3px #3c281459}.setting-three button{position:relative;z-index:1;min-width:0;padding:0;background:none;border:none;border-radius:999px;box-shadow:none;font:700 11px var(--hand);color:#7a6a55;transition:color .16s ease}.setting-three button[aria-checked=true]{color:#3a2a1c}.setting-three[data-at="0"] button[aria-checked=true]{color:#f4fbe9}.three-knob{position:absolute;top:3px;left:3px;width:44px;height:20px;border-radius:999px;background:linear-gradient(180deg,#f4e6c8,#d9bf8e);box-shadow:0 1px 2px #28140673,inset 0 1px #fffaebb3;transition:transform .18s ease,background .18s ease}.setting-three[data-at="0"] .three-knob{background:linear-gradient(180deg,#6a9a52,var(--land))}.setting-three[data-at="1"] .three-knob{transform:translate(50px)}.setting-three[data-at="2"] .three-knob{transform:translate(100px)}.setting-three button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.three-knob,.setting-three button{transition:none}}.modal.settings{position:relative;background:var(--paper);box-shadow:0 2px 3px #1e0f044d,0 20px 50px #1e0f048c}.modal.settings:before{content:"";position:absolute;top:-10px;left:50%;width:90px;height:22px;margin-left:-45px;background:var(--tape);box-shadow:0 1px 2px #28140633;transform:rotate(-2deg)}.modal.settings h2{font-variant:small-caps;letter-spacing:.06em;font-size:24px}.setting-group h3{margin:0 0 6px;font-family:var(--hand);font-size:13px;font-weight:700;color:var(--dim)}.settings button[data-set]{position:relative;min-width:0;width:58px;height:26px;padding:0 8px 0 0;border:none;border-radius:999px;background:#6e502d2e;box-shadow:inset 0 1px 3px #3c281459;font:700 11px var(--hand);color:#7a6a55;text-align:right;transition:background .16s ease}.settings button[data-set]:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#3a2a1c 0 2px,transparent 2.5px),linear-gradient(180deg,#f4e6c8,#d9bf8e);box-shadow:0 1px 2px #28140673,inset 0 1px #fffaebb3;transition:transform .16s ease}.settings button[data-set][aria-pressed=true]{padding:0 0 0 9px;text-align:left;background:var(--land);color:#f4fbe9}.settings button[data-set][aria-pressed=true]:before{transform:translate(32px)}.settings input[type=range]{accent-color:#8a6438}.settings-foot{flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.settings button[data-set],.settings button[data-set]:before{transition:none}}.slip .wood{align-self:flex-start;margin-top:4px}.board-foot .wood{color:#4a3420}.ground{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.tile{display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto 4px;column-gap:7px;row-gap:3px;align-items:center}.tile-art{grid-row:1 / span 2;width:26px;height:26px;image-rendering:pixelated}.tile-text{min-width:0;line-height:1.2}.tile-text label{display:block;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}.tile-text span{display:block;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-bar{height:4px;background:var(--line);border-radius:2px;overflow:hidden}.tile-bar span{display:block;height:100%;width:0;transition:width .4s}.journal-shut{display:flex;align-items:center;gap:18px;max-width:100%;padding:4px 8px;background:none;border:none;color:inherit;font:inherit;cursor:pointer}.journal-cover{position:relative;flex:none;height:min(112px,86cqh);aspect-ratio:.76;border-radius:3px 6px 6px 3px;background:linear-gradient(90deg,rgba(20,10,4,.45) 0 9%,rgba(255,230,190,.12) 9% 11%,transparent 11% 80%,#2a1a10 80% 85%,transparent 85%),radial-gradient(120% 90% at 30% 20%,#7a5236,#4f321f 70%);box-shadow:inset 0 0 0 1px #ffdcaa1f,2px 3px #e9dcc0,3px 5px #cdbb98,0 8px 16px #140a0480;transform:rotate(-4deg);transition:transform .16s ease}.journal-cover-label{position:absolute;left:14%;right:22%;top:30%;padding:3px 1px;background:#f1e6cd;border-radius:1px;box-shadow:0 1px 2px #140a0466;font:600 clamp(7px,8cqh,10px) / 1.15 var(--serif);font-variant:small-caps;letter-spacing:.02em;text-align:center;color:#4a3420}.journal-latest{position:relative;display:flex;flex-direction:column;gap:1px;min-width:0;max-width:440px;padding:8px 14px 9px 22px;background:var(--paper);border-radius:1px;box-shadow:0 1px 2px #1e0f0459,0 8px 16px -6px #1e0f0480;text-align:left;transform:rotate(1deg)}.journal-latest:before{content:"";position:absolute;left:9px;top:14px;width:6px;height:6px;border-radius:50%;background:var(--dim)}.journal-latest[data-kind=grow]:before{background:var(--land)}.journal-latest[data-kind=life]:before{background:var(--bugs)}.journal-latest[data-kind=danger]:before{background:var(--bad)}.journal-latest[data-kind=mark]:before{background:var(--accent)}.journal-latest[data-kind=strange]:before{background:#2a1830}.journal-latest[data-kind=strange] .journal-latest-text{color:#2a1830}.journal-latest-day{font:600 12px var(--serif);font-variant:small-caps;letter-spacing:.05em;color:var(--dim)}.journal-latest-text{font:13.5px / 1.35 var(--hand);color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.journal-shut:hover .journal-cover{transform:rotate(-2deg) translateY(-2px)}.journal-shut:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.journal-latest.fresh{animation:journal-fresh 1.4s ease-out}@keyframes journal-fresh{0%{transform:rotate(-1deg) translateY(0);box-shadow:0 0 #ffdc8c00,0 8px 16px -6px #1e0f0480}18%{transform:rotate(0) translateY(-5px);box-shadow:0 0 22px 2px #ffdc8c8c,0 14px 20px -6px #1e0f0480}to{transform:rotate(-1deg) translateY(0);box-shadow:0 0 22px 2px #ffdc8c00,0 8px 16px -6px #1e0f0480}}.book-backdrop{flex-direction:column;gap:16px;background:#1e12088c;backdrop-filter:blur(2px)}.book{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(940px,94vw);height:min(600px,calc(100dvh - 110px));padding:12px;border-radius:8px;background:radial-gradient(120% 100% at 30% 10%,#7a5236,#4f321f 75%);box-shadow:inset 0 0 0 1px #ffdcaa26,0 24px 60px #140a0499;outline:none}.book-page{position:relative;display:flex;flex-direction:column;min-height:0;padding:26px 24px 10px 14px;background:linear-gradient(90deg,transparent 52px,rgba(191,106,88,.5) 52px 53px,transparent 53px),repeating-linear-gradient(to bottom,transparent 0 calc(var(--line-h) - 1px),rgba(120,140,170,.2) calc(var(--line-h) - 1px) var(--line-h)),var(--paper);background-position:0 0,0 26px,0 0}.book-page.left{border-radius:4px 0 0 4px;box-shadow:inset -22px 0 26px -18px #3c230a73}.book-page.right{border-radius:0 4px 4px 0;box-shadow:inset 22px 0 26px -18px #3c230a73}.book-body{flex:1;min-height:0;overflow:hidden}.book-lines{margin:0;padding:0;list-style:none;font:13.5px / var(--line-h) var(--hand);color:var(--text)}.book-lines .journal-day{padding-left:46px;margin-top:4px}.book-lines .journal-day:first-child{margin-top:0}.book-lines .journal-entry{grid-template-columns:34px minmax(0,1fr)}.journal-cont{font:italic 400 11px var(--serif);font-variant:normal;letter-spacing:0;color:var(--dim)}.book-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px;font:12px var(--serif);color:var(--dim)}.book-turn{padding:3px 8px;background:none;border:none;border-radius:4px;font:700 13.5px var(--hand);color:var(--build);cursor:pointer}.book-turn:hover{background:#8a5a321a}.book-turn[hidden]{visibility:hidden;display:inline-block}.book-ribbon{position:absolute;left:50%;top:-3px;width:14px;height:calc(100% + 24px);margin-left:-7px;background:linear-gradient(90deg,#8a3524,#b0473a 50%,#8a3524);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 9px),0 100%);box-shadow:0 2px 4px #140a0466;pointer-events:none}.book-page.turn-older{animation:page-older .22s ease-out}.book-page.turn-newer{animation:page-newer .22s ease-out}@keyframes page-older{0%{opacity:.2;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes page-newer{0%{opacity:.2;transform:translate(-14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.journal-latest.fresh,.book-page.turn-older,.book-page.turn-newer{animation:none}.journal-cover{transition:none}}@media(max-width:700px){.book{grid-template-columns:1fr}.book-page.right,.book-ribbon{display:none}.book-page.left{border-radius:4px}}.book-marks{position:absolute;left:34px;top:-30px;display:flex;gap:6px;z-index:1}.book-mark{padding:6px 16px 12px;border:none;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#c45a48,#9a3a2a);box-shadow:inset 0 1px #ffdcc859,0 -2px 6px #140a044d;font:700 14px var(--hand);color:#fbe9e1;cursor:pointer;transform:translateY(8px);transition:transform .14s ease}.book-mark.notes{background:linear-gradient(180deg,#6f9a52,#4f7a3c);color:#eef6e6}.book-mark[aria-selected=true]{transform:translateY(0)}.book-mark:hover{transform:translateY(2px)}.book-mark[aria-selected=true]:hover{transform:translateY(0)}.book-mark:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.book-chapters{position:absolute;right:-34px;top:26px;display:none;flex-direction:column;gap:5px}.book.in-notes .book-chapters{display:flex}.book-chapter{display:grid;place-items:center;width:36px;height:34px;padding:0 0 0 6px;border:none;border-radius:0 6px 6px 0;background:linear-gradient(90deg,#d9c39a,#f1e2c2);box-shadow:1px 2px 4px #140a0459;cursor:pointer;transform:translate(-6px);transition:transform .14s ease}.book-chapter svg{width:18px;height:18px}.book-chapter:hover,.book-chapter.here{transform:translate(0)}.book-chapter.here{background:linear-gradient(90deg,#ead6ac,#fff3d8)}.book-chapter:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.note-chapter{display:flex;align-items:center;gap:8px;margin:4px 0 2px;padding-left:4px;font:700 17px var(--serif);font-variant:small-caps;letter-spacing:.04em;color:var(--text)}.note-chapter:first-child{margin-top:0}.note-chapter-ico,.note-chapter-ico svg{width:20px;height:20px;display:inline-block}.note{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;align-items:start;padding:3px 0 4px;line-height:1.4}.note-ico{justify-self:end;padding-top:2px}.note-ico svg{display:block;width:18px;height:18px}.note-name{font-weight:700;color:#4a3420}.note-tip{color:var(--land);font-style:italic}.note-tip:before{content:"→ "}@media(prefers-reduced-motion:reduce){.book-mark,.book-chapter{transition:none}}@media(max-width:700px){.book-chapters{inset:auto auto -40px 0;flex-direction:row}}.book-spot{display:flex;padding:6px 2px 2px}.book-spot .journal-shut{gap:14px;padding:4px 0;width:100%}.book-spot .journal-cover{height:84px}.book-spot .journal-cover-label{left:12%;right:20%;font-size:8px;letter-spacing:0}.book-spot .journal-latest{flex:1;transform:rotate(-1deg)}.title-credit{position:absolute;left:0;right:0;bottom:10px;z-index:2;margin:0;text-align:center;font-size:11px;letter-spacing:.02em;color:#ffeed2b8;text-shadow:0 1px 2px rgba(30,14,4,.7);pointer-events:none}.finish-card{border-left:3px solid var(--land)}.finish-card[hidden]{display:none}.finish-card p{margin:6px 0 10px;font-size:12.5px;line-height:1.45;color:var(--text)}.finish-acts{display:flex;flex-wrap:wrap;gap:8px}#topbar .tidy-btn{gap:5px;color:var(--land);font-weight:700}#topbar .tidy-btn[hidden]{display:none}#topbar .tidy-btn svg{width:16px;height:16px}.book{perspective:2600px}.book-cover{position:absolute;left:50%;top:0;width:50%;height:100%;z-index:6;border-radius:3px 8px 8px 3px;background:linear-gradient(90deg,rgba(20,10,4,.45) 0 3%,rgba(255,230,190,.1) 3% 4%,transparent 4% 84%,#2a1a10 84% 88%,transparent 88%),radial-gradient(120% 90% at 30% 20%,#7a5236,#4f321f 70%);box-shadow:inset 0 0 0 1px #ffdcaa24,0 10px 30px #140a0480;transform-origin:left center;backface-visibility:hidden;pointer-events:none}.book-cover-label{position:absolute;left:22%;right:26%;top:30%;padding:12px 8px;background:#f1e6cd;border-radius:2px;box-shadow:0 1px 3px #140a0473;font:600 26px / 1.15 var(--serif);font-variant:small-caps;letter-spacing:.05em;text-align:center;color:#4a3420}.book-leaf{z-index:5;transform-style:preserve-3d;pointer-events:none}.leaf-face{position:absolute;inset:0;backface-visibility:hidden}.leaf-face.back{transform:rotateY(180deg)}.leaf-shade{position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,#3c230a80,#3c230a1f 60%,#fffaeb26);pointer-events:none}.leaf-face.back .leaf-shade{transform:scaleX(-1)}.book-still{z-index:4;pointer-events:none}.book-mark.guide{background:linear-gradient(180deg,#d6a64a,#b0812c);color:#fff6e0}.guide-intro{padding:0 0 6px 4px;margin-bottom:4px;font:13px / 1.45 var(--hand);color:var(--dim)}.guide-intro b{color:var(--text)}.guide-count{margin-left:auto;padding-right:4px;font:400 12px var(--hand);font-variant:normal;letter-spacing:0;color:var(--dim)}.guide-when{margin-left:4px;font-size:11.5px;color:var(--dim);white-space:nowrap}.note.unfound{color:#4a40349e}.note.unfound .note-name{color:#4a34208c;letter-spacing:.1em}.guide-q{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1.5px dashed rgba(110,80,45,.45);font:700 11px var(--serif);color:#6e502d99}.shelf.shelf-wall{width:min(1080px,100%)}.shelf-planks{--row: 168px;display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));grid-auto-rows:var(--row);column-gap:14px;max-height:min(520px,calc(100dvh - 230px));overflow-y:auto;padding:6px 18px 0;border-radius:4px;background:repeating-linear-gradient(to bottom,transparent 0 calc(var(--row) - 46px),#b07c4c calc(var(--row) - 46px) calc(var(--row) - 44px),#8e5f36 calc(var(--row) - 44px) calc(var(--row) - 36px),#6a4426 calc(var(--row) - 36px) calc(var(--row) - 22px),rgba(20,10,4,.45) calc(var(--row) - 22px) calc(var(--row) - 16px),transparent calc(var(--row) - 16px) var(--row)),linear-gradient(180deg,#4a2f1c,#3c2616);box-shadow:inset 0 2px 10px #00000080;scrollbar-width:thin}.shelf-planks.bare{display:block;min-height:calc(var(--row) * 2)}.shelf-jar{position:relative;align-self:start;display:flex;flex-direction:column;align-items:center;height:calc(var(--row) - 16px);padding:0;background:none;border:none;cursor:pointer}.shelf-glass{position:relative;display:block;width:150px;margin-top:auto;margin-bottom:42px;transform:rotate(var(--lean, 0deg));transform-origin:50% 100%;filter:drop-shadow(0 4px 3px rgba(10,4,0,.55));transition:transform .18s ease}.shelf-glass img{display:block;width:100%;height:auto;border-radius:4px 4px 26px 26px}.shelf-lid{position:absolute;left:4%;right:4%;top:-7px;height:9px;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,#c99a5a,#8a5e30);box-shadow:inset 0 1px #ffebc880,0 1px #28140666}.shelf-shine{position:absolute;inset:0;border-radius:4px 4px 26px 26px;background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.26) 22%,transparent 30%,transparent 70%,rgba(255,255,255,.12) 74%,transparent 80%);box-shadow:inset 0 0 0 1.5px #e6f0f559;pointer-events:none}.shelf-jar:hover .shelf-glass,.shelf-jar:focus-visible .shelf-glass{transform:translateY(-7px) rotate(0)}.shelf-jar:focus-visible{outline:none}.shelf-jar:focus-visible .shelf-shine{box-shadow:inset 0 0 0 2px var(--accent)}.shelf-tag{position:absolute;bottom:6px;display:flex;flex-direction:column;align-items:center;gap:0;max-width:150px;padding:3px 10px;background:#f4ead4;border-radius:2px;box-shadow:0 2px 3px #0a040073;font:12.5px / 1.2 var(--hand);color:#4a3420;transform:rotate(calc(var(--lean, 0deg) * -2));white-space:nowrap}.shelf-tag b{max-width:130px;overflow:hidden;text-overflow:ellipsis;font-weight:700}.shelf-tag:before{content:"";position:absolute;top:-3px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e8d6a0,#9a7a34);box-shadow:0 1px 1px #140a0480}.shelf-tag .stars{font-size:10.5px;letter-spacing:0}.shelf-empty{margin:0;padding:26px 0 0;text-align:center;color:#f3dfb8;font:15px / 1.5 var(--hand)}.shelf-look{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:20px;border-radius:8px;background:#1e12088c;backdrop-filter:blur(2px)}.shelf-look[hidden]{display:none}.shelf-held{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px;padding:26px 30px;background:var(--paper);border-radius:3px;box-shadow:0 2px 3px #140a044d,0 20px 50px #140a048c;color:var(--text);animation:shelf-lift .22s ease-out}.shelf-glass.big{width:min(440px,70vw);margin:0;transform:none}.shelf-glass.big img,.shelf-glass.big .shelf-shine{border-radius:8px 8px 60px 60px}.shelf-glass.big .shelf-lid{top:-14px;height:16px}.shelf-story{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:280px}.shelf-story h3{margin:0;font:600 22px / 1.2 var(--serif);font-variant:small-caps;letter-spacing:.04em}.shelf-story p{margin:0;font:14px / 1.45 var(--hand)}.shelf-paid{display:flex;align-items:center;gap:10px}.shelf-paid i{color:var(--dim);font-size:12px}.shelf-when{color:var(--dim)}.shelf-story .wood{margin-top:8px}.shelf.shelf-wall{position:relative}@keyframes shelf-lift{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.shelf-glass{transition:none}.shelf-held{animation:none}}.board.landscape{width:min(1060px,100%);max-height:calc(100dvh - 24px);display:flex;flex-direction:column}.ls-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;min-height:0}.ls-view{display:flex;flex-direction:column;gap:12px;min-width:0}.ls-frame{position:relative;padding:10px;border-radius:10px;background:linear-gradient(180deg,#4e3220,#3d2717);box-shadow:inset 0 2px 8px #0000008c,0 1px #ffdcb41f}.ls-preview,.ls-was{display:block;width:100%;height:auto;border-radius:4px}.ls-was{position:absolute;inset:10px;width:calc(100% - 20px);pointer-events:none}.ls-was.fade{animation:ls-fade .36s ease-out forwards}@keyframes ls-fade{0%{opacity:1}to{opacity:0}}.ls-under{display:flex;align-items:center;gap:14px}.ls-shuffle svg{width:18px;height:18px}.ls-note{flex:1;margin:0;padding:6px 10px 6px 12px;border-left:3px solid #d9a04a;background:#fff0c81a;border-radius:2px;font:12.5px / 1.4 var(--hand);color:#f3dfb8}.ls-options{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:var(--paper);border-radius:3px;box-shadow:0 2px 3px #140a0459;color:var(--text);overflow-y:auto;min-height:0}.ls-row{display:flex;flex-direction:column;gap:3px;transition:opacity .16s}.ls-row.off{opacity:.4}.ls-label{font:700 13px var(--serif);font-variant:small-caps;letter-spacing:.06em;color:#5a4430}.ls-tiles{display:flex;flex-wrap:wrap;gap:6px}.ls-tile{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:58px;padding:3px 6px 2px;border:1.5px solid #d8c7a4;border-radius:8px;background:linear-gradient(180deg,#fffaf0,#f2e7d1);box-shadow:0 1px #785a3240;font:12px var(--hand);color:#5a4430;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.ls-tile svg{display:block;width:44px;height:26px}.ls-tile:hover:not(:disabled){transform:translateY(-2px);border-color:#b59b70}.ls-tile[aria-checked=true]{border-color:var(--land);background:linear-gradient(180deg,#f3f9ec,#dcebcb);box-shadow:0 0 0 2px #4f7a3c59,0 2px 4px #28461440;color:#2b4a1f;font-weight:700}.ls-tile:disabled{cursor:default}.ls-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ls-finish{display:flex;flex-direction:column;gap:6px;margin-top:2px;padding-top:8px;border-top:1px dashed rgba(110,80,45,.3)}.ls-switch-row{display:flex;align-items:center;gap:10px;font:13.5px / 1.3 var(--hand);transition:opacity .16s}.ls-switch-row.off{opacity:.4}.ls-switch-row small{font-size:11.5px;color:var(--dim)}.ls-switch{position:relative;flex:none;width:44px;height:24px;padding:0;border:none;border-radius:999px;background:#6e502d2e;box-shadow:inset 0 1px 3px #3c281459;cursor:pointer;transition:background .16s ease}.ls-switch:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#3a2a1c 0 1.8px,transparent 2.3px),linear-gradient(180deg,#f4e6c8,#d9bf8e);box-shadow:0 1px 2px #28140673,inset 0 1px #fffaebb3;transition:transform .16s ease}.ls-switch[aria-checked=true]{background:var(--land)}.ls-switch[aria-checked=true]:before{transform:translate(20px)}.ls-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.board.landscape .board-foot{align-items:center}@media(max-width:860px){.ls-body{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ls-was.fade{animation:none;opacity:0}.ls-tile,.ls-switch,.ls-switch:before{transition:none}}@media(max-height:820px){.board.landscape{padding-top:14px;padding-bottom:14px}.board.landscape .board-head{margin-bottom:10px}.board.landscape .board-foot{margin-top:10px}}.order-hold{margin:2px 0 4px;font-size:12.5px;color:#7a6a52;font-style:italic}.order-hold.holding{color:#5c7a2e;font-style:normal;font-weight:600}.order-hold.met{color:#3d6530;font-style:normal}.order-hold .tick{display:inline-block;width:1.2em}.order-hold-bar{display:block;height:5px;margin-top:3px;border-radius:3px;background:#2b201624;overflow:hidden}.order-hold-bar span{display:block;height:100%;background:#7fae4a}.order-bonus{margin:0 0 4px;font-size:12.5px;color:#8a6418}#stage-wrap.flipping canvas{pointer-events:none}#stage-wrap.flipping .view-tools{visibility:hidden}#stage-wrap.bumped{animation:jar-bump .7s ease-out}@keyframes jar-bump{0%{transform:translate(0) rotate(0)}15%{transform:translate(5px,-3px) rotate(.5deg)}35%{transform:translate(-4px,1px) rotate(-.4deg)}55%{transform:translate(2px) rotate(.2deg)}to{transform:translate(0) rotate(0)}}.shooting-star{position:fixed;z-index:26;width:120px;height:2px;border-radius:2px;background:linear-gradient(90deg,#fff0,#fffae1f2);box-shadow:0 0 8px 1px #fff4c899;transform-origin:100% 50%;pointer-events:none;opacity:0}.shooting-star.fall{animation:star-fall 1.1s ease-in both}@keyframes star-fall{0%{opacity:0;transform:rotate(24deg) translate(0) scaleX(.2)}20%{opacity:1}to{opacity:0;transform:rotate(24deg) translate(300px) scaleX(1)}}.golden-bug{position:fixed;z-index:29;width:40px;height:34px;padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 0 6px rgba(255,220,110,.85));animation:bug-sit 1.8s ease-in-out infinite}.golden-bug[hidden]{display:none}.golden-bug.away{animation:bug-away .7s ease-in both}.golden-bug.caught{animation:bug-caught .6s ease-out both}@keyframes bug-sit{0%,to{transform:rotate(-6deg)}50%{transform:rotate(7deg) translateY(-2px)}}@keyframes bug-away{to{transform:translate(120px,-160px) rotate(40deg) scale(.4);opacity:0}}@keyframes bug-caught{40%{transform:scale(1.6)}to{transform:scale(0);opacity:0}}@media(prefers-reduced-motion:reduce){#stage-wrap.bumped,.golden-bug{animation:none}}.chat-feed{position:fixed;z-index:27;width:236px;padding:8px 10px 9px;border-radius:4px;background:#f7f0dee6;box-shadow:0 2px 8px #1e0f0440;color:#3a2e1e;font:12px/1.35 ui-sans-serif,system-ui,Segoe UI,sans-serif;pointer-events:none}.chat-feed[hidden]{display:none}.chat-feed-head{font-family:var(--hand);font-size:16px;line-height:1.2;color:#5a2a2a}.chat-feed-help{margin-top:2px;color:#7a6a52;font-size:11px;word-spacing:.1em}.chat-feed-list{display:flex;flex-direction:column;gap:2px;margin-top:4px}.chat-feed-list:empty{display:none}.chat-feed-list div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:opacity 4s ease;animation:chat-in .35s ease both}.chat-feed-list div.old{opacity:0}.chat-feed-list b{color:#8e2b25}@keyframes chat-in{0%{opacity:0;transform:translate(10px)}}.setting-row input[type=text]{flex:1;min-width:0;max-width:220px;padding:5px 8px;border:1px solid rgba(43,32,22,.35);border-radius:4px;background:#fffaf0;color:inherit;font:inherit}.setting-row input[type=text]:focus-visible{outline:2px solid #8ab04a;outline-offset:1px}.mayhem-switch{flex-basis:100%;font-weight:700;letter-spacing:.02em}.mayhem-switch[aria-pressed=true]{background:#a8322a;color:#fff3e0;border-color:#6e1c16;animation:mayhem-on .9s ease-in-out infinite}#app[data-mode=campaign] .mayhem-switch{display:none}@keyframes mayhem-on{50%{transform:rotate(-1.2deg) scale(1.03)}}@media(prefers-reduced-motion:reduce){.mayhem-switch[aria-pressed=true]{animation:none}}.story-debug{position:fixed;top:12px;right:12px;bottom:12px;z-index:92;width:400px;display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:6px;background:#181612f5;color:#e9e2d2;font:12px/1.45 ui-sans-serif,system-ui,Segoe UI,sans-serif;box-shadow:var(--lift)}.story-debug[hidden]{display:none}.story-debug header{display:flex;align-items:baseline;gap:8px}.story-debug header strong{font-size:13px;letter-spacing:.04em;text-transform:uppercase}.story-debug header em{flex:1;font-style:normal;color:#a69c86}.story-debug-status{white-space:pre-line;color:#f2d79a;font-variant-numeric:tabular-nums}.story-debug-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.story-debug-row>span{min-width:68px;color:#a69c86}.story-debug button{padding:3px 8px;border:1px solid #5b5244;border-radius:4px;background:#36302a;color:inherit;font:inherit;cursor:pointer}.story-debug button:hover{background:#4a4238}.story-debug button:focus-visible{outline:2px solid #d9b45a;outline-offset:1px}.story-debug-list{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.story-debug h4{margin:10px 0 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#a69c86}.story-debug ol{margin:0;padding:0;list-style:none}.story-debug li{display:grid;grid-template-columns:14px 44px 1fr auto auto;align-items:center;gap:6px;padding:3px 0;border-top:1px solid rgba(233,226,210,.08)}.story-debug li span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.story-debug li b{font-weight:600;color:#a69c86}.story-debug li i{width:8px;height:8px;border-radius:50%;border:1px solid #6b6252}.story-debug li.done i{background:#7fae6a;border-color:#7fae6a}.story-debug li.done span{color:#a69c86}.story-debug li.next i{border-color:#f2d79a}.story-debug li.under-way i{background:#f2d79a;border-color:#f2d79a}.story-debug li.next span,.story-debug li.under-way span{color:#f2d79a}.perf-overlay{position:fixed;right:12px;bottom:12px;z-index:90;width:330px;padding:10px 12px;border-radius:6px;background:#181612f2;color:#e9e2d2;font:11px/1.45 ui-monospace,Cascadia Mono,Consolas,monospace;font-variant-numeric:tabular-nums;box-shadow:var(--lift);pointer-events:none}.perf-head{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.08em;color:#b9b09c;margin-bottom:4px}.perf-head span{text-transform:none;letter-spacing:0;color:#8a826f}.perf-big{font-size:18px;font-weight:600}.perf-big small{font-size:11px;font-weight:400;color:#b9b09c}.perf-ok{color:#9fd38a}.perf-warn{color:#f0c060}.perf-bad{color:#f08a70}.perf-line{margin-top:3px;color:#cfc7b4}.perf-sub{margin:6px 0 2px;color:#8a826f}.perf-row{display:grid;grid-template-columns:1fr 42px 70px;gap:6px;align-items:center}.perf-quiet{color:#6f685a}.perf-ms{text-align:right}.perf-bar{height:5px;background:#ffffff12;border-radius:3px;overflow:hidden}.perf-bar i{display:block;height:100%;background:#d6a85a}.perf-total{border-top:1px solid rgba(255,255,255,.12);margin-top:2px;padding-top:2px}.modal.lapse{width:min(1000px,94vw);max-width:none;display:flex;flex-direction:column;gap:10px}.lapse-screen{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border-radius:8px;background:#2a1d14;box-shadow:inset 0 0 0 2px #00000059}.lapse-note,.lapse-empty{margin:0;text-align:center;opacity:.8}.lapse-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}