.cst-game-root{ max-width:800px; margin:0 auto; text-align:center; }
.cst-game-instructions{ font-size:14px; color:var(--cst-text-light-muted); margin:0 0 16px; }
#cst-game-canvas{ width:100%; max-width:800px; height:auto; background:var(--cst-surface); border:1.5px solid var(--cst-teal); border-radius:var(--cst-radius); display:block; margin:0 auto; touch-action:manipulation; box-shadow:0 0 10px rgba(82,183,179,.6), 0 0 24px rgba(82,183,179,.4), 0 0 48px rgba(82,183,179,.2), inset 0 0 24px rgba(82,183,179,.08); }
@media (prefers-reduced-motion: no-preference){
  #cst-game-canvas{ animation:cst-neon-pulse 3.2s ease-in-out infinite; }
}
@keyframes cst-neon-pulse{
  0%,100%{ box-shadow:0 0 10px rgba(82,183,179,.6), 0 0 24px rgba(82,183,179,.4), 0 0 48px rgba(82,183,179,.2), inset 0 0 24px rgba(82,183,179,.08); }
  50%{ box-shadow:0 0 16px rgba(82,183,179,.85), 0 0 34px rgba(82,183,179,.55), 0 0 65px rgba(82,183,179,.3), inset 0 0 30px rgba(82,183,179,.14); }
}
.cst-game-controls{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:16px 0; }
.cst-game-btn{ font-size:14px; font-weight:700; padding:10px 18px; border-radius:99px; border:1px solid var(--cst-surface-line); background:var(--cst-surface); color:var(--cst-text-light); cursor:pointer; }
.cst-game-btn:hover, .cst-game-btn:focus-visible{ background:var(--cst-teal); color:#0d1a19; }
.cst-game-btn[hidden]{ display:none; }
.cst-game-score{ font-size:14px; font-weight:700; color:var(--cst-text-light); margin:0 0 20px; }
.cst-game-live{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.cst-game-cta{ margin-top:24px; padding-top:20px; border-top:1px solid var(--cst-surface-line); }
.cst-game-cta p{ font-weight:700; margin:0 0 12px; }
@media (max-width:600px){
  .cst-game-controls{ gap:8px; }
  .cst-game-btn{ font-size:13px; padding:9px 14px; }
}