/* Page layout only. Original game rules and keyboard input remain in rapyd.js. */
.game-heading{padding-bottom:34px}.game-heading>.text-link{margin-bottom:16px}.game-heading h1{font-size:clamp(2.2rem,5vw,3.5rem)}
.game-stage{border:1px solid var(--line);background:var(--panel);padding:30px;border-radius:5px;max-width:780px}
.game-stage #game{display:grid;grid-template-columns:minmax(0,432px) minmax(160px,1fr);gap:30px;align-items:start;width:100%}
.game-stage #display{width:100%;height:auto;aspect-ratio:1;float:none;overflow:hidden;background:#000}
.game-stage #myCanvas{display:block;width:162.037037%;height:auto;max-width:none;image-rendering:pixelated}
.game-stage #myCanvas:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.game-stage #hud{width:auto;float:none;padding:0}.game-stage .chips{font-family:var(--font);font-size:14px}.game-stage #count{padding-left:0;font-size:28px;color:var(--accent)}
.game-stage fieldset{border:1px solid var(--line);padding:12px;font-size:12px;margin:0}.game-stage legend{padding:0 6px}.game-stage #message{text-align:left;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.game-notes{padding:30px 0 55px;max-width:780px}.game-notes h2{font-size:1.3rem}.game-notes ul{padding:0;list-style:none;font-size:12px;line-height:2.8;color:var(--muted)}
.game-notes kbd{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;border:1px solid var(--line);border-radius:3px;padding:3px 6px;background:var(--panel);color:var(--text)}
.game-notes p{font-size:12px;margin-top:14px}.game-notes .game-copyright{font-size:10px}.alertify{color:#333}.alertify p{color:#333}
@media(max-width:760px),(pointer:coarse){.game-stage{padding:18px}.game-stage #game{grid-template-columns:minmax(0,432px);justify-content:center;gap:22px}.game-stage #hud{display:grid;grid-template-columns:1fr 192px;gap:12px}.game-stage .hudelem:last-child{grid-column:1/-1}.game-stage .hudelem{padding:0}.game-heading{padding-bottom:25px}}
@media(max-width:360px){.game-stage{padding:12px}.game-stage #hud{grid-template-columns:1fr}.game-stage .hudelem:last-child{grid-column:auto}}

.touch-controls{display:none}
.direction-pad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px);gap:8px}
.direction-button{appearance:none;display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--bg);border:1px solid #526b68;border-radius:6px;color:var(--accent);font:26px/1 var(--font);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer}
.direction-button.is-pressed,.direction-button:active{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.direction-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.direction-up{grid-column:2;grid-row:1}.direction-left{grid-column:1;grid-row:2}.direction-down{grid-column:2;grid-row:2}.direction-right{grid-column:3;grid-row:2}
.touch-controls p{font-size:10px;margin-top:8px}
@media(max-width:760px),(pointer:coarse){.touch-controls{display:grid;justify-items:center}}