.g-pinball{--g-pinball-ground:#d32de0;--g-pinball-ink:#17081e;--g-pinball-recess:#3b1048;--g-pinball-metal:#fff4fe;--g-pinball-trace:#53e7df;--g-pinball-jackpot:#f7d98b;--g-pinball-panel:#3b1048;--g-pinball-panel-ink:#fff4fe;width:100%;min-width:0;font-family:var(--mg-font);color:var(--g-pinball-panel-ink);background:var(--g-pinball-panel)}:root[data-theme=light] .g-pinball{--g-pinball-ground:#e34dea;--g-pinball-panel:#fff4fe;--g-pinball-panel-ink:#17081e}.g-pinball button{min-width:44px;min-height:44px;font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:6px;touch-action:manipulation;cursor:pointer}.g-pinball button:disabled{cursor:default;opacity:.65}.g-pinball button:focus-visible{outline:3px solid var(--mg-accent);outline-offset:2px}.g-pinball-choices,.g-pinball-hud,.g-pinball-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 8px}.g-pinball-choices{min-height:44px;padding-top:0;padding-bottom:0}.g-pinball-choices button{flex:1;max-width:140px}.g-pinball-choices button[aria-pressed=true]{background:var(--g-pinball-panel-ink);color:var(--g-pinball-panel)}.g-pinball-hud{justify-content:space-between;min-height:44px;padding-top:0;padding-bottom:0;flex-wrap:wrap}.g-pinball-score{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.g-pinball-tools{display:flex;gap:4px}.g-pinball-goals{min-height:40px;padding:2px 12px;text-align:center;font-size:12px;line-height:18px;display:grid;grid-template-columns:1fr auto;gap:0 8px;align-items:center}.g-pinball-order{grid-column:1 / -1}.g-pinball-goals strong{font-size:13px}.g-pinball-stage{width:min(100%,520px,max(220px,calc((100svh - var(--g-pinball-above,366px)) / 1.3)));aspect-ratio:600/780;position:relative;margin:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.g-pinball-touch-cue{display:none;position:absolute;inset:58% 0 auto;pointer-events:none;grid-template-columns:1fr 1fr;text-align:center;font-size:12px;color:var(--g-pinball-metal)}.g-pinball-touch-cue span{justify-self:center;padding:5px 8px;border:1px solid currentColor;border-radius:6px;background:color-mix(in srgb,var(--g-pinball-recess) 25%,transparent)}.g-pinball-touch-cue[hidden]{display:none}.g-pinball-stage canvas{display:block;width:100%;height:100%}.g-pinball-stage button.g-pinball-half{position:absolute;inset:0 50% 0 0;border:0;border-radius:0;opacity:0;min-width:0;outline:none}.g-pinball.is-kbd .g-pinball-stage button.g-pinball-half:focus-visible{opacity:1;outline:3px solid var(--g-pinball-ink);outline-offset:-6px;box-shadow:inset 0 0 0 3px var(--g-pinball-metal)}.g-pinball-stage button.g-pinball-half:active{background:transparent}.g-pinball-stage button.g-pinball-half:nth-of-type(2){inset:0 0 0 50%}.g-pinball-stage:focus{outline:none}.g-pinball-stage.is-kbd:focus{outline:3px solid var(--mg-accent);outline-offset:-3px}.g-pinball-controls button{flex:1;height:48px;max-width:160px}.g-pinball-strip{min-height:32px;padding:4px 8px;font-size:12px;text-align:center;touch-action:pan-y}.g-pinball-clock{font-variant-numeric:tabular-nums}.g-pinball-overlay{position:absolute;inset:20% 10%;padding:16px;display:flex;flex-direction:column;gap:12px;justify-content:center;text-align:center;background:var(--g-pinball-panel);border:1px solid var(--g-pinball-panel-ink);border-radius:8px}.g-pinball-overlay[hidden]{display:none}.g-pinball-overlay:has(.g-pinball-help-body){inset:8px 4%;padding:12px;justify-content:flex-start}.g-pinball-help-body{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y}.g-pinball-help-body p{margin:0 0 12px}.g-pinball-overlay:has(.g-pinball-help-body)>button{flex-shrink:0}.g-pinball-overlay label{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px}.g-pinball-overlay input{width:24px;height:24px}.g-pinball-kbd{display:none}.g-pinball.is-kbd .g-pinball-kbd{display:block}.g-pinball-ended .g-pinball-stage{touch-action:pan-y}.g-pinball-ended .g-pinball-half{pointer-events:none}.g-pinball-live{position:absolute;width:1px;height:1px;overflow:clip;clip-path:inset(50%);white-space:nowrap}.g-pinball button:active{background:var(--g-pinball-trace);color:var(--g-pinball-ink)}@media(max-width:767px){.g-pinball{position:relative}.g-pinball-choices{padding-right:108px;gap:4px}.g-pinball-choices button{min-width:0;font-size:14px;padding:0 3px}.g-pinball-tools{position:absolute;top:0;right:8px}.g-pinball-hud{min-height:24px;line-height:24px}.g-pinball-controls{padding-top:0;padding-bottom:0}.g-pinball-controls button{height:64px}.g-pinball-strip{min-height:20px;padding:2px 8px}.g-pinball-touch-cue:not([hidden]){display:grid}}@media(max-width:350px){.g-pinball-hud{gap:4px}.g-pinball-score{font-size:18px}.g-pinball-tools button{font-size:12px}}
