.screen-game { position:relative; width:100%; touch-action:none; user-select:none; -webkit-user-select:none; outline:none; border-radius:49%; }
.screen-game:focus-visible { outline:3px solid #287d95; outline-offset:5px; }
.screen-game [hidden] { display:none!important; }
.screen-game-hud { position:absolute; top:19%; left:22%; width:56%; display:grid; grid-template-columns:1fr 1fr; gap:6px 10px; color:#f3ecd9; font:700 clamp(9px,1vw,12px)/1.5 "Courier New",monospace; pointer-events:none; }
.screen-game-hud span:nth-child(even) { text-align:right; }
.screen-game button { min-height:44px; border:1px solid #163454; border-radius:3px; padding:8px 12px; background:#f3ecd9; color:#163454; font:700 12px/1.3 system-ui,sans-serif; cursor:pointer; }
.screen-game button:hover { background:#e8d59b; }
.screen-game button:focus-visible { outline:3px solid #e6a294; outline-offset:3px; }
.screen-game .screen-game-pause { position:absolute; bottom:7%; left:50%; transform:translateX(-50%); background:#163454; border-color:#aacbd3; color:#f3ecd9; }
.screen-game-overlay { position:absolute; left:12%; right:12%; top:35%; display:grid; gap:10px; padding:16px; background:#f3ecd9; border:1px solid #163454; box-shadow:0 8px 24px #0003; text-align:center; }
.screen-game-overlay strong { font:800 17px/1.2 "Arial Narrow",Arial,sans-serif; text-transform:uppercase; }
.screen-game-overlay p { font:12px/1.4 "Courier New",monospace; margin:0; }
.screen-game-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }