:root{--bg:#1f2a1c;--panel:#2c3a28;--panel-2:#38492f;--ink:#f4f1e4;--muted:#b9c2ab;--grass:#6aa84f;--dirt:#8a5a35;--accent:#f2c14e;--glow:#ffe27a;--heart:#d9362b;--empty:#46523f;--line:#11170f;--band1:#4f8fbf;--band2:#b07cc6;--tap:56px;--bevel:inset -4px -4px 0 #00000040, inset 4px 4px 0 #ffffff24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0}button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer;-webkit-touch-callout:none;border-radius:0}button:disabled{cursor:default}h1,h2,p{margin:0}.app{max-width:480px;min-height:100%;padding:12px 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}.big-btn,.option,.icon-btn,.card,.side,.same-btn{min-height:var(--tap);min-width:var(--tap);border:3px solid var(--line);background:var(--panel-2);box-shadow:var(--bevel);font-size:1.5rem}.big-btn{background:var(--grass);width:100%;font-size:1.75rem}.icon-btn{background:var(--panel);font-size:1.25rem}.dim{opacity:.35}.glow{outline:4px solid var(--glow);outline-offset:2px;animation:.5s ease-in-out pulse}.wobble{animation:.32s ease-in-out wobble}.pop{animation:.32s ease-out pop}.rep{align-items:center;gap:.35em;font-weight:700;display:inline-flex}.frac{flex-direction:column;align-items:center;line-height:1.05;display:inline-flex}.frac-bar{background:currentColor;width:100%;min-width:1.1em;height:3px;margin:2px 0;font-size:0;line-height:0;overflow:hidden}.about{color:var(--muted);font-size:.55em;font-weight:400}.task-wrap{flex-direction:column;flex:1;display:flex}.task-wrap.unarmed{pointer-events:none}.task{flex:1;grid-template-rows:minmax(150px,1fr) auto auto;gap:14px;display:grid}.task-picture{background:var(--panel);border:3px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.task-picture.empty{background:0 0;border-color:#0000}.task-question{justify-content:center;align-items:center;gap:12px;min-height:72px;display:flex}.question{align-items:center;gap:.4em;font-size:2.25rem;display:flex}.q-word{color:var(--muted);font-size:1.1rem;font-weight:400}.task-answers{flex-direction:column;gap:10px;display:flex}.options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.option{min-height:84px;font-size:1.75rem}.counter{text-align:center;color:var(--muted);font-size:1.5rem}.hint{text-align:center;color:var(--accent);min-height:1.6em;font-size:1.25rem}.picture{grid-template-columns:repeat(var(--columns), 1fr);gap:3px;width:100%;display:grid}.picture.highlight{outline:4px solid var(--glow);outline-offset:4px}.cell{border:2px solid var(--line);aspect-ratio:1;min-width:0;padding:0}.cell.off{background:var(--empty)}.cell.on{background:var(--grass);box-shadow:var(--bevel)}.cell.band-0{background:var(--grass)}.cell.band-1{background:var(--band1)}.cell.band-2{background:var(--band2)}.picture-bar .cell{aspect-ratio:auto;height:64px}.picture-wall{gap:2px;max-width:320px}.picture-wall .cell{border-width:1px}.picture-hearts .cell,.picture-hearts .cell.on{box-shadow:none;background:0 0;border:0}.picture-hearts svg{width:100%;fill:var(--empty);stroke:var(--line);stroke-width:.3px;display:block}.picture-hearts .on svg{fill:var(--heart)}.compare{grid-template-columns:1fr 1fr;gap:10px;display:grid}.side{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:120px;padding:8px;font-size:2rem;display:flex}.side .picture{pointer-events:none}.same-btn{width:100%;font-size:1.25rem}.match-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.card{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:84px;padding:6px;font-size:1.6rem;display:flex}.card .picture{pointer-events:none}.card.selected{background:var(--accent);color:var(--line)}.card.matched{opacity:.3}.rail{justify-content:center;align-items:flex-end;gap:2px;width:100%;display:flex}.rail-col{flex-direction:column;flex:1;align-items:center;gap:4px;max-width:40px;display:flex}.rail-label{color:var(--muted);font-size:.7rem}.rail-digit{background:var(--empty);border:2px solid var(--line);place-items:center;width:100%;height:48px;font-size:1.75rem;font-weight:700;display:grid}.rail-point{color:var(--accent);padding-bottom:6px;font-size:2rem;font-weight:700}.slide-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.show-eq{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5em;font-size:2.25rem;display:flex}.show-eq.long{gap:.35em;font-size:1.75rem}.show-caption{text-align:center;color:var(--muted);font-size:1.1rem}.show-pair{grid-template-columns:1fr 1fr;align-items:end;gap:12px;width:100%;display:grid}.show-stack{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.show-stack .picture-wall{max-width:200px}.build{width:100%;image-rendering:pixelated;grid-template-columns:repeat(10,1fr);display:grid}.bcell{aspect-ratio:1}.bcell.placed{box-shadow:inset -2px -2px #00000040}.bcell.ghost{outline-offset:-1px;outline:1px dashed #ffffff1f}.map-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.map-head h1{font-size:1.25rem}.map-tools{gap:8px;display:flex}.map{flex-direction:column;gap:10px;display:flex}.biome-card{text-align:left;border:3px solid var(--line);background:var(--panel);min-height:96px;box-shadow:var(--bevel);grid-template-columns:96px 1fr auto;align-items:center;gap:12px;padding:8px 12px;font-size:1.25rem;display:grid}.biome-card.locked{opacity:.45}.biome-mark{font-size:1.5rem}.sitting-head{grid-template-columns:var(--tap) 1fr 64px;align-items:center;gap:10px;display:grid}.slots{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.slot{background:var(--empty);border:2px solid var(--line);height:18px}.slot.done{background:var(--accent)}.slot.current{outline:2px solid var(--ink)}.done-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.done-screen h1{font-size:1.75rem}.done-screen .build{max-width:300px}.done-note{color:var(--accent);font-size:1.25rem}.done-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.grownups{-webkit-user-select:text;user-select:text;flex-direction:column;gap:18px;font-family:system-ui,sans-serif;display:flex}.grownups h2{margin-bottom:6px;font-size:1rem}.grownups .big-btn,.grownups .icon-btn{font-size:1rem}.fact-row{grid-template-columns:72px 1fr;align-items:center;gap:8px;margin-bottom:4px;font-size:.85rem;display:grid}.fact-grid{flex-wrap:wrap;gap:3px;display:flex}.fact-dot{border:1px solid var(--line);width:14px;height:14px}.fact-dot.unseen{border-style:dashed;border-color:var(--muted);background:0 0}.fact-dot.s0{background:#b5483a}.fact-dot.s1{background:#c9803a}.fact-dot.s2{background:#d8c04a}.fact-dot.s3{background:#8fbf4f}.fact-dot.s4{background:#3f9b4f}.week-row{grid-template-columns:96px 1fr 24px;align-items:center;gap:8px;font-size:.85rem;display:grid}.week-bar{background:var(--accent);height:12px}.tool-row{flex-wrap:wrap;gap:8px;display:flex}@keyframes wobble{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes pulse{0%,to{outline-color:var(--glow)}50%{outline-color:#0000}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}