:root{--surface: #8fcb6b;--surface-raised: #f4ebdd;--surface-sunk: #6fae4f;--ink: #3d3230;--ink-dim: #6d5f58;--ink-on-accent: #3d3230;--accent: #ffc94d;--accent-dim: #e0ab2e;--line: #3d3230;--warn: #a04848;--mark-heart: #e0746a;--font-mono: ui-monospace, monospace;--font-ui: ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--font-display: var(--font-ui);--radius: 1rem;--shadow: 0 .3rem 0 var(--line);--shadow-pressed: 0 .1rem 0 var(--line);color:var(--ink);background:var(--surface);font-family:var(--font-ui);font-synthesis:none;touch-action:none}*{box-sizing:border-box}html,body,main{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--surface);user-select:none;-webkit-user-select:none}canvas{width:100vw;height:100dvh;display:block;image-rendering:auto}button,a{border:0;color:var(--ink);background:var(--surface-raised);font:inherit;text-decoration:none}.round-button{position:fixed;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));width:3rem;height:3rem;border:.2rem solid var(--line);border-radius:50%;box-shadow:var(--shadow);cursor:pointer}.round-button:active{transform:translateY(.2rem);box-shadow:var(--shadow-pressed)}.mute-button{top:max(4.6rem,calc(env(safe-area-inset-top) + 3.6rem));font-size:1rem}.update-toast{color:var(--ink-on-accent);top:auto;right:auto;bottom:max(1.2rem,env(safe-area-inset-bottom));left:50%;translate:-50% 0;font-size:1.4rem;background:var(--accent);animation:toast-bob 1.6s ease-in-out infinite}.update-toast:active{transform:translateY(.2rem)}@keyframes toast-bob{0%,to{margin-bottom:0}50%{margin-bottom:.5rem}}@media(prefers-reduced-motion:reduce){.update-toast{animation:none}}dialog{width:min(22rem,calc(100vw - 2rem));border:.25rem solid var(--line);border-radius:calc(var(--radius) * 2);padding:1.2rem;color:var(--ink);background:var(--surface-raised);box-shadow:var(--shadow);text-align:center}dialog::backdrop{background:rgb(from var(--line) r g b / .45);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}dialog form{position:absolute;right:.3rem;top:.35rem}.close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;background:transparent;font-size:2rem;cursor:pointer}.save-mark{font-size:2rem;color:var(--accent-dim)}#save-qr{display:block;width:min(17rem,100%);margin:.4rem auto 1rem;border-radius:var(--radius)}#rescue-link{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin:auto;border:.2rem solid var(--line);border-radius:50%;font-size:1.6rem}.danger{position:absolute;left:.7rem;bottom:.5rem;width:2.4rem;height:2.4rem;border:.15rem solid var(--warn);border-radius:50%;background:transparent;font-size:1rem;cursor:pointer;opacity:.7}.danger[data-armed]{background:var(--warn);opacity:1}.save-note{position:fixed;left:14px;top:142px;margin:0;padding:.25rem .7rem;border:.15rem solid var(--warn);border-radius:var(--radius);background:var(--surface-raised);color:var(--warn);font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;pointer-events:none}.save-note[hidden]{display:none!important}#bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;gap:.4rem;padding:.5rem .6rem calc(.5rem + env(safe-area-inset-bottom));background:rgb(from var(--line) r g b / .92);z-index:24}#bottom-nav button{flex:1;padding:.7rem 0;border-radius:var(--radius);background:var(--surface-raised);border:.15rem solid var(--line);font-weight:800;font-size:.85rem;cursor:pointer}#bottom-nav button[data-active]{background:var(--accent);color:var(--ink-on-accent)}#sheet-backdrop{position:fixed;inset:0;background:rgb(from var(--line) r g b / .45);z-index:21}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:62dvh;overflow-y:auto;background:var(--surface-raised);border-radius:calc(var(--radius) * 1.6) calc(var(--radius) * 1.6) 0 0;border-top:.25rem solid var(--line);padding:1rem 1rem calc(4.6rem + env(safe-area-inset-bottom));z-index:22}.sheet h2{text-align:center;margin:0 0 .8rem}.shop-row{display:flex;align-items:center;gap:.7rem;padding:.55rem .6rem;border:.15rem solid var(--line);border-radius:var(--radius);margin-bottom:.5rem;background:var(--surface-raised)}.shop-row .grow{flex:1}.shop-row .name{font-weight:800;font-size:.95rem}.shop-row .desc{font-size:.78rem;color:var(--ink-dim)}.shop-row button{min-width:5.6rem;padding:.55rem .6rem;border-radius:calc(var(--radius) * .8);border:.15rem solid var(--line);background:var(--accent);color:var(--ink-on-accent);font-weight:800;cursor:pointer}.shop-row button:disabled{background:var(--surface-sunk);color:var(--ink-dim);cursor:default}.stats-row{display:grid;grid-template-columns:1fr auto;gap:.3rem .8rem;font-size:.95rem}.stats-row dt{color:var(--ink-dim)}.stats-row dd{margin:0;font-weight:800;text-align:right}.settings-row{display:grid;gap:.6rem}.settings-row button{padding:.8rem;border-radius:var(--radius);border:.15rem solid var(--line);background:var(--surface-raised);font-weight:800;cursor:pointer}.danger-row{border-color:var(--warn)!important;color:var(--warn)}.danger-row[data-armed]{background:var(--warn)!important;color:var(--surface-raised)}.sheet-card.start{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:.6rem;background:var(--surface-raised);z-index:30;text-align:center}.start h1{font-family:var(--font-display);font-size:3rem;letter-spacing:.06em;color:var(--ink);margin:0}.start img{border-radius:calc(var(--radius) * 1.4)}.start p{color:var(--ink);font-weight:700;margin:0}.big-button{margin-top:.6rem;padding:1rem 3.4rem;font-size:1.4rem;font-weight:800;border-radius:calc(var(--radius) * 1.4);border:.25rem solid var(--line);background:var(--accent);color:var(--ink-on-accent);box-shadow:var(--shadow);cursor:pointer}.big-button:active{transform:translateY(.3rem);box-shadow:var(--shadow-pressed)}#bottom-nav[hidden],.sheet[hidden],.sheet-card[hidden],#sheet-backdrop[hidden]{display:none!important}.about{text-align:center;font-size:.8rem;color:var(--ink-dim);margin:1rem 0 0}.about a{color:var(--warn);font-weight:700}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.big-button.prestige{width:100%;margin-bottom:.8rem;font-size:1rem;padding:.8rem}.big-button.prestige[data-armed]{background:var(--warn);color:var(--surface-raised)}.about-button{position:static;width:auto;height:auto;min-height:46px;padding:.6rem 1.4rem;border-radius:var(--radius);font-size:.8rem;font-weight:800;box-shadow:var(--shadow)}#about-dialog .about{margin:.4rem 0}.maker-mark{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-dim)}.maker-mark a{color:var(--ink);text-decoration:underline;font-weight:700}.maker-mark a.mark-sponsor{color:var(--ink)}.mark-heart{width:.85em;height:.85em;fill:var(--mark-heart);vertical-align:-.1em}.mark-dot{opacity:.45}#about-title{margin:.2rem 0 .6rem}.about-body{margin:0 0 .8rem;font-size:.95rem;line-height:1.5}.about-ethos{margin:0 0 1rem;color:var(--ink-dim);font-size:.82rem;font-weight:700;line-height:1.45}.about-dialog .maker-mark,#about-dialog .maker-mark{margin:0;padding-top:.8rem;border-top:.12rem solid rgb(from var(--line) r g b / .15)}.build-id{margin:.6rem 0 0;text-align:center;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-dim)}.maker-mark a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.maker-mark{line-height:2.6}:root[data-theme=dusk]{--surface: #2b3550;--surface-raised: #e8e4dc;--surface-sunk: #1f2740;--ink: #22283a;--ink-dim: #5d6478;--ink-on-accent: #22283a;--accent: #7fd4e8;--accent-dim: #4fb2c9;--line: #22283a;--mark-heart: #e0746a;--warn: #8f3a3a;--font-mono: ui-monospace, monospace;--shadow: 0 .3rem 0 var(--line);--shadow-pressed: 0 .1rem 0 var(--line);--font-ui: ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--font-display: var(--font-ui);--radius: 1rem}