.play-page{min-height:100vh;background:radial-gradient(ellipse at 50% 15%,#132238 0,transparent 60%),#080d18}.play-header{height:76px;border-bottom:1px solid var(--line);display:flex;gap:35px;align-items:center;padding:0 max(24px,calc((100vw - 1160px)/2));background:#080d18}.play-header .brand{font-size:32px}.play-header>a:not(.brand){font-size:13px;color:var(--muted)}.practice-label{margin-left:auto;font-size:12px;color:var(--lime);border:1px solid #35482c;padding:5px 10px}.play-wrap{max-width:1060px;padding:30px 24px 40px;margin:auto}.play-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:23px}.play-heading h1{font-family:var(--pixel);font-size:27px;line-height:1.4;font-weight:400}.play-heading p{font-size:13px;color:var(--muted);margin-top:8px}.cabinet-frame{border:1px solid #344861;background:#080f1d;box-shadow:0 0 0 5px #0b1422,0 18px 65px #0007}.game-hud{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #26374f;padding:10px 20px;font-size:12px;color:var(--muted)}.game-hud strong{font-family:var(--pixel);font-size:20px;color:var(--text);margin:0 10px}.game-hud small{font-size:10px}.game-hud button{background:transparent;border:1px solid #344861;padding:5px 10px;font-size:12px}.canvas-wrap{position:relative;aspect-ratio:8/5;background:#080d18}.canvas-wrap canvas{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none}.game-overlay{position:absolute;inset:0;background:#060d1bdc;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px;backdrop-filter:blur(3px)}.game-overlay[hidden]{display:none}.overlay-inner{max-width:480px}.overlay-symbol{font-family:var(--pixel);color:var(--game-color,var(--lime));font-size:43px;display:block;margin-bottom:13px}.overlay-inner h2{font-size:25px}.overlay-inner p{color:#a8b7cc;font-size:14px;line-height:1.8;margin:15px 0 23px}.overlay-inner button{margin:4px}.overlay-inner button[hidden]{display:none}.game-controls{min-height:66px;border-top:1px solid #26374f;display:flex;justify-content:center;align-items:center;gap:14px;padding:10px 20px;background:#0e192a}.game-controls button{min-width:100px;min-height:42px;background:#192b43;border:1px solid #3b5578;box-shadow:0 3px 0 #030913;font-size:13px;font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none}.game-controls button:active,.game-controls button.held{background:#2b4262;border-color:var(--game-color)}.game-controls small{color:var(--muted);font-size:11px}.play-footer{display:flex;align-items:start;justify-content:space-between;gap:25px;margin:20px 0}.play-footer p{font-size:11px;color:#8395af;max-width:620px}.play-footer a{font-size:12px;white-space:nowrap;color:#b9c9df}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.play-header{height:65px;padding:0 16px;gap:18px}.play-header .brand{font-size:28px}.play-header>a:not(.brand){font-size:11px}.practice-label{font-size:10px;padding:4px 7px}.play-wrap{padding:22px 12px}.play-heading{align-items:start;gap:12px}.play-heading h1{font-size:20px}.play-heading p{font-size:12px;max-width:270px}.game-hud{padding:8px 10px;gap:7px;font-size:10px}.game-hud strong{font-size:15px;margin:0 5px}.game-hud small{display:none}.game-hud button{font-size:10px}.overlay-inner h2{font-size:18px}.overlay-inner p{font-size:12px;margin:8px 0 12px}.overlay-symbol{font-size:23px;margin-bottom:6px}.overlay-inner .button{min-height:36px;padding:8px 13px;font-size:12px}.game-controls{padding:10px;gap:10px}.game-controls button{min-width:90px;min-height:48px}.game-controls small{display:none}.play-footer{gap:15px}}

/* Keyboard legend doubles as touch controls. */
.game-controls{flex-wrap:wrap;gap:14px 28px;padding:16px 20px}
.game-controls .key-control{display:inline-flex;align-items:center;gap:10px;min-width:0;min-height:40px;padding:0;background:transparent;border:0;box-shadow:none;color:#b9c8dd;font-size:12px;font-weight:400}
.keycaps{display:inline-flex;align-items:center;gap:4px}
.keycaps kbd{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border:1px solid #48617f;background:#1a2c43;box-shadow:0 3px 0 #050b15;font-family:var(--sans);font-size:12px;font-weight:700;color:#edf1f6;line-height:1}
.key-action{white-space:nowrap}
.game-controls button.key-control:hover .keycaps kbd,.game-controls button.key-control.held .keycaps kbd,.game-controls button.key-control:active .keycaps kbd{background:#2b4262;border-color:var(--game-color)}
.game-controls button.key-control:active .keycaps kbd,.game-controls button.key-control.held .keycaps kbd{transform:translateY(2px);box-shadow:0 1px 0 #050b15}
@media(max-width:650px){.game-controls{gap:14px 18px;padding:14px 12px}.game-controls .key-control{min-height:44px;font-size:11px;gap:8px}.keycaps kbd{min-width:32px;height:36px;padding:0 8px;font-size:11px}.keycaps{gap:3px}}

.entry-status{font-size:13px;color:#b9c8da;margin:0 0 18px;line-height:1.7}#pay-entry[hidden]{display:none}