.game[data-game='pong'] .game__canvas-wrap{background: radial-gradient(120% 100% at 50% 0%,rgba(79,209,197,.14),transparent 62%),linear-gradient(180deg,#071019,#0b1420);border-color: color-mix(in srgb,var(--accent) 30%,var(--c-border-strong))}.game[data-game='pong'] #gameCanvas{box-shadow: 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 18px 46px -30px color-mix(in srgb,var(--accent) 70%,transparent)}.game[data-game='pong'] .gamehud__item:first-child b{color: var(--accent);text-shadow: 0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}.game[data-game='pong'] .gamehud__item:nth-child(4) b{color: color-mix(in srgb,var(--c-text) 55%,transparent)}.game[data-game='pong'] .game__status{color: color-mix(in srgb,var(--accent) 48%,var(--c-muted))}.game[data-game='pong'] .game__canvas-wrap{-webkit-tap-highlight-color: transparent;touch-action: none}@media (hover: none){.game[data-game='pong'] .gametouch__btn:hover,.game[data-game='pong'] .btn:hover{background: var(--c-panel-alt)}}@media (max-width: 560px){.game[data-game='pong'] .game__canvas-wrap{padding: 8px}}@media (prefers-reduced-motion: reduce){.game[data-game='pong'] .game__canvas-wrap{transition: none}}