.game-guide-slot{--guide-success:var(--lightningcss-light,#3d7a4c)var(--lightningcss-dark,#86c796);--guide-on-success:var(--lightningcss-light,#fff)var(--lightningcss-dark,#10231a);min-width:0;display:block}.game-guide-cue{min-width:0;color:var(--ink);font:400 var(--text-ui,14px) / 1.45 var(--font-ui,"DM Sans", sans-serif);animation:game-guide-fade var(--dur-fast,.16s) var(--ease-out,ease-out);gap:2px;display:grid}.game-guide-cue[data-motion=reduced]{animation:none}.game-guide-purpose{color:var(--muted);margin-bottom:6px}.game-guide-step,.game-guide-cue[data-state=done]{flex-wrap:wrap;align-items:center;gap:8px 16px;min-width:0;display:flex}.game-guide-said{flex:20em;gap:2px;min-width:0;display:grid}.game-guide-progress{align-items:center;gap:8px;margin-bottom:2px;display:flex}.game-guide-count{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:600}.game-guide-dots{flex-wrap:wrap;gap:4px;display:flex}.game-guide-dots>span{opacity:.2;background:currentColor;border-radius:50%;width:6px;height:6px}.game-guide-dots>span[data-state=done]{opacity:.55}.game-guide-dots>span[data-state=now]{background:var(--guide-accent,var(--action,currentColor));opacity:1;border-radius:3px;width:16px}.game-guide-title{font-size:1.08em;font-weight:650;line-height:1.3}.game-guide-instruction{min-width:0}.game-guide-check{color:var(--review-correct,var(--action));flex:none}.game-guide-done{color:var(--muted)}.game-guide-success{align-items:center;gap:10px;min-width:0;padding-block:2px;display:flex}.game-guide-badge{background:var(--guide-success);width:30px;height:30px;color:var(--guide-on-success);box-shadow:0 0 0 4px color-mix(in srgb, var(--guide-success) 22%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.game-guide-cue[data-state=success][data-motion=full] .game-guide-badge{animation:.42s cubic-bezier(.34,1.56,.64,1) both game-guide-pop}.game-guide-cue[data-state=success][data-motion=full] .game-guide-badge>svg{stroke-dasharray:24;animation:game-guide-draw .32s var(--ease-out,ease-out) .14s both}.game-guide-cue[data-state=success][data-motion=full] .game-guide-success .game-guide-title{animation:game-guide-rise .32s var(--ease-out,ease-out) 80ms both}.game-guide-dots>span[data-state=just-done]{background:var(--guide-success);opacity:1;border-radius:3px;width:16px}.game-guide-actions{flex-wrap:wrap;flex:1 0 auto;justify-content:space-between;align-items:center;gap:4px 12px;max-width:100%;display:flex}.game-guide-step>.game-guide-actions{flex:0 auto;margin-left:auto}.game-guide-skip{border-radius:var(--radius-sm,4px);min-height:32px;color:var(--muted);font:500 13px / 1.2 var(--font-ui,"DM Sans", sans-serif);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:2px 6px;text-decoration:underline}.game-guide-actions .game-guide-skip{margin-left:-6px}.game-guide-next{border:1px solid color-mix(in srgb, currentColor 32%, transparent);min-height:34px;color:inherit;font:600 13px / 1.2 var(--font-ui,"DM Sans", sans-serif);cursor:pointer;transition:background-color var(--dur-fast,.16s) var(--ease-out,ease-out), border-color var(--dur-fast,.16s) var(--ease-out,ease-out);background:0 0;border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:4px 10px 4px 14px;display:inline-flex}.game-guide-next:hover{border-color:color-mix(in srgb, currentColor 60%, transparent);background:color-mix(in srgb, currentColor 8%, transparent)}.game-guide-next:active{background:color-mix(in srgb, currentColor 14%, transparent)}.game-guide-skip:hover{color:var(--ink)}.game-guide-skip:focus-visible,.game-guide-next:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (pointer:coarse){.game-guide-skip,.game-guide-next{min-height:44px}}.game-guide-cue[data-kind=lesson][data-figure]{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px}.game-guide-figure{border-radius:var(--radius-sm,4px);width:72px;height:44px;display:block;overflow:hidden}.game-guide-figure>svg{width:100%;height:100%;display:block}.game-guide-lesson{flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0;display:flex}.game-guide-cue[data-kind=lesson] .game-guide-said{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.game-guide-lesson-text{flex:18em;gap:2px;min-width:0;display:grid}.game-guide-cue[data-kind=lesson] .game-guide-count{text-transform:uppercase;letter-spacing:.04em;font-size:12px}.game-guide-show{min-width:0}.game-guide-cue[data-state=done][data-kind=lesson][data-motion=full]{animation:game-guide-fade-out .3s var(--ease-in,ease-in) .6s forwards}@media (max-width:480px){.game-guide-figure{width:56px;height:36px}}@keyframes game-guide-fade{0%{opacity:0}}@keyframes game-guide-pop{0%{opacity:0;transform:scale(.4)}}@keyframes game-guide-draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes game-guide-rise{0%{opacity:0;transform:translateY(4px)}}@keyframes game-guide-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.game-guide-cue,.game-guide-cue[data-state=done][data-kind=lesson][data-motion=full]{animation:none}.game-guide-figure *,.game-guide-cue[data-state=success] *{animation:none!important}}.reduced-motion .game-guide-cue,.reduced-motion .game-guide-cue[data-state=done][data-kind=lesson][data-motion=full],.reduced-motion .game-guide-cue[data-state=success] *{animation:none}
.tutorial-replay{border:1px solid var(--play-accent-edge,var(--line));border-radius:var(--radius-md,10px);background:var(--play-accent-tint,var(--surface));color:var(--ink);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;display:flex}.tutorial-replay-mark{background:var(--play-panel,var(--paper));width:38px;height:38px;color:var(--play-accent-strong,var(--ink));box-shadow:inset 0 0 0 1px var(--play-accent-edge,var(--line));border-radius:999px;flex:none;place-items:center;display:grid}.tutorial-replay-text{flex:200px;min-width:0}.tutorial-replay .tutorial-replay-text h3{font:600 15px / 1.3 var(--font-ui,"DM Sans", sans-serif);color:var(--ink);margin:0}.tutorial-replay .tutorial-replay-text p{font:400 14px / 1.45 var(--font-ui,"DM Sans", sans-serif);color:var(--muted);margin:2px 0 0}.tutorial-replay-start{border:1px solid var(--play-accent,var(--action));border-radius:var(--radius-sm,6px);background:var(--play-accent,var(--action));min-height:40px;color:var(--on-play-accent,var(--on-action));font:600 14px / 1.2 var(--font-ui,"DM Sans", sans-serif);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast,.14s) var(--ease-out,ease), transform var(--dur-press,90ms) var(--ease-out,ease), box-shadow var(--dur-fast,.14s) var(--ease-out,ease);flex:none;align-items:center;gap:7px;margin-left:auto;padding:8px 14px;display:inline-flex}.tutorial-replay-start:hover{background:var(--play-accent-strong,var(--action));box-shadow:0 3px 10px #1d214033}.tutorial-replay-start:active{box-shadow:none;transform:translateY(1px)}.tutorial-replay-start:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (pointer:coarse){.tutorial-replay-start{min-height:44px}}@media (prefers-reduced-motion:reduce){.tutorial-replay-start{transition:none}.tutorial-replay-start:active{transform:none}}.tutorial-replay[data-motion=reduced] .tutorial-replay-start{transition:none}.tutorial-replay[data-motion=reduced] .tutorial-replay-start:active{transform:none}