/* Tetris Shortcode Styles */
.tetris-container{--bg: #111; --fg:#e5e7eb; --panel:#1f2937; --accent:#10b981; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; display:block; max-width: fit-content; margin: 1rem auto; }
.tetris-container[data-theme="light"]{ --bg:#f9fafb; --fg:#111827; --panel:#e5e7eb; --accent:#2563eb;}
@media (prefers-color-scheme: light){
  .tetris-container[data-theme="auto"]{ --bg:#f9fafb; --fg:#111827; --panel:#e5e7eb; --accent:#2563eb;}
}
.tetris-inner{ display:flex; gap:12px; padding:12px; background:var(--bg); color:var(--fg); border-radius:16px; box-shadow: 0 6px 24px rgba(0,0,0,.25); }
.tetris-canvas{ background:#0b0f19; border-radius:8px; display:block; image-rendering: pixelated; }
.tetris-side{ display:flex; flex-direction:column; gap:12px; }
.tetris-panel{ background:var(--panel); padding:10px 12px; border-radius:12px; min-width:140px; }
.tetris-row{ display:flex; align-items:center; justify-content:space-between; padding:4px 0; }
.tetris-row span{ opacity:.8; }
.tetris-mini{ display:flex; gap:8px; align-items:center; justify-content:flex-start; }
.tetris-next, .tetris-hold{ background:#0b0f19; border-radius:8px; display:block; }
.tetris-buttons{ display:flex; gap:8px; }
.tetris-btn{ background:var(--accent); color:white; border:0; padding:8px 10px; border-radius:10px; cursor:pointer; font-weight:600; }
.tetris-btn:disabled{ opacity:.6; cursor:not-allowed; }
.tetris-help details{ background:transparent; border-radius:8px; padding:6px; }
.tetris-touch{ display:none; margin-top:10px; justify-content:center; gap:8px; }
.tetris-tb{ background:var(--panel); color:var(--fg); border:0; padding:10px 14px; border-radius:10px; font-size:16px; }
@media (max-width: 640px){
  .tetris-inner{ flex-direction:column; }
  .tetris-touch{ display:flex; }
}