:root{--viewport-height:100vh;--corner-size:48px;--corner-gap:8px;--corner-inset:12px;--corner-clear:calc(var(--corner-size) + var(--corner-gap))}@supports (height:100dvh){:root{--viewport-height:100dvh}}html body{height:100%;overflow:hidden}body>#app{inset:var(--viewport-top,0px) auto auto var(--viewport-left,0px);width:var(--viewport-width,100%);height:var(--viewport-height);min-height:0;position:fixed;overflow:clip;container-type:size}[hidden]{display:none!important}:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:2px}dialog.activity-dialog{inset:var(--viewport-top,0px) auto auto var(--viewport-left,0px);width:min(760px, calc(var(--viewport-width,100vw) - 32px));height:min(760px, calc(var(--viewport-height) - 32px));max-height:calc(var(--viewport-height) - 32px);max-width:calc(var(--viewport-width,100vw) - 32px);margin:16px;margin-left:max(16px, calc((var(--viewport-width,100vw) - 760px) / 2));padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));font-family:var(--font-sans);position:fixed;overflow:hidden}dialog.activity-dialog[open],dialog.activity-dialog>form{flex-direction:column;gap:12px;min-height:0;display:flex}dialog.activity-dialog>form{height:100%}dialog.activity-dialog header{flex:none;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:0;display:flex;position:static}.activity-dialog header h2{font-size:var(--fs-heading);margin:0}.activity-dialog button.close{float:none;flex:none;width:48px;height:48px;margin:0;position:static}.activity-dialog.section-dialog section{flex-direction:column;flex:1;gap:8px;min-height:0;padding:0;display:flex}.activity-dialog.section-dialog section>h3{font-size:var(--fs-heading);margin:0}.activity-dialog.section-dialog .note{margin:0}.section-picker{flex:none;align-items:center;gap:12px;display:flex}.section-picker select{min-width:0;min-height:var(--target-min);border:var(--border-width) solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;flex:1;padding:4px 12px}body .paged-grid.paged-grid{grid-template-columns:repeat(var(--page-columns,1), minmax(0, 1fr));grid-template-rows:repeat(var(--page-rows,1), minmax(0, 1fr));gap:var(--page-gap,12px);flex:1;width:100%;min-width:0;min-height:0;margin:0;padding:6px;list-style:none;display:grid}.paged-grid>*{min-width:0;min-height:0}.page-controls{flex:none;justify-content:center;align-items:center;gap:16px;min-height:48px;padding-bottom:4px;display:flex}.page-controls button{border:var(--border-width) solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-width:44px;min-height:44px;box-shadow:0 3px 0 var(--line-strong);color:var(--ink);font:500 var(--fs-small) / 1.4 var(--font-sans);padding:4px 16px}.page-controls button:disabled{opacity:.4;cursor:default}.page-controls button:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.page-controls output{white-space:nowrap;font-size:var(--fs-small);color:var(--ink-muted)}.activity-dialog .pages.paged-grid>.card,.activity-dialog .tiles.paged-grid>.tile{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;display:flex}.activity-dialog .pages.paged-grid .card img{object-fit:contain;aspect-ratio:auto;width:100%;height:calc(100% - 48px);min-height:0}.activity-dialog .pages.paged-grid .card span{font-size:clamp(24px,4vmin,36px)}.activity-dialog .tiles.paged-grid .plant{font-size:36px}.activity-dialog .tiles.paged-grid .label{overflow-wrap:anywhere;font-size:var(--fs-small)}.activity-dialog .choices.paged-grid .choice{background:var(--surface);min-width:0;min-height:44px}.activity-dialog .recordings.paged-grid{gap:12px}.activity-dialog .recordings button{min-height:44px}#app>.scene{inset:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overflow:visible;container-type:size}.scene .stone,.scene .ear{min-width:44px;min-height:44px}html[data-keyboard] .activity-dialog{height:calc(var(--viewport-height) - 16px);max-height:calc(var(--viewport-height) - 16px);margin-top:8px;padding-block:8px}html[data-keyboard] .activity-dialog .section-picker{display:none}dialog.activity-dialog.profile{width:min(520px, calc(var(--viewport-width,100vw) - 32px));height:min(560px, calc(var(--viewport-height) - 32px));margin-left:max(16px, calc((var(--viewport-width,100vw) - 520px) / 2))}html[data-keyboard] dialog.activity-dialog.profile{height:calc(var(--viewport-height) - 16px)}.activity-dialog.profile section:has(input[name=name])>h3{display:none}@font-face{font-family:Fredoka;src:url(/fonts/Fredoka.ttf)format("truetype");font-weight:300 550;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:16px;--space-8:18px;--space-9:20px;--space-10:24px;--space-11:28px;--space-12:32px;--space-13:40px;--space-14:56px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-full:50%;--size-control-sm:44px;--size-control-md:52px;--size-field:52px;--size-icon-button:48px;--size-icon-button-sm:44px;--size-check:24px;--size-task-detail:480px;--size-project-panel:440px;--size-dialog-sm:520px;--size-dialog-lg:620px;--size-composer-open:680px;--size-column-min:272px;--size-column-max:400px;--size-scrollbar:10px;--text-scale:1.2;--border-width:2px;--border-width-strong:3px;--focus-width:3px;--press-depth:4px;--target-min:44px;--column-inset:10px;--dur-quick:.12s;--dur-base:.18s;--dur-panel-in:.24s;--dur-panel-out:.18s;--dur-dock:.3s;--dur-turn:1s;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-drawer:cubic-bezier(.32,.72,0,1);--ease-press:cubic-bezier(.23,1,.32,1);--font-sans:"Fredoka", "Nunito", system-ui, sans-serif;--font-mono:"Atkinson Hyperlegible Mono", ui-monospace, Menlo, monospace;--fs-display:33.6px;--lh-display:1.2;--fw-display:550;--fs-title:26.4px;--lh-title:1.25;--fw-title:550;--fs-heading:21.6px;--lh-heading:1.3;--fw-heading:550;--fs-stage:18.6px;--lh-stage:1.3;--fw-stage:550;--fs-section:15.6px;--lh-section:1.3;--fw-section:550;--ls-section:.04em;--fs-body:17.4px;--lh-body:1.5;--fw-body:400;--fs-card-title:17.4px;--lh-card-title:1.38;--fw-card-title:500;--fs-small:16.2px;--lh-small:1.45;--fw-small:400;--fs-caption:15px;--lh-caption:1.4;--fw-caption:400;--fs-tag:13.8px;--lh-tag:1.6;--fw-tag:550;--fs-composer:18.6px;--lh-composer:1.5;--fw-composer:400;--fs-chat:18px;--lh-chat:1.5;--fw-chat:400;--fs-mono:15.6px;--lh-mono:1.45;--fw-mono:400;--fs-mono-strong:15px;--lh-mono-strong:1.4;--fw-mono-strong:500}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root,:root[data-theme=light]{--canvas:oklch(100% 0 0);--surface:oklch(100% 0 0);--sunk:oklch(95% .02 285);--line:oklch(90% .028 285);--line-strong:oklch(62% .06 285);--ink:oklch(30% .07 285);--ink-muted:oklch(47% .07 285);--ink-faint:oklch(70% .05 285);--accent:oklch(55% .18 255);--accent-tint:oklch(94% .03 250);--accent-ink:oklch(47% .175 258);--need:var(--accent);--need-tint:var(--accent-tint);--need-ink:var(--accent-ink);--fail:oklch(57% .2 25);--fail-tint:oklch(94% .03 20);--fail-ink:oklch(50% .19 25);--warn:oklch(63% .147 60);--warn-tint:oklch(95% .06 90);--warn-ink:oklch(47% .115 55);--success:oklch(50% .12 150);--success-tint:oklch(95% .035 150);--success-ink:oklch(47% .108 150);--on-ink:oklch(100% 0 0);--primary:oklch(53% .22 300);--on-primary:oklch(100% 0 0);--stage-backlog:oklch(93.5% .035 300);--stage-todo:oklch(93.5% .035 230);--stage-review:oklch(95% .065 95);--stage-develop:oklch(93.5% .035 355);--stage-done:oklch(94% .05 155);--scrim:oklch(30% .07 285/.36);--scroll-thumb:oklch(30% .07 285/.24);--scroll-thumb-hover:oklch(30% .07 285/.52);--scroll-thumb-active:oklch(30% .07 285/.66);--project-green:oklch(60% .164 150);--project-ochre:oklch(60% .13 70);--project-teal:oklch(60% .101 200);--project-rose:oklch(60% .18 345);--project-violet:oklch(60% .18 290);--project-olive:oklch(60% .136 115);--project-slate:oklch(60% .117 240);--project-graphite:oklch(42% .04 285);--elev-1:0 1px 3px oklch(30% .07 285/.1);--elev-2:0 10px 28px oklch(30% .07 285/.2);--elev-3:0 24px 64px oklch(30% .07 285/.26);--elev-dock:0 -4px 16px oklch(30% .07 285/.1);--elev-dock-open:0 -16px 48px oklch(30% .07 285/.16)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas:oklch(21% .045 285);--surface:oklch(31% .05 285);--sunk:oklch(36% .055 285);--line:oklch(41% .055 285);--line-strong:oklch(66% .07 285);--ink:oklch(96% .015 285);--ink-muted:oklch(80% .045 285);--ink-faint:oklch(60% .05 285);--accent:oklch(76% .13 245);--accent-tint:oklch(35% .09 255);--accent-ink:oklch(86% .073 245);--need:var(--accent);--need-tint:var(--accent-tint);--need-ink:var(--accent-ink);--fail:oklch(74% .155 22);--fail-tint:oklch(35% .09 20);--fail-ink:oklch(85% .08 22);--warn:oklch(84% .15 85);--warn-tint:oklch(36% .07 75);--warn-ink:oklch(90% .11 90);--success:oklch(72% .1056 150);--success-tint:oklch(32% .0456 150);--success-ink:oklch(82% .084 150);--on-ink:oklch(21% .045 285);--primary:oklch(76% .15 305);--on-primary:oklch(21% .045 285);--stage-backlog:oklch(27% .075 300);--stage-todo:oklch(27% .07 245);--stage-review:oklch(29% .06 70);--stage-develop:oklch(27% .075 355);--stage-done:oklch(27% .06 165);--scrim:oklch(12% .04 285/.6);--scroll-thumb:oklch(96% .015 285/.24);--scroll-thumb-hover:oklch(96% .015 285/.52);--scroll-thumb-active:oklch(96% .015 285/.66);--project-green:oklch(77% .15 150);--project-ochre:oklch(77% .15 70);--project-teal:oklch(77% .13 200);--project-rose:oklch(77% .15 345);--project-violet:oklch(77% .125 290);--project-olive:oklch(77% .15 115);--project-slate:oklch(77% .0975 240);--project-graphite:oklch(84% .03 285);--elev-1:0 1px 3px oklch(10% .04 285/.4);--elev-2:0 10px 28px oklch(10% .04 285/.55);--elev-3:0 24px 64px oklch(10% .04 285/.6);--elev-dock:0 -4px 16px oklch(10% .04 285/.4);--elev-dock-open:0 -16px 48px oklch(10% .04 285/.55)}}:root[data-theme=dark]{--canvas:oklch(21% .045 285);--surface:oklch(31% .05 285);--sunk:oklch(36% .055 285);--line:oklch(41% .055 285);--line-strong:oklch(66% .07 285);--ink:oklch(96% .015 285);--ink-muted:oklch(80% .045 285);--ink-faint:oklch(60% .05 285);--accent:oklch(76% .13 245);--accent-tint:oklch(35% .09 255);--accent-ink:oklch(86% .073 245);--need:var(--accent);--need-tint:var(--accent-tint);--need-ink:var(--accent-ink);--fail:oklch(74% .155 22);--fail-tint:oklch(35% .09 20);--fail-ink:oklch(85% .08 22);--warn:oklch(84% .15 85);--warn-tint:oklch(36% .07 75);--warn-ink:oklch(90% .11 90);--success:oklch(72% .1056 150);--success-tint:oklch(32% .0456 150);--success-ink:oklch(82% .084 150);--on-ink:oklch(21% .045 285);--primary:oklch(76% .15 305);--on-primary:oklch(21% .045 285);--stage-backlog:oklch(27% .075 300);--stage-todo:oklch(27% .07 245);--stage-review:oklch(29% .06 70);--stage-develop:oklch(27% .075 355);--stage-done:oklch(27% .06 165);--scrim:oklch(12% .04 285/.6);--scroll-thumb:oklch(96% .015 285/.24);--scroll-thumb-hover:oklch(96% .015 285/.52);--scroll-thumb-active:oklch(96% .015 285/.66);--project-green:oklch(77% .15 150);--project-ochre:oklch(77% .15 70);--project-teal:oklch(77% .13 200);--project-rose:oklch(77% .15 345);--project-violet:oklch(77% .125 290);--project-olive:oklch(77% .15 115);--project-slate:oklch(77% .0975 240);--project-graphite:oklch(84% .03 285);--elev-1:0 1px 3px oklch(10% .04 285/.4);--elev-2:0 10px 28px oklch(10% .04 285/.55);--elev-3:0 24px 64px oklch(10% .04 285/.6);--elev-dock:0 -4px 16px oklch(10% .04 285/.4);--elev-dock-open:0 -16px 48px oklch(10% .04 285/.55)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=ocean]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:oklch(100% 0 0);--surface:oklch(100% 0 0);--sunk:oklch(95% .02 215);--line:oklch(90% .03 215);--line-strong:oklch(60% .06 228);--ink:oklch(29% .07 245);--ink-muted:oklch(46% .07 240);--ink-faint:oklch(70% .05 228);--accent:oklch(52% .19 266);--accent-tint:oklch(94% .035 266);--accent-ink:oklch(46% .19 268);--need:var(--accent);--need-tint:var(--accent-tint);--need-ink:var(--accent-ink);--fail:oklch(57% .2 25);--fail-tint:oklch(94% .03 20);--fail-ink:oklch(50% .19 25);--warn:oklch(63% .147 60);--warn-tint:oklch(95% .06 90);--warn-ink:oklch(47% .115 55);--success:oklch(50% .12 150);--success-tint:oklch(95% .035 150);--success-ink:oklch(47% .108 150);--on-ink:oklch(100% 0 0);--primary:oklch(50% .105 200);--on-primary:oklch(100% 0 0);--stage-backlog:oklch(95% .05 88);--stage-todo:oklch(94% .045 205);--stage-review:oklch(94.5% .04 35);--stage-develop:oklch(94% .04 268);--stage-done:oklch(94% .05 165);--scrim:oklch(29% .07 245/.36);--scroll-thumb:oklch(29% .07 245/.24);--scroll-thumb-hover:oklch(29% .07 245/.52);--scroll-thumb-active:oklch(29% .07 245/.66);--project-green:oklch(60% .164 150);--project-ochre:oklch(60% .13 70);--project-teal:oklch(60% .101 200);--project-rose:oklch(60% .18 345);--project-violet:oklch(60% .18 290);--project-olive:oklch(60% .136 115);--project-slate:oklch(60% .117 240);--project-graphite:oklch(42% .04 240);--elev-1:0 1px 3px oklch(29% .07 245/.1);--elev-2:0 10px 28px oklch(29% .07 245/.2);--elev-3:0 24px 64px oklch(29% .07 245/.26);--elev-dock:0 -4px 16px oklch(29% .07 245/.1);--elev-dock-open:0 -16px 48px oklch(29% .07 245/.16)}:root[data-theme=ocean-dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:oklch(20% .04 238);--surface:oklch(30% .045 236);--sunk:oklch(35% .05 234);--line:oklch(41% .05 234);--line-strong:oklch(66% .06 228);--ink:oklch(96% .014 215);--ink-muted:oklch(80% .04 222);--ink-faint:oklch(60% .045 230);--accent:oklch(76% .12 262);--accent-tint:oklch(35% .09 266);--accent-ink:oklch(86% .07 262);--need:var(--accent);--need-tint:var(--accent-tint);--need-ink:var(--accent-ink);--fail:oklch(74% .155 22);--fail-tint:oklch(35% .09 20);--fail-ink:oklch(85% .08 22);--warn:oklch(84% .15 85);--warn-tint:oklch(36% .07 75);--warn-ink:oklch(90% .11 90);--success:oklch(72% .1056 150);--success-tint:oklch(32% .0456 150);--success-ink:oklch(82% .084 150);--on-ink:oklch(20% .04 238);--primary:oklch(80% .12 195);--on-primary:oklch(20% .04 238);--stage-backlog:oklch(29% .05 80);--stage-todo:oklch(28% .06 212);--stage-review:oklch(28% .06 30);--stage-develop:oklch(28% .07 270);--stage-done:oklch(28% .055 165);--scrim:oklch(11% .04 240/.6);--scroll-thumb:oklch(96% .014 215/.24);--scroll-thumb-hover:oklch(96% .014 215/.52);--scroll-thumb-active:oklch(96% .014 215/.66);--project-green:oklch(77% .15 150);--project-ochre:oklch(77% .15 70);--project-teal:oklch(77% .13 200);--project-rose:oklch(77% .15 345);--project-violet:oklch(77% .125 290);--project-olive:oklch(77% .15 115);--project-slate:oklch(77% .0975 240);--project-graphite:oklch(84% .03 225);--elev-1:0 1px 3px oklch(9% .04 240/.4);--elev-2:0 10px 28px oklch(9% .04 240/.55);--elev-3:0 24px 64px oklch(9% .04 240/.6);--elev-dock:0 -4px 16px oklch(9% .04 240/.4);--elev-dock-open:0 -16px 48px oklch(9% .04 240/.55)}.grown-ups{top:max(var(--corner-inset), env(safe-area-inset-top));right:max(var(--corner-inset), env(safe-area-inset-right));z-index:10;width:var(--corner-size);height:var(--corner-size);border:var(--border-width) solid var(--line-strong);background:var(--surface);box-shadow:0 3px 0 var(--line-strong);color:var(--ink);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}.grown-ups svg{width:24px;height:24px}.grown-ups:active{box-shadow:none;transform:translateY(3px)}:root{--groups:var(--project-violet);--size:var(--project-teal);--space:#10133f;--zap:oklch(88% .13 90);--star:oklch(82% .16 82);--star-edge:oklch(55% .12 70)}*{box-sizing:border-box}html,body{background:var(--space);height:100%;color:var(--ink);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.bz{--gutter:max(12px, env(safe-area-inset-left), env(safe-area-inset-right));--deck:clamp(112px, 17cqh, 168px);--button:clamp(84px, min(13cqh, 17cqw), 132px);background:var(--space)}.bz .scene-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.bz .say,.bz .next,.bz .go{border:var(--border-width) solid var(--line-strong);background:var(--surface);box-shadow:0 4px 0 var(--line-strong);color:var(--ink);transition:transform var(--dur-quick) var(--ease-press);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.bz .say{width:52px;height:52px}.bz .say svg{width:28px;height:28px}.bz .next,.bz .go{border-color:color-mix(in oklab, var(--primary) 70%, #000);background:var(--primary);width:clamp(76px,12cqmin,112px);height:clamp(76px,12cqmin,112px);box-shadow:0 5px 0 color-mix(in oklab, var(--primary) 60%, #000);color:var(--on-primary)}.bz .next svg,.bz .go svg{width:55%;height:55%}.bz :is(.say,.next,.go):active:not(:disabled){box-shadow:none;transform:translateY(4px)}.bz .go:disabled{opacity:.5;cursor:default}.bz .top{top:max(12px, env(safe-area-inset-top));left:calc(var(--gutter) + var(--corner-clear));right:calc(var(--gutter) + var(--corner-clear));pointer-events:none;justify-content:center;align-items:center;gap:16px;min-height:52px;display:flex;position:absolute}.bz .top>*{pointer-events:auto}.bz .trail{border:var(--border-width) solid var(--line-strong);background:var(--surface);border-radius:999px;flex-wrap:wrap;gap:10px;margin:0;padding:8px 14px;list-style:none;display:flex}.bz .trail:empty{display:none}.bz .trail li{border:3px solid var(--line-strong);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.bz .trail li.bonus{border-style:dashed}.bz .trail li.now{border-color:var(--primary);background:var(--stage-backlog)}.bz .trail li.done{border-color:var(--success);background:var(--success)}.bz .trail li.star{color:var(--star);border-color:#0000}.bz .trail li.star svg,.bz .trip-stars .won svg,.bz .trail li.tally svg,.bz .flash svg{stroke:var(--star-edge)}.bz .trail li.tally.bounce{animation:bz-bounce .5s var(--ease-press)}@keyframes bz-bounce{40%{transform:scale(1.35)}}.bz .trail li.tally{width:auto;height:28px;color:var(--star);border:0;gap:6px;padding:0 4px;display:flex}.bz .trail li.tally svg{width:28px;height:28px}.bz .trail li.tally b{color:var(--ink);font:600 22px / 1 var(--font-sans)}.bz .trail li.star svg{width:30px;height:30px}.bz .deck{left:var(--gutter);right:var(--gutter);bottom:max(12px, env(safe-area-inset-bottom));height:var(--deck);pointer-events:none;place-items:center;display:grid;position:absolute}.bz .answers{pointer-events:auto;justify-content:center;gap:clamp(16px,4cqw,40px);display:flex}.bz .answer{width:var(--button);height:var(--button);border:var(--border-width) solid var(--line-strong);background:var(--surface);box-shadow:0 6px 0 var(--line-strong);color:var(--ink);font:600 calc(var(--button) * .48) / 1 var(--font-sans);animation:bz-rise .32s var(--ease-press) both;animation-delay:calc(var(--i,0) * 70ms);transition:transform var(--dur-quick) var(--ease-press);border-radius:24px}.bz .answer:active:not(:disabled){box-shadow:none;transform:translateY(6px)}.bz .answer:disabled:not(.picked){opacity:.45}.bz .answer.picked{border-color:var(--zap);background:var(--zap);box-shadow:0 6px 0 color-mix(in oklab, var(--zap) 55%, #000);color:oklch(30% .07 285)}@keyframes bz-rise{0%{opacity:0;transform:translateY(40px)scale(.8)}}.bz .pops{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bz .pop{background:var(--groups);color:#fff;min-width:64px;font:600 40px / 1.1 var(--font-sans);text-align:center;animation:bz-pop 1.6s var(--ease-press) both;border-radius:999px;padding:4px 14px;position:absolute;transform:translate(-50%,-50%)}@keyframes bz-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}25%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-120%)scale(1)}}.bz .card,.bz .trip{left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 72px);bottom:calc(var(--deck) + max(12px, env(safe-area-inset-bottom)) + 12px);width:min(640px, calc(100% - 2 * var(--gutter)));border:var(--border-width) solid var(--line-strong);background:var(--surface);max-height:440px;box-shadow:0 6px 0 var(--line-strong);animation:bz-rise .36s var(--ease-press) both;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,3cqh,28px);margin:auto 0;padding:clamp(16px,3cqmin,32px);display:flex;position:absolute;translate:-50%}.bz .card[hidden],.bz .trip[hidden]{display:none}.bz .groups{grid-template-columns:repeat(var(--groups-count,3), minmax(0, min(112px, 15cqh)));justify-content:center;gap:clamp(8px,2cqw,16px);width:100%;display:grid}.bz .mini{aspect-ratio:1;outline-offset:3px;border-radius:22px;outline:4px solid #0000;width:100%;height:auto;transition:outline-color .2s,transform .2s}.bz .mini .dot{fill:var(--size)}.bz .card.link-groups .mini{outline-color:var(--groups);transform:scale(1.05)}.bz .card.link-size .mini .dot{stroke:#fff;stroke-width:2px}.bz .fact{margin:0}.bz .fact math{font-size:clamp(48px,min(11cqw,10cqh),96px);font-family:var(--font-sans);font-weight:600}.bz .fact mn{border-radius:.18em;padding:0 .12em;transition:background .2s,color .2s}.bz .fact mn.g{color:var(--groups)}.bz .fact mn.s{color:var(--size)}.bz .card.link-groups mn.g{background:var(--groups);color:#fff}.bz .card.link-size mn.s{background:var(--size);color:#fff}.bz .card.link-total mn.t{background:var(--stage-review)}.bz .card-actions{align-items:center;gap:24px;display:flex}.bz .flash,.bz .sum{border:var(--border-width) solid var(--line-strong);background:var(--surface);box-shadow:0 5px 0 var(--line-strong);pointer-events:none;border-radius:999px;align-items:center;gap:12px;padding:8px 24px;display:flex;position:absolute;top:46%;left:50%;translate:-50% -50%}.bz .flash.showing{animation:bz-flash 1.8s var(--ease-press) both}.bz .flash.holding{animation:bz-flash-in .3s var(--ease-press) both}.bz .flash.leaving{animation:.25s ease-in both bz-flash-out}.bz .sum{font:600 clamp(32px, min(8cqw, 6.5cqh), 64px) / 1.2 var(--font-sans)}.bz .sum span{animation:bz-piece .28s var(--ease-press) both;display:inline-block}.bz .sum .g{color:var(--groups)}.bz .sum .s{color:var(--size)}@keyframes bz-flash-in{0%{opacity:0;transform:scale(.7)}}@keyframes bz-flash-out{to{opacity:0}}@keyframes bz-piece{0%{opacity:0;transform:scale(.4)}}.bz .flash math{font:600 clamp(36px, min(9cqw, 8cqh), 72px) var(--font-sans)}.bz .flash mn.g{color:var(--groups)}.bz .flash mn.s{color:var(--size)}.bz .flash svg{width:clamp(32px,min(7cqw,6cqh),56px);height:clamp(32px,min(7cqw,6cqh),56px);color:var(--star)}@keyframes bz-flash{0%{opacity:0;transform:scale(.7)}12%,75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.bz .trip-stars{justify-content:center;gap:8px;width:100%;display:flex}.bz .trip-stars span{aspect-ratio:1;flex:0 min(96px,14cqh);min-width:0}.bz .trip-stars svg{width:100%;height:100%}.bz .trip-stars .won{color:var(--star);animation:bz-rise .4s var(--ease-press) both}.bz .trip-stars .empty{color:var(--sunk)}.bz .welcome{padding:72px var(--gutter);flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,4cqh,40px);transition:opacity .4s;display:flex;position:absolute;inset:0}.bz .welcome.leaving{opacity:0;pointer-events:none}.bz .welcome h1{background:var(--space);color:var(--zap);font:600 clamp(48px, min(11cqw, 13cqh), 120px) / 1.05 var(--font-sans);text-align:center;border-radius:28px;margin:0;padding:.15em .6em}.bz .welcome h1 span{display:inline-block}.bz .welcome h1 span:last-child{color:#fff}.bz .welcome .modes{gap:clamp(28px,7cqw,64px);display:flex}.bz .welcome .mode{color:#fff;font:600 var(--fs-body) / 1.2 var(--font-sans);justify-items:center;gap:10px;display:grid}.bz .welcome .go{width:clamp(96px,16cqmin,148px);height:clamp(96px,16cqmin,148px)}.bz .welcome .go.free{border-color:color-mix(in oklab, var(--zap) 55%, #000);background:var(--zap);box-shadow:0 5px 0 color-mix(in oklab, var(--zap) 55%, #000);color:oklch(30% .07 285)}.bz .welcome .loading{color:#fff;font-size:var(--fs-body);margin:0}.bz .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bz .fps{left:var(--gutter);border-radius:var(--radius-sm);background:var(--space);color:#fff;font:500 13px / 1.2 var(--font-sans);pointer-events:none;padding:2px 8px;position:absolute;bottom:4px}.parent .choices.paged-grid .choice{width:100%;height:100%}.parent .choices.paged-grid .choice,.parent .toggle .choice{border:var(--border-width) solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);text-align:left;align-content:center;gap:2px;padding:8px 12px;display:grid}.parent .choice[aria-current],.parent .choice[aria-pressed=true]{border-color:var(--primary);background:var(--stage-backlog)}.parent .choice b{font-size:var(--fs-body);align-items:center;gap:6px;display:flex}.parent .choice b svg{width:20px;height:20px;color:var(--star);stroke:var(--star-edge)}.parent .choice span{color:var(--ink-muted);font-size:var(--fs-small)}.parent .toggle{flex-wrap:wrap;gap:12px;display:flex}.parent .toggle .choice{text-align:center;min-width:120px;min-height:52px}.parent .reset{border:var(--border-width) solid var(--fail);border-radius:var(--radius-sm);background:var(--surface);min-height:48px;color:var(--fail-ink);align-self:flex-start;padding:10px 16px}@media (prefers-reduced-motion:reduce){.bz .answer,.bz .card,.bz .trip,.bz .trip-stars .won{animation:none}.bz .pop,.bz .flash.showing{animation-name:bz-pop-still}.bz .flash.holding,.bz .sum span,.bz .trail li.tally.bounce{animation:none}@keyframes bz-pop-still{0%,80%{opacity:1}to{opacity:0}}}
