.game[data-game='tetris']{--tetris-well: #0a0f17;--tetris-well-2: #131c28;--tetris-line: color-mix(in srgb,var(--accent) 45%,transparent);--tetris-glow: color-mix(in srgb,var(--accent) 30%,transparent)}.game[data-game='tetris'] .game__canvas-wrap,.game[data-game='tetris'] .tetris-preview{position: relative;padding: 12px;background: radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 62%),linear-gradient(180deg,var(--tetris-well),var(--tetris-well-2));border: 1px solid color-mix(in srgb,var(--accent) 26%,var(--c-border-strong));border-radius: var(--radius-card);box-shadow: var(--shadow-card),0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent) inset,0 18px 60px -34px var(--tetris-glow)}.game[data-game='tetris'] .game__canvas-wrap::after{content: '';position: absolute;inset: -30% 12% auto;height: 60%;background: radial-gradient(closest-side,var(--tetris-glow),transparent 72%);opacity: .55;pointer-events: none}.game[data-game='tetris'] canvas#gameCanvas{position: relative;z-index: 1;border-radius: 10px;box-shadow: 0 10px 30px -18px rgba(0,0,0,.9)}.game[data-game='tetris'] .tetris-preview{display: flex;align-items: center;justify-content: center;min-height: 44px;padding: 6px;border-radius: var(--radius-input);background: color-mix(in srgb,var(--c-panel) 70%,transparent)}.game[data-game='tetris'] .tetris-preview.is-dim{opacity: .34}.game[data-game='tetris'] .gamehud__item:last-child b{color: var(--accent)}.game[data-game='tetris'] .gametouch{grid-template-columns: repeat(3,minmax(58px,72px));grid-auto-rows: 54px;gap: var(--space-2);margin-top: var(--space-2);touch-action: none}.game[data-game='tetris'] .gametouch__btn{border-radius: var(--radius-input);background: linear-gradient(180deg,var(--c-panel-alt),var(--c-panel));border-color: color-mix(in srgb,var(--accent) 24%,var(--c-border-strong));font-size: 18px;font-weight: 600}.game[data-game='tetris'] .gametouch__btn:active{background: var(--accent);border-color: var(--accent);color: var(--c-on-accent)}.game[data-game='tetris'] .gametouch__btn.is-wide{letter-spacing: .08em;font-size: 14px}@media (max-width: 560px){.game[data-game='tetris'] .game__canvas-wrap{padding: 8px}.game[data-game='tetris'] .gametouch{grid-auto-rows: 50px}}@media (prefers-reduced-motion: reduce){.game[data-game='tetris'] .game__canvas-wrap,.game[data-game='tetris'] .gametouch__btn{transition: none}}