._bar_17dkx_2{padding:var(--space-1);border-radius:var(--radius-l);background:var(--color-surface);box-shadow:var(--shadow-s), inset 0 0 0 1px var(--color-line);container:play-controls/inline-size}._row_17dkx_17{gap:var(--space-1);grid-template-columns:repeat(6,minmax(max-content,1fr));display:grid}._row_17dkx_17>button[data-captioned]{min-width:0;min-height:3.5rem;padding-inline:2px}@media (pointer:coarse){._row_17dkx_17>button[data-captioned]{min-width:var(--target-min)}}@container play-controls (width<=21rem){._row_17dkx_17{--caption-size:.6875rem;gap:2px}}._row_17dkx_17[data-fit="1"]{--caption-size:.625rem;gap:0}._row_17dkx_17[data-fit="2"]{--caption-size:.5625rem;gap:0}._stage_122n1_8{width:100%;height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid;overflow:hidden;container:play-stage/size}._layout_122n1_18{--cap:var(--board-cell-max);--pad-y:var(--space-2);--board-w:min(var(--cap) * var(--cols), 100cqw - 2 * var(--gutter));--board-h:calc(var(--board-w) * var(--rows) / var(--cols));grid-area:1/1;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0, 1fr) auto minmax(0, var(--board-h)) var(--message-height) auto minmax(0, 1fr);row-gap:var(--space-2);width:min(100%, max(var(--board-w) + 2 * var(--gutter), 26rem));height:100%;padding:var(--pad-y) var(--gutter) var(--space-3);grid-template-areas:"top"".""trail""board""message""dock"".";margin-inline:auto;display:grid}._top_122n1_48{grid-area:top;min-width:0}._trail_122n1_53{grid-area:trail;justify-content:center;min-width:0;display:flex}._board_122n1_60{grid-area:board;min-width:0;min-height:0}._message_122n1_66{text-align:center;grid-area:message;place-items:center;min-width:0;display:grid;overflow:hidden}._message_122n1_66>*{grid-area:1/1}._status_122n1_81{place-items:inherit;width:100%;min-width:0;height:100%;display:grid}._message_122n1_66[data-legend=true]>._status_122n1_81{opacity:0}._layout_122n1_18[data-fit=too-small]{visibility:hidden}._dock_122n1_100{grid-area:dock;min-width:0}._result_122n1_110{z-index:1;pointer-events:none;grid-area:message-start/1/dock-end;align-self:end;min-width:0}._result_122n1_110>*{pointer-events:auto}._controls_122n1_123{transition:opacity var(--duration-medium) var(--ease-out), transform var(--duration-medium) var(--ease-out)}._controls_122n1_123[data-hidden=true]{opacity:0;transform:translateY(6px)}@container play-stage (orientation:landscape){._layout_122n1_18{--hud-w:clamp(18rem, 42cqw, 22rem);--gap:clamp(var(--space-4), 4cqw, var(--space-7));--pad-y:var(--space-4);--fit:min(var(--cap), (100cqw - 2 * var(--gutter) - var(--hud-w) - var(--gap)) / var(--cols), (100cqh - 2 * var(--pad-y)) / var(--rows));--board-w:calc(var(--fit) * var(--cols));--board-h:calc(var(--fit) * var(--rows));grid-template-columns:var(--board-w) var(--hud-w);grid-template-rows:auto auto var(--message-height) minmax(0, 1fr) auto;column-gap:var(--gap);row-gap:var(--space-3);width:auto;height:min(100%, max(var(--board-h) + 2 * var(--pad-y), 23rem));padding:var(--pad-y) var(--gutter);grid-template-areas:"board top""board trail""board message""board.""board dock";place-self:center;margin-inline:0}._trail_122n1_53{justify-content:flex-start}._message_122n1_66{text-align:start;place-items:center start}._dock_122n1_100{align-self:end}._result_122n1_110{grid-area:message-end/2/dock-end}}@container play-stage (orientation:landscape) and (height>=30rem){._layout_122n1_18{--trail-wrap:wrap}}@container play-stage (orientation:landscape) and (height<=25rem){._layout_122n1_18{--pad-y:var(--space-3);row-gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){._controls_122n1_123{transition:none}._controls_122n1_123[data-hidden=true]{transform:none}}@container play-stage (orientation:portrait) and (width<=22rem){._message_122n1_66{margin-inline:calc(var(--space-3) * -1)}._dock_122n1_100{margin-inline:calc(var(--space-2) * -1)}}._bar_1euq3_1{align-items:center;column-gap:var(--space-2);min-height:var(--target-min);grid-template-columns:1fr auto 1fr;display:grid;container:top-bar/inline-size}._start_1euq3_11{justify-self:start;align-items:center;display:flex}._back_1euq3_17{width:var(--target-min);height:var(--target-min);margin-left:calc(var(--space-2) * -1);border-radius:var(--radius-m);color:var(--color-ink);-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast) var(--ease-out);flex:none;place-items:center;display:inline-grid}@media (hover:hover){._back_1euq3_17:hover{background:var(--color-surface-sunken)}}._back_1euq3_17:active{transform:scale(.92)}._size_1euq3_40{padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-ink-muted);font-family:var(--font-numbers);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:.875rem;font-weight:700}._progress_1euq3_52{justify-self:end;align-items:center;gap:var(--space-2);color:var(--color-ink);font-family:var(--font-numbers);font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:700;display:inline-flex}._count_1euq3_64{text-align:right;min-width:7ch}._ring_1euq3_70{width:1.125rem;height:1.125rem}._ringTrack_1euq3_75,._ringValue_1euq3_76{fill:none;stroke-width:3px}._ringTrack_1euq3_75{stroke:var(--color-line)}._ringValue_1euq3_76{stroke:var(--color-path);stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--progress,0));transition:stroke-dashoffset var(--duration-medium) var(--ease-out)}._progress_1euq3_52[data-solved=true] ._ringValue_1euq3_76{stroke:var(--color-success)}@container top-bar (width<=20rem){._ring_1euq3_70{display:none}._count_1euq3_64{min-width:5.5ch}}@media (prefers-reduced-motion:reduce){._back_1euq3_17,._ringValue_1euq3_76{transition:none}._back_1euq3_17:active{transform:none}}