.play{inset-inline:var(--pad-s) var(--pad-e);gap:var(--space-xs);pointer-events:auto;grid-template-areas:"msg""row";justify-items:start;max-inline-size:46ch;display:grid;position:absolute;inset-block-end:max(var(--gutter), env(safe-area-inset-bottom))}.play-hint,.sets{grid-area:msg;align-self:end}.play-row{grid-area:row}.play-hint{transition:opacity var(--dur-state) ease}.play:has(.sets:not(:empty)) .play-hint{opacity:0}.play-hint{font-size:.9375rem;font-weight:var(--weight-ui);letter-spacing:.01em;color:var(--ink-2);text-wrap:pretty;margin:0;line-height:1.45}.play-hint b{color:var(--ink);font-weight:var(--weight-strong)}.play.waiting{visibility:hidden}.play-hint .for-fine{display:none}@media (hover:hover) and (pointer:fine){.play-hint .for-fine{display:inline}.play-hint .for-touch{display:none}}@media (prefers-reduced-motion:reduce){.play .play-row{display:none}}.play-row{display:flex}.sets.new{animation:note-in var(--dur-modal) var(--ease-out)}@keyframes note-in{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){@keyframes note-in{0%{opacity:0;translate:0 .375rem}}}.sets{font:var(--weight-ui) var(--step-0)/1.4 var(--font-text);letter-spacing:-.005em;color:var(--ink);text-wrap:pretty;max-inline-size:36ch;margin:0}canvas.gl{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (width<=600px) and (aspect-ratio<=4/5),(height<=540px) and (aspect-ratio>=4/3){.play{gap:var(--space-xs)}.play .chip{letter-spacing:0;min-block-size:3.25rem;box-shadow:inset 0 0 0 1px var(--pill-line), 0 .875rem 2rem -1.25rem oklch(25% .03 300/.45);gap:.5rem;padding-inline:1.375rem 1.625rem;font-size:1rem}.play .chip .ico{block-size:1.25rem;inline-size:1.25rem}}@media (width<=600px) and (aspect-ratio<=4/5){.play{inset-inline:var(--pad-s) var(--pad-e);text-align:center;justify-items:center;max-inline-size:none}.play-hint,.sets{max-inline-size:34ch;font-size:.9375rem}}@media (width<=600px) and (aspect-ratio<=4/5) and (height<=700px){.play-hint .more{display:none}}@media (width>=641px) and (aspect-ratio>=4/5) and (height>=541px){.hero .play{max-inline-size:42ch;margin-block-start:var(--space-l);position:static;inset:auto}}