#pinball-play[hidden],#pinball-play [hidden]{display:none!important}
#pinball-play{position:fixed;inset:0;z-index:40;pointer-events:none;color:#fff;font-family:LGText,Arial,sans-serif;user-select:none;-webkit-user-select:none}
/* Match the existing Basket, Claw and Spin game actions. */
#pinball-play button,#pinball-play button:is(:hover,:focus,:active){pointer-events:auto;background:#fd312e;color:#fff;border:0;border-radius:999px;padding:12px 20px;min-height:46px;font:700 17px LGHead,Arial,sans-serif;touch-action:none;box-shadow:none;text-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
#pinball-play button:focus-visible{outline:3px solid #f5ce35;outline-offset:4px}
#pinball-play .pinball-exit,#pinball-play .pinball-exit:is(:hover,:focus,:focus-visible,:active){border:0;outline:none;box-shadow:none}
#pinball-play .pinball-exit:focus-visible{text-decoration:underline;text-underline-offset:.18em}
.pinball-top{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pinball-stats{padding:10px 22px;text-align:right;max-width:calc(100% - 112px)}
.pinball-stats strong{font:700 16px LGHead,Arial,sans-serif}
.pinball-status{display:block;font-size:12px;margin-top:5px;line-height:1.35}
.pinball-actions{position:absolute;right:max(18px,env(safe-area-inset-right));top:96px;display:flex;gap:8px}
#pinball-play .pinball-actions button{padding:10px 16px;font-size:13px;min-height:44px}
.pinball-help{position:absolute;bottom:calc(var(--copyright-height,32px) + env(safe-area-inset-bottom) + 8px);left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;text-shadow:0 2px 5px #123a3c;margin:0}
.pinball-touch{position:absolute;left:max(var(--carnival-control-inset,30px),env(safe-area-inset-left));right:max(var(--carnival-control-inset,30px),env(safe-area-inset-right));bottom:calc(var(--copyright-height,32px) + env(safe-area-inset-bottom) + 38px);display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
#pinball-play .pinball-touch>button{width:var(--carnival-control-size,110px);height:var(--carnival-control-size,110px);padding:12px 8px;font-size:27px;flex-shrink:0}
.pinball-touch span{display:block;font-size:11px;margin-top:6px}
.pinball-centre{display:flex;flex-direction:column;align-items:center;gap:8px}
#pinball-play .pinball-launch{min-width:116px;min-height:62px;padding:10px 16px}
#pinball-play button.held{transform:translateY(2px);filter:brightness(.85)}
.pinball-playing #target,.pinball-playing #crosshair,.pinball-playing #touch-controls,.pinball-playing #mini-map,.pinball-playing header,.pinball-playing #hint,.pinball-playing #star-hud{visibility:hidden!important;pointer-events:none!important}
#pinball-debug{position:absolute;top:150px;left:14px;width:275px;max-height:55vh;overflow:auto;background:#071923eb;font:11px monospace;padding:9px;pointer-events:auto;border-radius:10px}#pinball-debug pre{white-space:pre-wrap}
@media(pointer:fine) and (min-width:900px){#pinball-play .pinball-touch>button{width:90px;height:90px;font-size:24px}}
@media(max-width:600px){.pinball-top{left:12px;right:12px;gap:8px}.pinball-stats{padding:10px 14px}.pinball-stats strong{font-size:13px}.pinball-status{font-size:10px}.pinball-actions{right:12px;top:96px}.pinball-help{display:none}.pinball-touch{left:12px;right:12px;bottom:calc(var(--copyright-height,50px) + env(safe-area-inset-bottom) + 10px);gap:6px}#pinball-play .pinball-touch>button{width:82px;height:82px;font-size:24px}.pinball-centre{gap:6px}#pinball-play .pinball-launch{min-width:112px;min-height:60px}}
@media(max-height:520px){.pinball-top{top:10px}.pinball-stats{padding:8px 14px}.pinball-actions{top:84px}.pinball-touch{bottom:calc(var(--copyright-height,32px) + env(safe-area-inset-bottom) + 8px)}.pinball-help{display:none}#pinball-play .pinball-touch>button{width:76px;height:76px}.pinball-centre{flex-direction:row}#pinball-play .pinball-launch{min-height:48px}}
@media(prefers-reduced-motion:reduce){#pinball-play button.held{transform:none}}
.pinball-results{position:absolute;bottom:calc(var(--copyright-height,32px) + env(safe-area-inset-bottom) + 38px);left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);width:max-content;padding:14px 20px;pointer-events:auto;text-align:center}
.pinball-result-note{margin:0;font-size:14px}.pinball-score-entry{display:flex;align-items:flex-end;gap:12px;margin-top:12px}.pinball-score-entry label{display:block;text-align:left;font-size:12px}.pinball-score-entry input{display:block;margin-top:5px;min-width:0;width:170px;max-width:100%;box-sizing:border-box;min-height:44px;padding:8px 12px;border:1px solid var(--glass-divider);border-radius:999px;background:var(--glass-control);color:var(--glass-ink);font:16px LGText,Arial,sans-serif}.pinball-score-entry input:focus-visible{outline:3px solid var(--glass-focus)}
#pinball-play .pinball-score-entry button{font-size:14px;padding:12px 16px;white-space:nowrap}
@media(max-width:420px){.pinball-results{padding:12px 14px}.pinball-score-entry{gap:8px}.pinball-score-entry input{width:145px}}
/* Keep all five activity cards balanced in the existing welcome layout. */
@media(min-width:1001px){.welcome-games{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px) and (min-height:521px){.welcome-game:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 5px);justify-self:center}}
@media(max-height:520px){.welcome-games{grid-template-columns:repeat(5,minmax(0,1fr))}#welcome .welcome-game{padding:10px 6px}.welcome-game strong{font-size:13px}}
