:root{--wall:#f4e4c4;--wood:#6b3f1d;--wood-mid:#8a5a2e;--wood-light:#b9793f;--ink:#4a2c14;--linen:#f1e6cf;--linen-edge:#b89f73;--brass:#d6a940;--brass-light:#f3d67f;--brass-dark:#9c7422;--panel:#fbf3e2;--cream:#fbeed3;--red:#b8412c;--radius:.8rem;color:var(--ink);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:ui-rounded,SF Pro Rounded,Nunito,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--wood);-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer}button:focus-visible{outline:3px solid var(--brass-light);outline-offset:2px}canvas:focus-visible{outline:3px solid var(--brass-light);outline-offset:2px}svg{display:block}[hidden]{display:none!important}#app{padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);grid-template:"bar""stage"minmax(0,1fr)"fact""foot"/minmax(0,1fr);display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.bar{background:repeating-linear-gradient(90deg, #0000000f 0 2px, transparent 2px 46px), linear-gradient(180deg, #7d4b24, var(--wood));color:var(--cream);border-bottom:3px solid #3f230e;grid-area:bar;align-items:center;gap:.5rem;padding:.45rem .6rem .45rem .9rem;display:flex}.bar h1{letter-spacing:.01em;text-wrap:balance;text-shadow:0 1px #00000059;flex:1;min-width:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(.9rem,3.8vw,1.4rem);font-weight:700;line-height:1.1}.stats{gap:.35rem;display:flex}.stat{font-variant-numeric:tabular-nums;background:#00000040;border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .6rem .18rem .35rem;font-size:.95rem;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.stat svg{width:1.3rem;height:1.3rem}.stat.bump b{animation:.35s ease-out bump}@keyframes bump{40%{color:var(--brass-light);transform:scale(1.25)}}.stat b{min-width:1ch;display:inline-block}.icon-btn{width:2.6rem;height:2.6rem;color:var(--cream);background:#00000038;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.icon-btn svg{width:1.4rem;height:1.4rem}.icon-btn:hover{background:#00000059}#btn-mute .ico-off,#btn-mute[aria-pressed=true] .ico-on{display:none}#btn-mute[aria-pressed=true] .ico-off{display:block}.stage{background:var(--wall);grid-area:stage;min-height:0;position:relative;overflow:hidden}#scene{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#scene:focus-visible{outline-offset:-4px}.hint{background:var(--linen);border:2px dashed var(--linen-edge);text-align:center;pointer-events:none;border-radius:.5rem;width:max-content;max-width:min(92%,26rem);margin:0;padding:.5rem .9rem;font-weight:700;line-height:1.3;position:absolute;top:.6rem;left:50%;transform:translate(-50%)rotate(-1deg);box-shadow:0 3px #4a2c1440}.hint small{opacity:.75;margin-top:.2rem;font-size:.78rem;font-weight:500;display:none}@media (hover:hover) and (pointer:fine){.hint small{display:block}}.sr-focusable{border:2px solid var(--ink);border-radius:var(--radius);background:var(--panel);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:.6rem .9rem;font-weight:700;position:absolute;bottom:.6rem;left:.6rem;overflow:hidden}.sr-focusable:focus-visible{clip-path:none;z-index:5;width:auto;height:auto;overflow:visible}.toasts{pointer-events:none;z-index:4;flex-direction:column;align-items:center;gap:.4rem;width:min(92%,25rem);display:flex;position:absolute;top:.6rem;left:50%;transform:translate(-50%)}.hint:not([hidden])~.toasts{top:5.6rem}.toast{border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);text-align:center;background:#fff9ea;border-radius:.75rem;padding:.55rem .9rem;font-size:.95rem;font-weight:700;line-height:1.3;animation:.28s cubic-bezier(.2,1.4,.4,1) toast-in}.toast.out{animation:.3s ease-in forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)scale(.92)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)scale(.96)}}.workshop-toggle{z-index:3;border:2px solid var(--ink);background:linear-gradient(180deg, var(--brass-light), var(--brass));min-height:2.9rem;box-shadow:0 3px 0 var(--ink);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1rem .5rem .8rem;font-weight:800;display:inline-flex;position:absolute;bottom:.6rem;right:.6rem}.workshop-toggle:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.workshop-toggle svg{width:1.2rem;height:1.2rem}.badge{background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .3rem;font-size:.8rem;animation:1.6s ease-in-out infinite pulse;display:inline-grid}@keyframes pulse{50%{transform:scale(1.15)}}.scrim{z-index:19;background:#28140559;position:fixed;top:0;bottom:0;left:0;right:0}.workshop{z-index:20;overscroll-behavior:contain;max-height:min(78dvh,40rem);padding:.9rem 1rem calc(1rem + env(safe-area-inset-bottom));background:var(--panel);border-top:3px solid var(--ink);visibility:hidden;border-radius:1.1rem 1.1rem 0 0;transition:transform .28s,visibility 0s linear .28s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%);box-shadow:0 -6px 20px #28140540}.workshop.open{visibility:visible;transition:transform .28s;transform:none}.workshop-head{justify-content:space-between;align-items:center;display:flex}.workshop h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.3rem}.icon-btn.close{color:var(--ink);background:#4a2c141a}.intro,.total{opacity:.85;margin:.35rem 0 .7rem;font-size:.9rem}.upgrades{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.upgrade{background:var(--linen);border:2px solid var(--linen-edge);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem .7rem;padding:.65rem .75rem;display:grid}.upgrade h3{margin:0;font-size:1rem}.upgrade p{margin:.1rem 0 0;font-size:.85rem;line-height:1.3}.upgrade .meta{opacity:.75;font-size:.78rem;font-weight:600}.upgrade.locked{opacity:.6;border-style:dashed}.upgrade.maxed{background:#eef0da;border-color:#a8ae7c}.buy{border:2px solid var(--ink);background:linear-gradient(180deg, var(--brass-light), var(--brass));min-width:5.8rem;min-height:2.8rem;box-shadow:0 3px 0 var(--ink);border-radius:.6rem;padding:.35rem .7rem;font-weight:800;line-height:1.1}.buy small{font-size:.75rem;font-weight:600;display:block}.buy:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.buy:disabled{cursor:not-allowed;color:#8a7760;background:#e2d7c2;border-color:#a8957a;box-shadow:0 3px #a8957a}.reset-btn{color:var(--red);background:0 0;border:0;margin-top:.4rem;padding:.4rem 0;font-size:.85rem;text-decoration:underline}.funfact{background:var(--linen);border-top:2px solid var(--linen-edge);grid-area:fact;align-items:center;gap:.4rem;min-height:2.6rem;margin:0;padding:.4rem .9rem;font-size:.85rem;line-height:1.3;transition:opacity .4s;display:flex}.funfact strong{background:var(--wood-mid);color:var(--cream);text-transform:uppercase;letter-spacing:.04em;border-radius:.3rem;flex:none;padding:.05rem .45rem;font-size:.72rem}.funfact.fade{opacity:0}.foot{padding:.3rem .5rem calc(.3rem + env(safe-area-inset-bottom));background:var(--wood);color:#e9d2ad;text-align:center;grid-area:foot;font-size:.75rem}dialog{border:3px solid var(--ink);background:var(--panel);max-width:min(92vw,24rem);color:var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:1rem;padding:1.1rem 1.2rem}dialog::backdrop{background:#28140573}dialog h2{margin:0 0 .4rem;font-family:Georgia,Times New Roman,serif;font-size:1.2rem}dialog p{margin:0 0 1rem;line-height:1.4}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.btn{border:2px solid var(--ink);background:var(--linen);border-radius:.6rem;min-height:2.8rem;padding:.4rem 1rem;font-weight:700}.btn.danger{background:var(--red);color:#fff}.noscript{background:var(--panel);text-align:center;border-radius:1rem;padding:1rem;position:fixed;top:40%;bottom:auto;left:1rem;right:1rem}body.wide-scene .hint,body.wide-scene .toasts{align-items:flex-end;width:min(40%,22rem);left:auto;right:.6rem;transform:none}body.wide-scene .hint{width:auto;max-width:min(40%,22rem);font-size:.85rem;transform:rotate(-1deg)}body.moon .stage{background:#0d1026}@media (min-width:900px) and (min-height:541px) and (min-aspect-ratio:1){#app{grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-template-areas:"bar bar""stage side""fact side""foot foot"}.workshop{visibility:visible;border-top:0;border-left:3px solid var(--ink);max-height:none;box-shadow:none;border-radius:0;grid-area:side;transition:none;position:static;transform:none}.workshop-toggle,#btn-close,.scrim{display:none!important}}@media (max-height:540px) and (orientation:landscape){.bar{padding-block-start:.2rem;padding-block-end:.2rem}.icon-btn{width:2.3rem;height:2.3rem}.funfact{display:none}.foot{padding-block:.1rem calc(.1rem + env(safe-area-inset-bottom));font-size:.68rem}.workshop{border-top:0;border-left:3px solid var(--ink);border-radius:1.1rem 0 0 1.1rem;width:min(26rem,60vw);max-height:none;top:0;left:auto;transform:translate(105%)}.workshop.open{transform:none}}@media (max-width:360px){.stat{padding-right:.45rem;font-size:.85rem}.bar h1{font-size:.9rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}