:root{--bg: #e7e0cc;--surface: #f6f1e4;--ink: #2a241f;--muted: #6c604f;--moss: #4d7552;--ember: #b8612f;--line: #d3c8ad;--need-high: #5d8f4e;--need-mid: #c99a2e;--need-low: #c0563d;--font-display: "Pixelify Sans", "Courier New", monospace;--font-body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #191b17;--surface: #23271f;--ink: #ece4d2;--muted: #a89d88;--moss: #8dbb86;--ember: #e39a62;--line: #3a3f33;--need-high: #7fb86c;--need-mid: #e0b54a;--need-low: #e27b5f;color-scheme:dark}}:root[data-theme=dark]{--bg: #191b17;--surface: #23271f;--ink: #ece4d2;--muted: #a89d88;--moss: #8dbb86;--ember: #e39a62;--line: #3a3f33;--need-high: #7fb86c;--need-mid: #e0b54a;--need-low: #e27b5f;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:16px 40px}.app{max-width:480px;margin:0 auto;display:grid;gap:16px}h1,h2{font-family:var(--font-display);font-weight:700;margin:0;text-wrap:balance}h1{font-size:28px;letter-spacing:.02em}h2{font-size:24px}p{margin:0}.tagline{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.screen,.status{display:grid;gap:16px}.status{gap:4px}#hint-line{color:var(--muted);font-style:italic}.story{font-size:17px;max-width:60ch}form{display:grid;gap:16px}fieldset{border:none;margin:0;padding:0}legend,label[for=name-input]{font-weight:700;margin-bottom:8px}.choices{display:grid;gap:8px}.choices-species{grid-template-columns:1fr}.choices-species .choice{grid-template-columns:auto 1fr;justify-items:start;align-items:center;column-gap:12px;text-align:left}.choices-species .choice canvas{grid-row:span 2}.choices-species .choice div{display:grid;gap:2px}.choice em{font-family:var(--font-body);font-size:13px;font-style:normal;font-weight:700;color:var(--ember)}.choices-colors{grid-template-columns:repeat(3,1fr)}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choice{display:grid;justify-items:center;align-content:start;gap:6px;padding:10px 8px;background:var(--surface);border:2px solid var(--line);border-radius:4px;cursor:pointer;font-family:var(--font-display);text-align:center}.choice canvas{width:88px;height:64px;border-radius:2px;image-rendering:pixelated}.choice span{font-size:18px}.choice small{font-family:var(--font-body);font-size:13px;line-height:1.4;color:var(--muted)}.choices input:checked+.choice{border-color:var(--moss);box-shadow:0 0 0 2px var(--moss)}.choices input:focus-visible+.choice{outline:3px solid var(--ember);outline-offset:2px}.form-buttons{display:grid;grid-template-columns:1fr 2fr;gap:8px}.name-field{display:grid}.name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}#name-random{font-size:15px}#name-input{font:inherit;font-size:18px;padding:12px;background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-radius:4px}#scene,#decor-scene{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:3 / 2;image-rendering:pixelated;border:3px solid var(--ink);border-radius:4px;touch-action:manipulation}#scene{cursor:pointer}.needs{display:grid;gap:8px}.need{display:grid;grid-template-columns:64px 1fr 32px;align-items:center;gap:8px}.need-label{font-weight:700}.bar{height:12px;background:var(--line);border-radius:2px;overflow:hidden}.fill{height:100%;background:var(--need-high);transition:width .4s ease}.need[data-level=mid] .fill{background:var(--need-mid)}.need[data-level=low] .fill{background:var(--need-low)}.need-value{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:420px){.actions{grid-template-columns:repeat(4,1fr)}}button{font-family:var(--font-display);font-size:18px;min-height:48px;padding:10px 12px;background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-radius:4px;box-shadow:0 3px 0 var(--ink);cursor:pointer;touch-action:manipulation}button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}button:focus-visible{outline:3px solid var(--ember);outline-offset:2px}button.primary{background:var(--moss);color:var(--surface)}.actions button{display:grid;justify-items:center;gap:2px}.cost{font-family:var(--font-body);font-size:12px;color:var(--muted)}.actions button.is-empty{border-style:dashed;box-shadow:none;color:var(--muted)}.actions button.is-empty .cost{color:var(--need-low);font-weight:700}.supplies{display:grid;gap:6px}.supplies h3{margin:0;font-family:var(--font-display);font-size:18px}.supply-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.supply-chip{display:flex;gap:6px;min-height:40px;padding:4px 10px;font-family:var(--font-body);font-size:15px;border:2px solid var(--line);box-shadow:0 2px 0 var(--line)}.supply-chip[aria-expanded=true]{border-color:var(--moss);box-shadow:0 2px 0 var(--moss)}.supply-chip:disabled{cursor:default;opacity:.7}.supply-chip strong{font-variant-numeric:tabular-nums}.supply-none{color:var(--muted)}.give-confirm{display:grid;gap:8px;padding:12px;background:var(--surface);border:2px solid var(--moss);border-radius:4px}#give-question{font-weight:700}.give-warning{color:var(--need-low);font-size:14px}.give-warning:empty{display:none}.give-buttons{display:grid;grid-template-columns:1fr 2fr;gap:8px}.actions button[aria-expanded=true]{border-color:var(--moss);box-shadow:0 3px 0 var(--moss)}.item-tray{display:grid;gap:8px;padding:12px;background:var(--surface);border:2px solid var(--moss);border-radius:4px}.tray-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.tray-head h3{margin:0;font-family:var(--font-display);font-size:18px}.tray-head button{font-family:var(--font-body);font-size:14px;min-height:36px;padding:4px 12px}.tray-items{display:grid;gap:8px}.tray-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 8px}.tray-row .tip{grid-column:1 / -1}.tray-shop{display:grid;gap:8px;justify-items:start;padding-top:4px;font-size:14px}.tray-shop[hidden]{display:none}.supply-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.supply-row .tip{flex-basis:100%}.pet-stats{padding:8px 12px;background:var(--surface);border:2px solid var(--line);border-radius:4px}.pet-stats summary{cursor:pointer;font-family:var(--font-display);font-size:16px}.stats-list{display:grid;gap:6px;margin:10px 0 2px}.stats-list div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px}.stats-list dt{color:var(--muted)}.stats-list dd{margin:0}.tray-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;text-align:left}.tray-item-name{font-size:17px}.tray-item-count{grid-column:1;font-family:var(--font-body);font-size:13px;color:var(--muted)}.tray-item-taste{grid-column:2;grid-row:1 / span 2;font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--need-high)}.tray-item.is-refused{border-style:dashed;box-shadow:none}.tray-item.is-refused .tray-item-taste{color:var(--need-low)}.tray-empty:empty{display:none}.choice .likes{color:var(--ink)}.view{display:grid;gap:16px}#home-screen{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.view-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px}.pet-strip{color:var(--muted)}.section-note{color:var(--muted);font-size:14px}.button-link{display:inline-flex;align-items:center;min-height:40px;padding:4px 14px;font-family:var(--font-display);font-size:15px;color:var(--ink);text-decoration:none;background:var(--surface);border:2px solid var(--ink);border-radius:4px;box-shadow:0 3px 0 var(--ink)}.button-link:focus-visible{outline:3px solid var(--ember);outline-offset:2px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(5,1fr);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:2px solid var(--ink)}.tabbar a{position:relative;display:flex;align-items:center;justify-content:center;min-height:56px;font-family:var(--font-display);font-size:15px;color:var(--muted);text-decoration:none}.tabbar a[aria-current=page]{color:var(--ink);background:var(--bg);box-shadow:inset 0 3px 0 var(--moss)}.tabbar a:focus-visible{outline:3px solid var(--ember);outline-offset:-3px}.tab-dot{position:absolute;top:12px;right:calc(50% - 28px);width:9px;height:9px;border-radius:50%;background:var(--need-low)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.games-picker,.game-stage,.game-result{display:grid;gap:12px}.game-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.game-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px;background:var(--surface);border:2px solid var(--line);border-radius:4px}.game-row>button{grid-column:2;grid-row:1 / span 3}.game-title{font-family:var(--font-display);font-size:18px}.game-description{font-size:14px}.game-pay{font-size:13px;font-weight:700;color:var(--need-high)}.game-pay.is-capped{color:var(--need-mid)}.stage-area{display:grid;gap:8px}.game-result{padding:16px;background:var(--surface);border:2px solid var(--moss);border-radius:4px}.game-result h3{margin:0;font-family:var(--font-display);font-size:20px}.result-score{font-weight:700}.wallet{display:flex;align-items:center;gap:6px;font-size:15px}.wallet strong{font-family:var(--font-display);font-size:18px;font-variant-numeric:tabular-nums}.stone{display:inline-block;width:14px;height:14px;transform:rotate(45deg);border-radius:2px;background:linear-gradient(135deg,#f07aa8 0 33%,#7ac7f0 33% 66%,#9fe07a 66%);box-shadow:0 0 0 1px var(--ink)}.shop-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.shop-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:2px 10px}.shop-row.has-preview{grid-template-columns:auto minmax(0,1fr) auto auto}.shop-row .furniture-preview{grid-row:span 2}.shop-name{font-weight:700}.shop-meta{font-size:13px;color:var(--muted)}.shop-row:not(.has-preview) .shop-meta{grid-column:1}.shop-row.has-preview .shop-meta{grid-column:2}.shop-taste{font-weight:700;color:var(--need-high)}.shop-taste.is-refused{color:var(--need-low)}.shop-short{margin-left:6px;color:var(--need-low)}.shop-row .info{grid-column:-3;grid-row:1 / span 2}.mode-switch{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);border-radius:4px;overflow:hidden}.mode-switch button{min-height:44px;border:none;border-radius:0;box-shadow:none;background:var(--surface);color:var(--muted)}.mode-switch button+button{border-left:2px solid var(--ink)}.mode-switch button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.mode-switch button:active{transform:none}.shop-blocked{display:block;margin-top:2px;color:var(--need-low)}.shop-price{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:var(--ink)}.shop-price .stone{width:10px;height:10px}.shop-buy{grid-column:-2;grid-row:1 / span 2;min-height:40px;padding:4px 12px;font-size:15px;white-space:nowrap}.shop-buy.is-confirming{background:var(--ember);border-color:var(--ember);color:var(--surface)}.shop-buy:disabled{cursor:default;opacity:.5;box-shadow:none}.shop-row .tip{grid-column:1 / -1}.furniture{display:grid;gap:8px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-head h3{margin:0;font-family:var(--font-display);font-size:18px}.section-head button{font-size:15px;min-height:40px;padding:4px 14px}.section-count{font-family:var(--font-body);font-size:14px;font-weight:400;color:var(--muted)}.section-body{display:grid;gap:8px}.filters{display:flex;flex-wrap:wrap;gap:6px}button.filter{min-height:32px;padding:2px 12px;font-family:var(--font-body);font-size:13px;border-width:1px;border-color:var(--line);border-radius:999px;box-shadow:none}button.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.decorate-note{color:var(--muted);font-size:14px}.furniture-list,.decorate-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.furniture-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:2px 10px}.furniture-preview{grid-row:span 2;width:54px;height:18px;image-rendering:pixelated}.furniture-name{font-weight:700}.furniture-status{grid-column:2;font-size:13px;color:var(--muted)}.furniture-row .info{grid-column:3;grid-row:1 / span 2}.furniture-row>button:not(.info){grid-column:4;grid-row:1 / span 2;font-size:15px;min-height:40px;padding:4px 12px}.furniture-row .tip{grid-column:1 / -1}.furniture-warning{margin-left:4px;color:var(--need-low);font-weight:700}.furniture-empty{color:var(--muted)}button.info{width:28px;min-height:28px;height:28px;padding:0;border-radius:50%;box-shadow:none;font-family:Georgia,Times New Roman,serif;font-size:15px;font-style:italic;font-weight:700}button.info[aria-expanded=true]{background:var(--ink);color:var(--surface)}.tip{padding:8px 10px;background:var(--bg);border-left:3px solid var(--ember);font-size:14px;line-height:1.45}.wild{display:grid;gap:12px;padding:16px;background:var(--surface);border:2px dashed var(--line);border-radius:4px}.message{margin-top:4px;color:var(--ember);font-weight:700}.message:empty{display:none}.dev-tools{border-top:1px solid var(--line);padding-top:12px;color:var(--muted)}.dev-tools summary{cursor:pointer;font-weight:700}.dev-tools p{margin-block:8px}.dev-buttons{display:flex;flex-wrap:wrap;gap:8px}.dev-buttons button{font-family:var(--font-body);font-size:14px;min-height:40px;padding:6px 12px}.supply-tools{display:grid;gap:8px}.supply-tool{display:grid;grid-template-columns:minmax(0,1fr) 40px 32px 40px 48px;align-items:center;gap:6px}.supply-tool button{font-family:var(--font-body);font-size:14px;min-height:36px;padding:4px}.supply-tool-count{text-align:center;font-variant-numeric:tabular-nums}.dev-buttons .danger{color:var(--need-low);border-color:var(--need-low);box-shadow:0 3px 0 var(--need-low)}@media(prefers-reduced-motion:reduce){.fill{transition:none}}.firefly-herder{display:flex;flex-direction:column;gap:8px}.firefly-herder-intro{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface);border:2px solid var(--line);border-radius:6px}.firefly-herder-intro[hidden],.firefly-herder-hud[hidden],.firefly-herder-message[hidden],.firefly-herder-finish[hidden]{display:none}.firefly-herder-intro p{margin:0;line-height:1.45}.firefly-herder-hud{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.firefly-herder-message{margin:0;min-height:2.9em;line-height:1.45;color:var(--muted)}.firefly-herder-finish{width:100%;max-width:420px;margin:0 auto}.firefly-herder-canvas{display:block;width:100%;max-width:420px;height:auto;margin:0 auto;image-rendering:pixelated;border:3px solid var(--ink);border-radius:4px;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.bloom-echo{display:flex;flex-direction:column;gap:10px}.bloom-echo-intro{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface);border:2px solid var(--line);border-radius:6px}.bloom-echo-intro[hidden]{display:none}.bloom-echo-intro p{margin:0;line-height:1.45}.bloom-echo-next{width:100%;max-width:420px;margin:0 auto}.bloom-echo-next[hidden]{display:none}.bloom-echo-status{margin:0;min-height:2.9em;line-height:1.45;font-weight:600}.bloom-echo-canvas{display:block;width:100%;max-width:420px;height:auto;margin:0 auto;image-rendering:pixelated;border:3px solid var(--ink);border-radius:4px;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}