.game[data-game='pianotiles'] .game__canvas-wrap{background: radial-gradient(120% 90% at 50% 0%,rgba(226,232,240,.12),transparent 60%),linear-gradient(180deg,#0a0c10,#12151b);border-color: color-mix(in srgb,var(--accent) 30%,var(--c-border-strong))}.game[data-game='pianotiles'] #gameCanvas{box-shadow: 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 18px 44px -28px rgba(226,232,240,.5)}.game[data-game='pianotiles'] .gamehud__item:first-child b{color: var(--accent);text-shadow: 0 0 18px color-mix(in srgb,var(--accent) 42%,transparent)}.game[data-game='pianotiles'] .gamehud__item:nth-child(5) b{color: color-mix(in srgb,var(--accent) 70%,var(--c-text))}.game[data-game='pianotiles'] .gamehud__item:nth-child(6) b{color: var(--c-warn)}.game[data-game='pianotiles'] .game__status{color: color-mix(in srgb,var(--accent) 45%,var(--c-muted))}.game[data-game='pianotiles'] .gametouch{grid-template-columns: none;grid-auto-flow: column;grid-auto-columns: minmax(54px,92px);grid-auto-rows: 62px;gap: 8px;margin-top: var(--space-2);touch-action: none}.game[data-game='pianotiles'] .gametouch__btn{border-radius: var(--radius-input);background: linear-gradient(180deg,#23262d,#101317);border-color: color-mix(in srgb,var(--accent) 22%,var(--c-border-strong));color: var(--game-pad-ink);font-size: 20px;font-weight: 700}.game[data-game='pianotiles'] .gametouch__btn:active{background: var(--accent);border-color: var(--accent);color: #0b0d11}@media (hover: none){.game[data-game='pianotiles'] .game__canvas-wrap{-webkit-tap-highlight-color: transparent}.game[data-game='pianotiles'] .gametouch__btn:hover{background: linear-gradient(180deg,#23262d,#101317)}}@media (max-width: 560px){.game[data-game='pianotiles'] .game__canvas-wrap{padding: 8px}.game[data-game='pianotiles'] .gametouch{grid-auto-rows: 56px;grid-auto-columns: minmax(48px,1fr)}}@media (prefers-reduced-motion: reduce){.game[data-game='pianotiles'] .game__canvas-wrap,.game[data-game='pianotiles'] .gametouch__btn{transition: none}}