.game[data-game='klotski'] .game__canvas-wrap{background: radial-gradient(120% 80% at 50% 0%,rgba(244,193,93,.12),transparent 62%),linear-gradient(180deg,#141019,#0a0810);border-color: color-mix(in srgb,var(--accent) 32%,var(--c-border-strong))}.game[data-game='klotski'] #gameCanvas{touch-action: none;user-select: none;-webkit-user-select: none;-webkit-touch-callout: none;box-shadow: 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent),0 18px 46px -28px color-mix(in srgb,var(--accent) 70%,transparent)}.game[data-game='klotski'] .gamehud__item:first-child b{color: var(--accent);font-family: 'JetBrains Mono','Cascadia Mono',Consolas,monospace;text-shadow: 0 0 18px color-mix(in srgb,var(--accent) 42%,transparent)}.game[data-game='klotski'] .gamehud__item:nth-child(5) b{color: color-mix(in srgb,var(--c-text) 58%,transparent)}.game[data-game='klotski'] .game__status{color: color-mix(in srgb,var(--accent) 50%,var(--c-muted))}@media (hover: none){.game[data-game='klotski'] .gametouch__btn:hover,.game[data-game='klotski'] .btn:hover{background: var(--c-panel-alt)}}@media (max-width: 560px){.game[data-game='klotski'] .game__canvas-wrap{padding: 8px}}@media (prefers-reduced-motion: reduce){.game[data-game='klotski'] .game__canvas-wrap{transition: none}}