.game-shell{gap:var(--space-4);flex-direction:column;display:flex}.game-shell__grid{min-width:0;container-type:inline-size}.game-shell__grid .grid-scroll{justify-content:safe center;display:flex}@media (width>=54rem){.game-shell{grid-template:"grid bar" auto "grid tools" auto "grid hint" 1fr "rules rules" auto "footer footer" auto / var(--game-col) var(--game-col);gap:var(--space-4) var(--game-gap);align-items:start;display:grid}.game-shell__bar{grid-area:bar}.game-shell__grid{grid-area:grid}.game-shell__tools{grid-area:tools}.game-shell__hint{grid-area:hint}.game-shell__rules{grid-area:rules}.game-shell__footer{grid-area:footer}}.game-shell__bar{container-type:inline-size}.game-bar{gap:var(--space-2) var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.game-bar__group{gap:var(--space-2);align-items:center;min-width:0;display:flex}@container (width<26.25rem){.game-bar{column-gap:var(--space-2)}.game-bar__group{gap:var(--gap-small)}.game-bar .control--icon{min-width:var(--control-size-compact)}}@container (width<22.5rem){.game-bar{column-gap:var(--space-1)}.game-bar__group{gap:var(--space-1)}.game-bar .control--icon{min-width:var(--control-size-tight)}}.game-timer__time{min-width:5ch;font-size:var(--font-size-3);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;margin:0}.game-footer{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.game-permalink{min-width:0;color:var(--text-faint);font-family:monospace;font-size:var(--font-size-1);text-overflow:ellipsis;white-space:nowrap;flex-basis:100%;overflow:hidden}.tool-palette .control{box-shadow:none;background:0 0;border-color:#0000}.tool-palette .control:active:not(:disabled),.game-timer .control:active:not(:disabled){translate:none}.game-bar .control--icon{flex:none}.game-timer .control__label{inset-inline-start:0;translate:none}.game-bar__end .control__label,.hint-panel__top .control__label{inset-inline:auto 0;translate:none}@media (hover:none) and (pointer:coarse){.game-bar__end{display:none}}.game-shell__tools{container-type:inline-size}.game-tools{--tool-size:clamp(var(--tool-size-min), calc((100cqi - var(--tool-row-reserve) - (var(--tool-count,4) - 1) * var(--tool-gap)) / (var(--tool-count,4) + 1)), var(--tool-size-max));gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.game-tools .control--icon,.game-tools .control--tool{width:var(--tool-size);min-width:0;height:var(--tool-size);min-height:0;padding:0}.tool-palette{gap:var(--tool-gap);width:fit-content;max-width:100%;padding:var(--space-1);background:var(--panel-bg);border:var(--control-border-width) solid var(--panel-border);border-radius:var(--tool-palette-radius);flex-wrap:wrap;display:flex}.tool-palette .control:hover:not(:disabled){background:var(--control-hover-bg)}.control[aria-pressed=true],.tool-palette .control[aria-pressed=true]{color:var(--control-pressed-text);font-weight:var(--font-weight-bold);background:var(--control-pressed-bg);border:var(--control-pressed-border-width) solid var(--control-pressed-border)}.game-timer .control[aria-pressed]{color:var(--text);box-shadow:none;background:0 0;border-color:#0000}.control--tool .piece,.control--tool .star{width:calc(var(--tool-size) * .55)}.control--tool .dot{width:calc(var(--tool-size) * .28)}.control__text{font-size:var(--font-size-3)}.cycle-icon{width:calc(var(--tool-size) * .7);height:calc(var(--tool-size) * .7);display:block;position:relative}.cycle-icon>span{place-items:center;display:grid;position:absolute}.cycle-icon__a{width:55%;height:55%;inset-block-start:0;inset-inline-start:0}.cycle-icon__b{width:45%;height:45%;inset-block-start:22%;inset-inline-end:0}.cycle-icon__c{width:45%;height:45%;inset-block-end:0;inset-inline-start:20%}.control--tool .cycle-icon .piece,.control--tool .cycle-icon .star,.control--tool .cycle-icon .icon{width:100%;height:100%}.control--tool .cycle-icon .dot{width:45%}.cycle-icon .digit{font-size:var(--font-size-1);font-weight:var(--font-weight-bold)}.hint-panel,.game-done,.game-paused,.game-message{padding:var(--space-3) var(--space-4);background:var(--panel-bg);border:var(--control-border-width) solid var(--panel-border);border-radius:var(--radius-3)}.hint-panel{border-inline-start:var(--hint-accent-width) solid var(--hint-accent)}.game-done{border-inline-start:var(--hint-accent-width) solid var(--accent)}.game-paused{gap:var(--space-2);aspect-ratio:1;text-align:center;place-content:center;justify-items:center;display:grid}.hint-panel__top{gap:var(--space-2);justify-content:space-between;align-items:center;display:flex}.control--quiet,.control--quiet:disabled{margin-block:calc(-1 * var(--space-2));box-shadow:none;background:0 0;border-color:#0000;margin-inline-end:calc(-1 * var(--space-2))}.hint-panel p,.game-done p{margin-block:var(--space-2)}.game-done h2+.control-row{margin-block-start:calc(1lh + var(--space-2) * 2)}.hint-panel__heading,.game-done h2{gap:var(--space-2);margin-block:0 var(--space-2);font-size:var(--font-size-3);flex-wrap:wrap;align-items:center;display:flex}.hint-panel__top .hint-panel__heading{margin:0}.hint-panel__level{color:var(--text-muted);font-size:var(--font-size-1);font-weight:var(--font-weight-normal)}.help-list li{margin-block:var(--space-2)}