.guahva-game { margin-top:24px; color:#55604f; }
.guahva-game-top { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:12px; }
.guahva-game-label { color:#72786d; }
.guahva-game-scores { display:flex; gap:20px; font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; text-transform:uppercase; white-space:nowrap; }
.guahva-game-scores b { color:#33452c; font-weight:600; font-variant-numeric:tabular-nums; }
.guahva-game-canvas { display:block; width:100%; height:260px; border:0; background:transparent; cursor:pointer; touch-action:pan-y; }
.guahva-game-canvas:focus-visible { outline:2px solid #5b9144; outline-offset:4px; border-radius:8px; }
.guahva-game[data-state="running"] .guahva-game-canvas:focus { outline:none; }
.guahva-game-bottom { display:flex; align-items:center; justify-content:center; gap:14px; min-height:40px; text-align:center; }
.guahva-game-bottom p { margin:0; color:#797e74; font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace; }
.guahva-game-control { flex-shrink:0; padding:5px 12px; min-height:36px; border:1px solid #c9cfc1; border-radius:999px; background:transparent; color:#4d6141; cursor:pointer; font:12px/1.4 var(--font); }
.guahva-game-control[hidden] { display:none; }
.guahva-game-control:focus-visible { outline:2px solid #5b9144; outline-offset:3px; }
.guahva-game-fallback { font-size:12px; text-align:center; }
@media (max-width:600px) {
  .guahva-game { margin-top:24px; }
  .guahva-game-top { gap:8px; flex-wrap:wrap; }
  .guahva-game-label { max-width:none; flex-shrink:0; font-size:11px; white-space:nowrap; }
  .guahva-game-scores { gap:10px; font-size:10px; margin-left:auto; }
  .guahva-game-canvas { height:210px; }
  .guahva-game-bottom { align-items:center; gap:8px; padding-block:12px; }
  .guahva-game-bottom p { font-size:10px; }
  .guahva-game-control { min-height:44px; }
}