@layer pages{body:has(.game-well){overflow-anchor:none}.play-modes{display:grid;gap:var(--space-3)}.mode{display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-3);align-content:start;padding:var(--space-4) var(--space-5) var(--space-5);border:var(--rule-w) solid var(--rule);border-radius:var(--radius-lg)}.mode-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.ready .mode-label{color:var(--ink-3);font-size:var(--step--2);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ready .mode-daily:not([data-done]) .mode-head .mode-label,.ready .play-modes:has(.mode-daily[data-done]) .mode-solo .mode-label{color:var(--red-ink)}.ready .mode-shift{flex-basis:100%;color:var(--red-ink);font-size:var(--step--1);font-weight:650}.ready .mode-line{color:var(--ink-1)}.mode-btn{inline-size:100%;justify-content:center;gap:var(--space-2)}.mode-btn:not(.btn-primary) .mode-arrow{display:none}.mode-daily[data-done]{grid-template-rows:auto;padding:var(--space-4);border-color:transparent;background:color-mix(in oklab,var(--band-1),var(--well) 45%)}.mode-done{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"check head next" "check best next";align-items:center;column-gap:var(--space-3)}.mode-check{display:grid;grid-area:check;place-items:center;inline-size:2.25rem;block-size:2.25rem;border-radius:50%;background:var(--right);color:var(--well)}.mode-check svg{inline-size:55%;block-size:55%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mode-done-head{grid-area:head}.mode-done-head .mode-label{display:none}.ready .mode-done-title{color:var(--ink-1);font-weight:750}.mode-facts{display:contents}.mode-fact{display:flex;align-items:baseline;gap:var(--space-1)}.mode-fact-best{grid-area:best}.mode-fact-next{grid-area:next;flex-direction:column;align-items:end;gap:0}.mode-fact dt{color:var(--ink-3);font-size:var(--step--1)}.mode-fact dd{color:var(--ink-3);font-family:var(--font-numbers);font-size:var(--step--1);font-variant-numeric:tabular-nums slashed-zero}.mode-fact dd b{color:var(--ink-1);font-weight:800}.mode-fact-next dd{color:var(--ink-1);font-size:var(--step-1);font-weight:700;letter-spacing:.04em}.mode-wide{display:none}@container well (width >= 40rem){.play-modes{grid-template-columns:1fr 1fr;gap:var(--space-4)}.mode-wide{display:inline}.mode-narrow{display:none}.mode-daily[data-done]{padding:var(--space-5)}.mode-done{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"check head" "facts facts";row-gap:var(--space-5)}.mode-check{inline-size:3rem;block-size:3rem}.mode-done-head{display:grid}.mode-done-head .mode-label{display:block}.ready .mode-done-title{font-size:var(--step-1)}.mode-facts{display:grid;grid-area:facts;grid-template-columns:1fr 1fr;border-radius:var(--radius);background:var(--well)}.mode-fact,.mode-fact-next{grid-area:auto;flex-direction:row;align-items:baseline;justify-content:space-between;padding:var(--space-3) var(--space-4)}.mode-fact+.mode-fact{border-inline-start:var(--rule-w) solid var(--rule)}.mode-fact dt{white-space:nowrap}.mode-fact dd,.mode-fact-next dd{font-size:var(--step-0)}}.relax{display:flex;align-items:center;gap:var(--space-3);justify-self:start;min-block-size:var(--touch-min);cursor:pointer}.relax-switch{flex:none;inline-size:3rem;block-size:1.75rem;margin:0;border-radius:var(--pill);appearance:none;background:radial-gradient(circle closest-side,var(--well) 82%,transparent 88%) .125rem 50% / 1.5rem 1.5rem no-repeat,color-mix(in oklab,var(--red-soft),var(--line-strong) 30%);cursor:pointer;transition:background-position var(--dur-2) var(--ease-out)}.relax-switch:checked{background:radial-gradient(circle closest-side,var(--well) 82%,transparent 88%) calc(100% - .125rem) 50% / 1.5rem 1.5rem no-repeat,var(--red)}@media(prefers-reduced-motion:reduce){.relax-switch{transition:none}}@media(forced-colors:active){.relax-switch{border:var(--rule-w) solid CanvasText}}.relax-text{display:grid}.ready .relax-name{color:var(--ink-1);font-weight:700}.ready .relax-hint{color:var(--ink-3);font-size:var(--step--1)}.choice-line{margin:0;color:var(--ink-1);font-size:var(--step-2);font-weight:650;line-height:1.3;letter-spacing:var(--track-1)}.choice-line strong,.choice-prompt strong{color:var(--ink-1);font-weight:800;text-decoration:underline var(--pen) .1em;text-underline-offset:.16em;text-decoration-skip-ink:none}.choice-ask{color:var(--ink-3);font-size:var(--step--1);font-weight:650}.choice-ask:not([hidden])+.options{margin-block-start:calc(-1 * var(--space-3))}.reveal-crowd{color:var(--ink-3);font-size:var(--step--1)}.choice-game[data-look=desk]{position:relative}[data-look=desk] .desk-pin{display:block;position:absolute;inset-block-start:calc(-1 * var(--space-5) - 1.4rem);inset-inline-start:50%;inline-size:1.75rem;translate:-50% 0;filter:drop-shadow(0 .25rem .2rem color-mix(in oklab,var(--deep) 30%,transparent))}.desk-pin-needle{fill:none;stroke:var(--line-strong);stroke-width:2;stroke-linecap:round}.desk-pin-head{fill:var(--red);stroke:var(--red-deep);stroke-width:1.5;stroke-linejoin:round}.desk-pin-shine{fill:color-mix(in oklab,var(--well) 70%,transparent)}[data-look=desk] :is(.game-tally,.verdict){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-look=desk] .game-head{display:block}[data-look=desk] .desk-tally{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3)}.desk-round,.desk-score{display:flex;align-items:center;gap:var(--space-3);color:var(--ink-3);font-size:var(--step--2);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.desk-dots{display:inline-flex;gap:var(--space-1)}.desk-dot{inline-size:.75rem;block-size:.75rem;border:var(--stroke) dashed var(--line-strong);border-radius:50%}.desk-dot[data-state=done]{border-style:solid;border-color:var(--ink-1);background:var(--ink-1)}.desk-dot[data-state=now]{border-style:solid;border-color:var(--red)}.desk-dots:has(>:nth-child(7)){gap:.2rem}.desk-dots:has(>:nth-child(7))>.desk-dot{inline-size:.6rem;block-size:.6rem}[data-look=desk] .desk-score{margin-inline-start:auto}.desk-n{color:var(--ink-3);font-size:var(--step--1);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.desk-n b{color:var(--ink-1)}.desk-gain{color:var(--right);font-family:var(--font-hand);font-size:var(--step-1);font-weight:700;letter-spacing:0;text-transform:none}[data-look=desk] .desk-run{display:inline;color:var(--pen);font-family:var(--font-hand);font-size:var(--step-0);font-weight:700;line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap}.desk-tiles{display:inline-flex;gap:.15rem}.desk-tile{display:grid;place-items:center;inline-size:1.4rem;block-size:1.9rem;border-radius:.3rem;background:var(--ink-1);color:var(--well);font-family:var(--font-numbers);font-size:var(--step-0);font-weight:800;font-variant-numeric:tabular-nums slashed-zero;letter-spacing:0}[data-look=desk] .meter{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"cup head badge" "cup track badge";align-items:center;gap:var(--space-1) var(--space-3)}[data-look=desk] .meter-cup{display:block;grid-area:cup;inline-size:2rem;color:var(--ink-1)}.meter-cup-body{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.meter-cup-steam{fill:none;stroke:var(--line-strong);stroke-width:1.5;stroke-linecap:round}.meter-cup-coffee{fill:var(--coffee);transform:scaleY(var(--fill, 0));transform-box:fill-box;transform-origin:bottom;transition:transform var(--dur-4) linear}[data-look=desk] .meter:not([data-state=hot]) .meter-cup-steam{visibility:hidden}[data-look=desk] .meter-head{grid-area:head;align-items:end}[data-look=desk] .meter-head>span:first-child{font-size:var(--step--2);font-weight:700;letter-spacing:.16em;text-transform:uppercase}[data-look=desk] .meter-head [data-out=bonus]{display:none}[data-look=desk] .meter-note{display:block;color:var(--ink-2);font-family:var(--font-hand);font-size:var(--step-0);font-weight:700;line-height:1}[data-look=desk] .meter[data-state=banked] .meter-note{color:var(--right)}[data-look=desk] .meter-track{grid-area:track;block-size:1rem;border:var(--stroke) solid var(--ink-1);background:var(--red-soft);box-shadow:none}[data-look=desk] .meter-fill,[data-look=desk] .meter[data-low] .meter-fill{background:linear-gradient(to bottom,var(--coffee),var(--coffee-2))}[data-look=desk] .meter-badge{display:grid;grid-area:badge;place-items:center;inline-size:2.75rem;block-size:2.75rem;border:var(--stroke) solid var(--ink-1);border-radius:50%;background:var(--note);color:var(--ink-1);font-size:var(--step--1);font-weight:800;font-variant-numeric:tabular-nums}[data-look=desk] .meter[data-state=cold] .meter-badge{background:var(--red-soft);color:var(--ink-3)}[data-look=desk] .meter[data-state=banked] .meter-badge{background:var(--right);color:var(--well)}[data-look=desk] .quote-card{position:relative;isolation:isolate;display:grid;gap:var(--space-2);padding:var(--space-5)}[data-look=desk] .quote-card:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--review-paper);box-shadow:var(--paper-shadow);rotate:-.6deg}[data-look=desk] .quote-card-label{display:block;color:var(--red-ink);font-size:var(--step--2);font-weight:700;letter-spacing:.2em;text-transform:uppercase}[data-look=desk] .choice-line{font-size:var(--step-3);font-weight:800;line-height:1.25;quotes:"\201c" "\201d"}[data-look=desk] .choice-line p:before{content:open-quote}[data-look=desk] .choice-line p:after{content:close-quote}[data-look=desk] .choice-line strong{padding-inline:.12em;border-radius:.2em;background:var(--note);text-decoration:none;box-decoration-break:clone}[data-look=desk] .option{position:relative;background:var(--well)}[data-look=desk] .option .mark{display:none}[data-look=desk] .option-key{display:grid;flex:none;place-items:center;inline-size:1.75rem;block-size:1.75rem;border:var(--stroke) solid var(--ink-1);border-radius:.3rem;font-size:var(--step--1);font-weight:800}[data-look=desk] .option [data-out=option]{flex:1}[data-look=desk] .option-note{display:block;flex:none;font-family:var(--font-hand);font-size:var(--step-1);font-weight:700;line-height:1}[data-look=desk] .options:has([data-verdict])>li:not(:has([data-verdict])){display:block}[data-look=desk] .options:has([data-verdict]) .option:not([data-verdict]){border-color:var(--rule);background:none;box-shadow:none;color:var(--ink-3)}[data-look=desk] .options:has([data-verdict]) .option:not([data-verdict]) .option-key{border-color:var(--line-strong)}[data-look=desk] .option[data-verdict] .option-key{position:relative;font-size:0}[data-look=desk] .option[data-verdict] .option-key:before{content:"";position:absolute;inset:12%;background:currentColor;mask:center / contain no-repeat}[data-look=desk] .option[data-verdict=right]{border-color:var(--rule);background:var(--well)}[data-look=desk] .option[data-verdict=right] :is(.option-key,.option-note){border-color:var(--right);color:var(--right)}[data-look=desk] .option[data-verdict=right] .option-key:before{mask-image:url("/css/pen-tick-IZV7BVQG.svg")}[data-look=desk] .option[data-verdict=right]:after{content:"";position:absolute;inset:-.55rem -.85rem;background:var(--right);mask:url("/css/pen-circle-WKNVOLYC.svg") center / 100% 100% no-repeat;pointer-events:none}[data-look=desk] .option[data-verdict=wrong] :is(.option-key,.option-note,[data-out=option]){border-color:var(--wrong);color:var(--wrong)}[data-look=desk] .option[data-verdict=wrong] .option-key:before{mask-image:url("/css/pen-cross-EXJYPOZM.svg")}[data-look=desk] .option[data-verdict=wrong] [data-out=option]{text-decoration:line-through var(--wrong) .1em}@media(forced-colors:active){[data-look=desk] .option[data-verdict] .option-key{font-size:var(--step--1)}[data-look=desk] .option[data-verdict] .option-key:before{content:none}}[data-look=desk] .options-pair .option{justify-content:center}[data-look=desk] .options-pair :is(.option-key,.option-note){display:none}[data-look=desk] .options-pair .option [data-out=option]{flex:none;padding:.32em .6em .26em;border:min(.12em,.3rem) solid currentColor;border-radius:.14em;font-size:var(--step-1);font-weight:800;line-height:1;letter-spacing:.08em;text-transform:uppercase;mask:url("/css/ink-wear-YETHLQZF.webp") 38% 12% / 14em 7em repeat}.truth-stamp{position:absolute;inset-block-end:var(--space-4);inset-inline-end:var(--space-4);z-index:1;font-size:var(--step-2);pointer-events:none;mix-blend-mode:multiply}[data-look=desk] .reveal{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-5);padding-block-start:var(--space-5);border-block-start:var(--rule-w) dashed var(--line-strong)}[data-look=desk] .reveal>*+*{margin-block-start:0}[data-look=desk] .reveal-stamp{display:inline-grid;justify-items:center;gap:var(--space-1);color:var(--wrong);font-size:var(--step-2)}[data-look=desk] .reveal-stamp[data-right]{color:var(--right)}.reveal-stamp-math{padding-block-start:.25em;border-block-start:var(--rule-w) solid currentColor;font-family:var(--font-numbers);font-size:var(--step--2);letter-spacing:.04em;text-transform:none}[data-look=desk] .reveal-fact{padding:var(--space-4) var(--space-5);background:var(--note);box-shadow:0 .75rem 1rem -.75rem color-mix(in oklab,var(--deep) 40%,transparent);rotate:-.6deg}[data-look=desk] .reveal-fact-label{display:block;color:var(--ink-3);font-size:var(--step--2);font-weight:700;letter-spacing:.16em;text-transform:uppercase}[data-look=desk] .reveal-fact [data-out=about]{color:var(--ink-1);font-family:var(--font-hand);font-size:var(--step-1);font-weight:600;line-height:1.25}[data-look=desk] .reveal .controls{position:sticky;inset-block-end:var(--space-3);margin:0}[data-look=desk] .next-arrow{display:inline}[data-look=desk] [data-act=next]{gap:var(--space-2)}@container well (width < 40rem){[data-look=desk]{gap:var(--space-4)}[data-look=desk] .desk-mode{display:none}[data-look=desk] .desk-tally:is(:has(.desk-run),:has(.desk-dot:nth-child(7))):not(:has(.desk-run):has(.desk-dot:nth-child(7))) .desk-score-label{display:none}[data-look=desk] .desk-tally:is(:has(.desk-run),:has(.desk-dot:nth-child(7))):not(:has(.desk-run):has(.desk-dot:nth-child(7))) .desk-score{position:relative}[data-look=desk] .desk-tally:is(:has(.desk-run),:has(.desk-dot:nth-child(7))):not(:has(.desk-run):has(.desk-dot:nth-child(7))) .desk-gain{position:absolute;inset-block-end:100%;inset-inline-end:0;line-height:1}[data-look=desk] .desk-tally:has(.desk-run):has(.desk-dot:nth-child(7)) .desk-score{flex-basis:100%;justify-content:end}[data-look=desk] .meter-cup{inline-size:1.75rem}[data-look=desk] .meter-badge{inline-size:2.25rem;block-size:2.25rem;font-size:var(--step--2)}[data-look=desk] .quote-card{gap:var(--space-1);padding:var(--space-4)}[data-look=desk] .choice-line{font-size:var(--step-1)}[data-look=desk] [data-ask=wide]~.choice-ask{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-look=desk] .options{gap:var(--space-2);margin-block-start:0}[data-look=desk] .option{min-block-size:var(--touch-min);padding-block:var(--space-2);line-height:1.3}[data-look=desk] .reveal{grid-template-columns:minmax(0,1fr);grid-template-areas:"fact" "next"}[data-look=desk] .reveal-fact{grid-area:fact;padding-inline-end:var(--space-6)}[data-look=desk] .reveal-stamp{position:relative;z-index:1;grid-area:fact;align-self:start;justify-self:end;margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-2)) 0 0;font-size:var(--step-0)}[data-look=desk] .reveal .controls{position:sticky;inset-block-end:0;grid-area:next;padding-block:var(--space-2) max(var(--space-2),env(safe-area-inset-bottom));background:var(--paper)}[data-look=desk] .reveal .controls:before{content:"";position:absolute;inset-block-end:100%;inset-inline:0;block-size:var(--space-4);background:linear-gradient(to top,var(--paper),transparent);pointer-events:none}[data-look=desk] .reveal .controls .btn{inline-size:100%;justify-content:center}}.result-recipe{color:var(--ink-2);font-size:var(--step--1)}}@layer pages{.tl-key{min-block-size:calc(var(--touch-min) * 1.5);font-size:var(--step-1);touch-action:none;-webkit-touch-callout:none;user-select:none}.tl-key[aria-pressed=true]{background:var(--btn-face-down);box-shadow:var(--sink);transform:translateY(var(--rise))}@media(forced-colors:active){.tl-key[aria-pressed=true]{forced-color-adjust:none;background:Highlight;color:HighlightText}}.timeline-game{user-select:none}.tl-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}.tl-keys{flex:1 1 14rem;color:var(--ink-3);font-size:var(--step--1)}.tl-keys kbd{padding:0 var(--space-1);border:var(--rule-w) solid var(--line-strong);border-radius:var(--space-1);background:var(--face);box-shadow:var(--raise);color:var(--ink-1);font-family:inherit;font-weight:650}.tl-keys-touch,.tl-keys-switch{display:none}@media(pointer:coarse){.tl-keys-fine{display:none}.tl-keys-touch{display:block}}.timeline-game[data-relaxed] .tl-keys-switch{display:block}.timeline-game[data-relaxed]:has(.tl-keys-switch) :is(.tl-keys-fine,.tl-keys-touch){display:none}.tl-pause{flex:none;display:grid}.tl-pause>*{grid-area:1 / 1}.timeline-game:not([data-paused]) .tl-pause>[data-act=resume],.timeline-game[data-paused] .tl-pause>[data-act=pause]{visibility:hidden}.tl-cover{position:absolute;inset:0;display:grid;place-content:center;padding:var(--space-3);background:color-mix(in oklab,var(--ground) 86%,transparent)}.tl-note{display:grid;justify-items:center;gap:var(--space-2);max-inline-size:20rem;padding:var(--space-4) var(--space-5);border-radius:var(--radius-paper);background:var(--paper);box-shadow:var(--paper-shadow);color:var(--ink-1);font-size:var(--step--1);text-align:center}.tl-note-head{font-size:var(--step-1);font-weight:750}}@layer pages{.fig{--fig-skin: var(--pz-skin);--fig-hair: var(--pz-hair);--fig-top: var(--pz-suit);--fig-ink: var(--pz-hair)}.fig[data-tone="1"]{--fig-skin: #f2d3bb}.fig[data-tone="3"]{--fig-skin: #bf8a63}.fig[data-tone="4"]{--fig-skin: #8a5a3c}.fig[data-tint="2"]{--fig-hair: #6e4a33}.fig[data-tint="3"]{--fig-hair: #a39a96}.fig[data-tint="4"]{--fig-hair: #a8552b}.fig[data-tint="5"]{--fig-hair: #cfa85e}.fig[data-top="2"]{--fig-top: var(--pz-sleeve)}.fig[data-top="3"]{--fig-top: #4f6b57}.fig[data-top="4"]{--fig-top: #b9832f}.fig[data-top="5"]{--fig-top: #6d4a6e}.fig[data-top="6"]{--fig-top: #9c4a3a}.fig-skin{fill:var(--fig-skin)}.fig-top{fill:var(--fig-top)}.fig-collar{fill:var(--pz-shirt)}.fig-eyes{fill:var(--fig-ink)}.fig-h,.fig-x-beard{fill:var(--fig-hair)}.fig-x-glasses{fill:none;stroke:var(--fig-ink);stroke-width:.9;stroke-linecap:round}.fig-h,.fig-x{display:none}.fig[data-hair=short] .fig-h-short,.fig[data-hair=bob] .fig-h-bob,.fig[data-hair=long] .fig-h-long,.fig[data-hair=bun] .fig-h-bun,.fig[data-hair=bald] .fig-h-bald,.fig[data-hair=curly] .fig-h-curly,.fig[data-hair=quiff] .fig-h-quiff,.fig[data-extra=beard] .fig-x-beard,.fig[data-extra=glasses] .fig-x-glasses{display:inline}.fig-f{display:none;fill:none;stroke:var(--fig-ink);stroke-width:1;stroke-linecap:round}.fig[data-eyes=down] .fig-eyes{display:none}.fig[data-eyes=down] .fig-lids,.fig[data-mood=oops] .fig-brows,.fig[data-mood=oops] .fig-mouth-oops,.fig[data-mood=glad] .fig-mouth-glad{display:inline}.fig[data-mood=oops] .fig-top{transform:translateY(-1.5px)}.fig-sleeve{fill:none;stroke:var(--fig-top);stroke-width:var(--sleeve-w, 5.5);stroke-linecap:round}.fig-mug{fill:var(--pz-paper);stroke:var(--pz-bar);stroke-width:.8;stroke-linejoin:round}.fig-steam{fill:none;stroke:var(--pz-bar);stroke-width:.7;stroke-linecap:round}.fig-strap{fill:none;stroke:var(--pen);stroke-width:1.4;stroke-linejoin:round}.fig-badge{fill:var(--pz-paper);stroke:var(--pen);stroke-width:.8}.fig-strap-bag{stroke:var(--coffee-2);stroke-width:1.6;stroke-linecap:round}.fig-chair{fill:var(--chair)}.fig-chair-seam{fill:none;stroke:var(--pz-lectern);stroke-width:1;stroke-linecap:round}.fig-panel{fill:var(--partition)}.fig-fabric{fill:var(--pz-bar-up)}.fig-cap{fill:var(--pz-lectern-2)}.fig-wood{fill:var(--wood-2)}.fig-wood-2{fill:var(--wood-3)}@media(prefers-reduced-motion:no-preference){.fig-live .fig-eyes{transform-box:fill-box;transform-origin:50% 50%;animation:fig-blink 2.4s var(--fig-blink-delay, 0s) 2}.timeline-game .fig-live .fig-eyes{animation-duration:4.6s;animation-iteration-count:infinite}.fig-top{transition:transform var(--dur-2) var(--ease-out)}}@keyframes fig-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.12)}}@media(forced-colors:active){.fig{forced-color-adjust:none}}}@layer pages{.mt-game{--mt-wall-shelf: #efe6dc;--mt-wall-window: #e3ebe6;--mt-wall-plant: #ece4ef;--mt-wall-art: #f2e5e1;--mt-wall-clock: #e2e8ee;--mt-wall-board: #efe9d6;--mt-home-wall: #f3ebe4;--mt-home-floor: #c9a27a;--mt-home-seam: #b88f66;--mt-home-skirt: #e6d8cc;--mt-dog: #c8955c;--mt-dog-dark: #6e4530;--mt-dog-snout: #e3bd8f;--mt-bed: #9c4a3a;--mt-bed-in: #c4705e;--mt-kid-top: #e0a33a;--mt-kid-hair: #6e4a33;--mt-counter: #e9e1d8;--mt-counter-top: #cfc3b8;--mt-counter-line: #b7a99c;--mt-carrot: #e8862a;--mt-lamp: #ffb020;--mt-sky: #cfe3ee;--mt-mouth: #6e2a2a;--mt-chair: var(--pz-lectern-2);display:grid;gap:var(--space-2);grid-template-areas:"meter" "tally" "stage" "you" "controls"}@container well (width >= 48rem){.mt-game{grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"stage meter" "stage tally" "stage you" "stage controls" "stage .";align-items:start;gap:var(--space-3) var(--space-6)}}.mt-meter{grid-area:meter}.mt-tally{grid-area:tally}.mt-tally b{font-variant-numeric:tabular-nums}.mt-stage{grid-area:stage;position:relative;display:grid;gap:var(--space-2)}@container well (width >= 48rem){.mt-stage{align-self:center}}.mt-controls{grid-area:controls;display:grid;gap:var(--space-2)}.mt-mic{position:relative;overflow:clip;border-radius:var(--radius-lg)}.mt-mic-ic{inline-size:1.3rem;block-size:1.3rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.mt-mic .mt-mic-ic{inline-size:1.4em;block-size:1.4em}.mt-mic[data-live=true] .mt-slash{display:none}.mt-mic:is([data-turn=no],[data-turn=wait]){border-color:var(--edge-soft);background:var(--face);color:var(--ink-3);box-shadow:var(--raise)}.mt-mic-bar{position:absolute;inset-inline:0;inset-block-end:0;block-size:.4rem;background:color-mix(in oklab,var(--ground) 30%,transparent);visibility:hidden}.mt-mic-bar:after{content:"";position:absolute;inset:0;background:var(--ground);transform:scaleX(var(--bar, 0));transform-origin:left}.mt-mic:is([data-turn=yes],[data-turn=wait],[data-turn=talk]) .mt-mic-bar{visibility:visible}.mt-mic[data-turn=wait] .mt-mic-bar{background:var(--band-2)}.mt-mic[data-turn=wait] .mt-mic-bar:after{background:var(--ink-3)}.mt-keys{display:grid;flex:1 1 14rem}.mt-keys>*{grid-area:1 / 1}.mt-coach{color:var(--pen);font-family:var(--font-pen);font-size:var(--step-0);font-weight:500;font-synthesis:none;line-height:1.2}.mt-game:not([data-coach]) .mt-coach,.mt-game[data-coach] .mt-keys>:not(.mt-coach){visibility:hidden}.mt-tiles{--cols: 3;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1);margin:0;padding:0;list-style:none}.mt-stage[data-count="11"] .mt-tiles{--cols: 4}.mt-tile{position:relative;flex:0 0 calc((100% - (var(--cols) - 1) * var(--space-1)) / var(--cols));aspect-ratio:64 / 40;border-radius:var(--radius-paper);overflow:clip;background:var(--mt-wall-shelf)}.mt-tile[hidden]{display:none}.mt-cam{display:block;inline-size:100%;block-size:100%}.mt-name{position:absolute;inset-block-end:2px;inset-inline-start:2px;max-inline-size:calc(100% - 4px);overflow:hidden;padding:0 var(--space-1);border-radius:2px;background:color-mix(in oklab,var(--ink-1) 78%,transparent);color:var(--well);font-size:var(--step--2);font-weight:650;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.mt-tile[data-speaking]{outline:3px solid var(--pen);outline-offset:-3px}.mt-wall{fill:var(--mt-wall-shelf)}.mt-tile[data-room=window] .mt-wall{fill:var(--mt-wall-window)}.mt-tile[data-room=plant] .mt-wall{fill:var(--mt-wall-plant)}.mt-tile[data-room=art] .mt-wall{fill:var(--mt-wall-art)}.mt-tile[data-room=clock] .mt-wall{fill:var(--mt-wall-clock)}.mt-tile[data-room=board] .mt-wall{fill:var(--mt-wall-board)}.mt-wood-2{fill:none;stroke:var(--wood-3);stroke-width:1.2}.mt-books{fill:var(--pz-sleeve)}.mt-frame{fill:var(--wood-3)}.mt-sky{fill:var(--mt-sky)}.mt-frame-bar{fill:none;stroke:var(--wood-3);stroke-width:1}.mt-hill,.mt-leaf{fill:var(--snake-leaf)}.mt-pot{fill:var(--pz-pepperoni)}.mt-clock{fill:var(--well);stroke:var(--pz-lectern-2);stroke-width:1}.mt-clock-hand{fill:none;stroke:var(--pz-lectern-2);stroke-width:.9;stroke-linecap:round}.mt-board{fill:var(--well);stroke:var(--pz-bar);stroke-width:.8}.mt-scribble{fill:none;stroke:var(--sheet-blue);stroke-width:.8;stroke-linecap:round}.mt-chair{fill:var(--mt-chair)}.mt-mouth{display:none;fill:var(--mt-mouth)}:is(.mt-tile,.mt-you)[data-speaking] .mt-mouth,.mt-tile[data-shout] .mt-mouth{display:inline}.mt-tile[data-shout]{outline:3px solid var(--stamp);outline-offset:-3px}.mt-tile[data-shout] .mt-mouth{transform-box:fill-box;transform-origin:50% 30%;scale:1.3 1.8}.mt-lane{position:relative;min-block-size:calc(4lh + 2 * var(--space-2) + var(--space-3) + 3px);font-size:var(--step--1);line-height:1.3}@container well (width >= 48rem){.mt-lane{min-block-size:calc(3lh + 2 * var(--space-2) + var(--space-3) + 3px)}}.mt-bubble{--tail-len: var(--space-2);position:absolute;inset-block-start:var(--space-2);padding-block-end:calc(var(--space-2) + 3px)}.mt-bubble[data-floor=none]{visibility:hidden}.mt-bubble[data-floor=you]{--at: .5;inset-block:auto var(--space-2)}.mt-bubble[data-floor=you]:after{inset-block:100% auto;border-block-start:var(--tail-len) solid var(--paper);border-block-end:0}@container well (width >= 48rem){.mt-bubble[data-floor=you]{--at: 1}.mt-bubble[data-floor=you]:after{inset-block:auto var(--space-3);inset-inline:100% auto;border-block:var(--space-2) solid transparent;border-inline-start:var(--space-3) solid var(--paper);border-inline-end:0}}.mt-who{margin-inline-end:.35em;color:var(--ink-3);font-weight:750}.mt-bubble[data-turn]{box-shadow:var(--paper-shadow),0 0 0 2px var(--pen)}.mt-bubble[data-shout]{box-shadow:var(--paper-shadow),0 0 0 3px var(--stamp)}.mt-shout{display:block;color:var(--stamp);font-size:var(--step-2);font-weight:850;line-height:1.1;letter-spacing:var(--track-1)}.mt-me-word{font-weight:800;text-decoration:underline var(--pen) .1em;text-underline-offset:.16em;text-decoration-skip-ink:none}.mt-unsaid{color:var(--ink-3);font-weight:450}.mt-time{position:absolute;inset-inline:var(--space-3);inset-block-end:var(--space-1);block-size:3px;border-radius:2px;background:var(--band-2)}.mt-time:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--ink-3);transform:scaleX(var(--left, 1));transform-origin:left}.mt-bubble[data-floor=you] .mt-time:after{background:var(--pen)}.mt-you{grid-area:you;position:relative;justify-self:center;inline-size:100%;max-inline-size:30rem;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:clip;box-shadow:0 0 0 var(--stroke) var(--line-strong)}.mt-you[data-live]{box-shadow:0 0 0 3px var(--stamp)}.mt-room{display:block;inline-size:100%;block-size:100%}.mt-home-wall{fill:var(--mt-home-wall)}.mt-home-floor{fill:var(--mt-home-floor)}.mt-home-skirt{fill:var(--mt-home-skirt)}.mt-home-seam{fill:none;stroke:var(--mt-home-seam);stroke-width:.5}.mt-headset{fill:none;stroke:var(--monitor);stroke-width:1.6;stroke-linecap:round}.mt-cup{fill:var(--monitor)}.mt-boom{fill:none;stroke:var(--monitor);stroke-width:1.1;stroke-linecap:round}.mt-badge{position:absolute;inset-block-end:var(--space-1);inset-inline-start:var(--space-1);display:flex;align-items:center;gap:var(--space-1);margin:0;padding:2px var(--space-2);border-radius:var(--radius-paper);background:color-mix(in oklab,var(--ink-1) 78%,transparent);color:var(--well);font-size:var(--step--2);font-weight:650}.mt-badge .mt-mic-ic{inline-size:1.2em;block-size:1.2em}.mt-you[data-live] .mt-badge{background:var(--stamp)}.mt-you[data-live] .mt-badge .mt-slash{display:none}.mt-badge .mt-state{color:inherit;font-size:var(--step--2)}.mt-tag{position:absolute;inset-block-start:var(--space-1);inset-inline-end:var(--space-1);margin:0;padding:2px var(--space-2);border-radius:var(--radius-paper);background:var(--stamp);color:var(--well);font-size:var(--step--1);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.mt-tag:empty{display:none}.mt-tag[data-tone=wait]{background:color-mix(in oklab,var(--ink-1) 78%,transparent)}.mt-mark{position:absolute;inset-block-start:6%;inset-inline-start:50%;translate:-50% 0;margin:0;padding:0 var(--space-2);border:3px solid currentColor;border-radius:var(--radius);background:color-mix(in oklab,var(--paper) 88%,transparent);color:var(--stamp);font:800 var(--step-0) var(--font-numbers);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;rotate:-6deg;opacity:0;pointer-events:none}.mt-mark[data-tone=good]{color:var(--right)}@container well (width < 30rem){.mt-mark{font-size:var(--step--1);border-width:2px}}.mt-ring{fill:none;stroke:var(--pen);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:100;opacity:0}.mt-thing:not([data-state=calm]) .mt-ring{stroke-dashoffset:0;opacity:1}.mt-sound{visibility:hidden;fill:var(--pen);stroke:var(--paper);stroke-width:3px;stroke-linejoin:round;paint-order:stroke;font:800 11px var(--font-numbers);letter-spacing:.04em}.mt-room[data-off=dog] [data-sound=dog],.mt-room[data-off=kid] [data-sound=kid],.mt-room[data-off=doorbell] [data-sound=doorbell],.mt-room[data-off=blender] [data-sound=blender]{visibility:visible}.mt-bed{fill:var(--mt-bed)}.mt-bed-in{fill:var(--mt-bed-in)}.mt-dog{fill:var(--mt-dog)}.mt-dog-snout{fill:var(--mt-dog-snout)}.mt-dog-ear,.mt-dog-nose{fill:var(--mt-dog-dark)}.mt-dog-eye{fill:var(--pz-hair)}.mt-dog-lid,.mt-dog-bark{fill:none;stroke:var(--pz-hair);stroke-width:.8;stroke-linecap:round}.mt-dog-tail,.mt-dog-legs{fill:none;stroke:var(--mt-dog);stroke-width:2;stroke-linecap:round}.mt-dog-up,.mt-dog-bark{display:none}.mt-thing[data-kind=dog]:not([data-state=calm]) .mt-dog-sleep{display:none}.mt-thing[data-kind=dog]:not([data-state=calm]) .mt-dog-up,.mt-thing[data-kind=dog][data-state=off] .mt-dog-bark{display:inline}.mt-hall{fill:var(--corridor-2)}.mt-jamb{fill:none;stroke:var(--door-frame-2);stroke-width:2}.mt-kid-skin{fill:var(--pz-skin)}.mt-kid-hair{fill:var(--mt-kid-hair)}.mt-kid-eye{fill:var(--pz-hair)}.mt-kid-mouth{fill:var(--mt-mouth)}.mt-kid-top{fill:var(--mt-kid-top)}.mt-kid-arm{fill:none;stroke:var(--mt-kid-top);stroke-width:2.6;stroke-linecap:round}.mt-kid-peek,.mt-kid-in{display:none}.mt-thing[data-kind=kid][data-state=tell] .mt-kid-peek,.mt-thing[data-kind=kid][data-state=off] .mt-kid-in{display:inline}.mt-door-frame{fill:var(--door-frame-2)}.mt-door{fill:var(--wood)}.mt-door-glass{fill:var(--door-glass)}.mt-door-panel{fill:none;stroke:var(--wood-2);stroke-width:1}.mt-knob{fill:var(--door-steel-2)}.mt-visitor{fill:color-mix(in oklab,var(--corridor-2) 60%,transparent);visibility:hidden}.mt-bell{fill:var(--door-steel);stroke:var(--door-steel-2);stroke-width:.5}.mt-bell-dot{fill:var(--door-steel-2)}.mt-thing[data-kind=doorbell]:not([data-state=calm]) .mt-visitor{visibility:visible}.mt-thing[data-kind=doorbell]:not([data-state=calm]) .mt-bell-dot{fill:var(--mt-lamp)}.mt-counter{fill:var(--mt-counter)}.mt-counter-top{fill:var(--mt-counter-top)}.mt-counter-line{fill:none;stroke:var(--mt-counter-line);stroke-width:.8;stroke-linecap:round}.mt-jar{fill:color-mix(in oklab,var(--door-glass) 80%,transparent);stroke:var(--door-glass-2);stroke-width:.8}.mt-carrots{fill:var(--mt-carrot);visibility:hidden}.mt-lid{fill:var(--monitor-2)}.mt-base{fill:var(--monitor)}.mt-led{fill:var(--monitor-2)}.mt-thing[data-kind=blender]:not([data-state=calm]) .mt-carrots{visibility:visible}.mt-thing[data-kind=blender]:not([data-state=calm]) .mt-led{fill:var(--mt-lamp)}.timeline-game[data-paused] :is(.mt-bubble,.mt-mark){visibility:hidden}@media(prefers-reduced-motion:no-preference){:is(.mt-tile,.mt-you)[data-speaking] .mt-mouth{transform-box:fill-box;transform-origin:50% 30%;animation:mt-talk .26s ease-in-out infinite alternate}.mt-thing[data-state=tell] .mt-ring{animation:mt-draw var(--dur-3) var(--ease-out)}.mt-room:not([data-off=""]) .mt-sound{transform-box:fill-box;transform-origin:50% 100%;animation:mt-pop var(--dur-3) var(--spring)}.mt-thing[data-kind=dog][data-state=off] .mt-dog-up{animation:mt-hop .24s ease-in-out infinite alternate}.mt-thing[data-kind=kid][data-state=off] .mt-kid-in{animation:mt-hop .3s ease-in-out infinite alternate}.mt-thing[data-kind=doorbell][data-state=off] .mt-door-leaf{animation:mt-rattle .12s linear infinite alternate}.mt-thing[data-kind=blender][data-state=off] .mt-blender{transform-box:fill-box;transform-origin:50% 100%;animation:mt-shake .08s linear infinite alternate}.mt-thing[data-kind=dog][data-state=calm] .mt-dog-sleep{transform-box:fill-box;transform-origin:50% 100%;animation:mt-breathe 2.4s ease-in-out infinite alternate}.mt-mark[data-on]{animation:mt-stamp .9s var(--ease-out) both}.mt-mic[data-turn=yes]{animation:mt-call 1.2s var(--ease-out) infinite}.timeline-game[data-paused] .mt-mic{animation:none}.mt-tile[data-shout] .mt-cam{animation:mt-jolt .35s var(--ease-out)}}@keyframes mt-call{0%{box-shadow:var(--raise-red),0 0 color-mix(in oklab,var(--stamp) 55%,transparent)}to{box-shadow:var(--raise-red),0 0 0 .6rem color-mix(in oklab,var(--stamp) 0%,transparent)}}@keyframes mt-jolt{30%{translate:0 -3%}60%{translate:0 1.5%}}@media(prefers-reduced-motion:reduce){.mt-mark[data-on]{animation:mt-show .9s linear both}}@keyframes mt-talk{0%{scale:1 .35}to{scale:1 1}}@keyframes mt-draw{0%{stroke-dashoffset:100}}@keyframes mt-pop{0%{scale:.4}}@keyframes mt-hop{to{translate:0 -2px}}@keyframes mt-rattle{0%{translate:-.5px 0}to{translate:.5px 0}}@keyframes mt-shake{0%{rotate:-3deg}to{rotate:3deg}}@keyframes mt-breathe{to{scale:1 1.05}}@keyframes mt-stamp{0%{opacity:0;scale:1.6}20%{opacity:1;scale:1}75%{opacity:1}to{opacity:0}}@keyframes mt-show{0%,80%{opacity:1}to{opacity:0}}@media(forced-colors:active){.mt-cam,.mt-room{forced-color-adjust:none}.mt-tile[data-speaking],.mt-you[data-live]{outline:3px solid Highlight;outline-offset:-3px}.mt-mic-bar,.mt-time{forced-color-adjust:none;border:var(--rule-w) solid CanvasText;background:Canvas}.mt-mic-bar:after,.mt-time:after,.mt-mic[data-turn=wait] .mt-mic-bar:after{background:Highlight}.mt-mic[data-turn=wait] .mt-mic-bar{background:Canvas}.mt-unsaid{color:GrayText}}}