.rat97-panel { background:#e8e4ed; }
#rat97-canvas:is([data-state="ready"],[data-state="over"],[data-state="won"]) { cursor:pointer; }
#rat97-exit-fullscreen { display:none; }
#rat97-arena:fullscreen { display:flex; align-items:center; justify-content:center; width:100vw; height:100vh; background:#000; }
#rat97-arena:fullscreen #rat97-canvas { width:min(100vw,114.285714vh); height:min(100vh,87.5vw); flex:none; }
#rat97-arena:fullscreen .rat97-score-overlay { right:calc((100vw - min(100vw,114.285714vh))/2 + min(100vw,114.285714vh)*.05); top:calc((100vh - min(100vh,87.5vw))/2 + min(100vh,87.5vw)*.03); font-size:min(5.6vw,6.4vh); }
#rat97-arena:fullscreen #rat97-exit-fullscreen { display:block; position:absolute; bottom:8px; right:8px; z-index:2; padding:8px 12px; border:1px solid #888; background:#000b; color:#fff; cursor:pointer; }
#rat97-arena { position:relative; background:#000; padding:0; overflow:hidden; container-type:inline-size; }
#rat97-canvas { display:block; width:100%; height:auto; aspect-ratio:256/224; image-rendering:auto; touch-action:none; outline-offset:-3px; }
.rat97-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:12px; }
#rat97-status { flex-basis:100%; font:11px/1.5 Tahoma,sans-serif; }
.rat97-help { padding:0 12px 12px; font:11px/1.7 Tahoma,sans-serif; }
.rat97-touch { display:flex; justify-content:space-between; align-items:center; padding:5px 14px 15px; gap:20px; }
.rat97-pad { display:grid; grid-template-columns:repeat(3,44px); gap:4px; }
.rat97-pad button:first-child { grid-column:2; }
.rat97-pad button:nth-child(2) { grid-column:1; }
.rat97-touch button { min-width:44px; min-height:44px; background:linear-gradient(#faf8ff,#c1bacd); border:1px solid #8e839d; border-radius:4px; font:bold 20px monospace; color:#362e41; touch-action:none; user-select:none; }
.rat97-touch .rat97-fire { width:78px; height:64px; background:linear-gradient(#ffe1ec,#bd879e); font-size:16px; }

/* Nine digits at top right: red interiors, green outline, no dashboard strip. */
.rat97-score-overlay { position:absolute; z-index:1; right:5%; top:3%; pointer-events:none; font:900 5.6cqw/1 "Courier New",monospace; letter-spacing:.025em; color:#df2818; -webkit-text-stroke:.025em #26c64b; text-shadow:.025em .025em 0 #166627; }
