.game[data-game='typing'] .game__canvas-wrap{background: radial-gradient(130% 90% at 50% 100%,rgba(79,209,197,.12),transparent 60%),linear-gradient(180deg,#0a1420,#060b13);border-color: color-mix(in srgb,var(--accent) 30%,var(--c-border-strong))}.game[data-game='typing'] #gameCanvas{cursor: text;user-select: none;-webkit-user-select: none;box-shadow: 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 18px 46px -30px color-mix(in srgb,var(--accent) 65%,transparent)}.game[data-game='typing'] .gamehud__item:first-child b{color: var(--accent);text-shadow: 0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}.game[data-game='typing'] .gamehud__item:nth-child(4) b{color: var(--c-warn)}.game[data-game='typing'] .gamehud__item:nth-child(6) b{color: color-mix(in srgb,#ffd54f 78%,var(--c-text))}.game[data-game='typing'] .game__status{color: color-mix(in srgb,var(--accent) 48%,var(--c-muted));font-family: 'JetBrains Mono','Cascadia Mono',Consolas,monospace}.game[data-game='typing'] .game__canvas-wrap{-webkit-tap-highlight-color: transparent;touch-action: manipulation}@media (hover: none){.game[data-game='typing'] .gametouch__btn:hover,.game[data-game='typing'] .btn:hover{background: var(--c-panel-alt)}}@media (max-width: 560px){.game[data-game='typing'] .game__canvas-wrap{padding: 8px}}@media (prefers-reduced-motion: reduce){.game[data-game='typing'] .game__canvas-wrap{transition: none}}