.pinball{width:var(--pb-w);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs);color:var(--pb-cab-ink, var(--ink-on-accent));outline-offset:6px}.pinball__head{background:var(--pb-cab, #161312);border-radius:.2rem;padding:.7rem .8rem .8rem;display:grid;gap:.55rem;box-shadow:inset 0 0 0 2px var(--pb-trim, #ED1C24)}.pinball__marquee{width:72%;height:auto;margin-inline:auto}.pinball__dmd{position:relative;aspect-ratio:4 / 1;background:var(--pb-dmd-bg, #0b0807);border-radius:2px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 18px #000c}.pinball__dmd-canvas{position:absolute;inset:0;width:100%;height:100%}.pinball__dmd-static{position:absolute;inset:0;margin:0;display:grid;place-content:center;gap:.1em;text-align:center;font-family:var(--pb-dmd-font, ui-monospace, monospace);font-size:var(--step-0);line-height:1.1;letter-spacing:.14em;text-transform:uppercase;color:var(--pb-dmd-ink, #ff4a2e);-webkit-mask:radial-gradient(circle,#000 52%,transparent 58%) 0 0 / 4px 4px;mask:radial-gradient(circle,#000 52%,transparent 58%) 0 0 / 4px 4px;font-weight:700;max-width:none}.pinball__dmd-static span:last-child{opacity:.75}.pinball.is-live .pinball__dmd-static{display:none}.pinball__table{position:relative;aspect-ratio:700 / 1100;border-radius:.4rem .4rem 1.1rem 1.1rem;overflow:hidden;background:var(--pb-cab, #161312);box-shadow:inset 0 0 0 6px var(--pb-cab, #161312),0 1.5rem 3rem -1.5rem #0000008c}.pinball__poster,.pinball__field{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:.2rem .2rem .8rem .8rem}.pinball__field{touch-action:none;opacity:0}.pinball.is-live .pinball__field{opacity:1}.pinball.is-live .pinball__poster{visibility:hidden}.pinball__start{position:absolute;inset:auto 0 30%;display:grid;justify-items:center;gap:.5rem;padding-inline:1rem}.pinball.is-live .pinball__start{display:none}.pinball__play{box-shadow:0 .75rem 2rem -.5rem #0009}.pinball__nojs{background:var(--pb-cab, #161312);color:var(--pb-cab-ink, #f6f4f0);padding:.5rem .8rem;border-radius:.3rem;margin:0}.pinball__controls{display:grid;gap:.5rem}.pinball__flippers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.pinball__secondary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.pb-btn{min-height:var(--target-min);border:0;border-radius:.6rem;background:var(--pb-btn-bg, #161312);color:var(--pb-btn-ink, #f6f4f0);font:600 var(--step--1) / 1.1 var(--font-body);padding:.5rem .4rem;overflow-wrap:normal;hyphens:manual;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.pb-btn--flip,.pb-btn--launch{min-height:3.5rem;font-size:var(--step-0)}.pb-btn--launch{background:var(--pb-btn-accent, #ED1C24);color:var(--pb-btn-accent-ink, #fff)}.pb-btn[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--pb-btn-accent, #ED1C24)}@media(prefers-reduced-motion:no-preference){.pb-btn:active{scale:.96;transition:scale var(--dur-instant) var(--ease-press)}}.pinball__keys{font-size:var(--step--1);color:var(--pb-keys-ink, var(--ink-muted));margin:0;max-width:none;text-align:center}.pinball__keys kbd{font:inherit;font-weight:700;border:1px solid currentColor;border-radius:.25rem;padding:0 .3em}@media(pointer:coarse){.pinball__keys{display:none}}.pinball{--pb-w: min(100%, 36rem, calc((100svh - var(--header-height) - 12rem) / 1.821))}@media(max-width:63.99rem){.pinball.is-live .pinball__keys,.pinball.is-live .pinball__marquee{display:none}.pinball.is-live .pinball__secondary .pb-btn{min-height:44px}}.pb-playing .action-bar{display:none}@media(min-width:64rem){.pinball{--pb-w: min(100%, 56rem);--pb-table-w: min(40rem, calc((100svh - var(--header-height) - 2.5rem) * 700 / 1100));grid-template-columns:min(var(--pb-table-w),100% - 15rem - var(--space-m)) minmax(15rem,1fr);grid-template-areas:"table head" "table board" "table controls" "table keys" "table .";grid-template-rows:auto auto auto auto 1fr;column-gap:var(--space-m);align-items:start}.pinball__head{grid-area:head;border-radius:.2rem}.pinball__table{grid-area:table}.pinball__controls{grid-area:controls}.pinball__keys{grid-area:keys;text-align:left}.pinball__flippers{grid-template-columns:1fr 1fr}.pb-btn--launch{grid-column:1 / -1;order:3}.pinball__secondary{grid-template-columns:1fr 1fr}.pb-board{grid-area:board}.pinball .pb-board__grid{grid-template-columns:minmax(0,1fr)}}.pb-board[hidden],.pb-board__entry[hidden]{display:none}.pb-board{background:var(--pb-cab, #161312);color:var(--pb-cab-ink, #f6f4f0);border-radius:.4rem;padding:.55rem .7rem .7rem;box-shadow:inset 0 0 0 2px var(--pb-trim, #ED1C24);display:grid;gap:.45rem}.pb-board__title{margin:0;max-width:none;text-align:center;font-size:var(--step--1);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pb-dmd-ink, #ff4a2e)}.pb-board__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .45rem}.pb-board__cell{display:flex;align-items:baseline;gap:.4rem;min-width:0;max-width:none;padding:.35rem .5rem;border-radius:.3rem;background:#ffffff0f;font-size:var(--step--1)}.pb-board__rank{color:var(--pb-dmd-ink, #ff4a2e);font-weight:700}.pb-board__who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.pb-board__pts{flex-shrink:0;font-variant-numeric:tabular-nums;opacity:.8}.pb-board__cell.is-mine{box-shadow:inset 0 0 0 2px var(--pb-btn-accent, #ED1C24)}.pb-board__entry{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:center;font-size:var(--step--1)}.pb-board__entry label{flex:1 0 100%;text-align:center}.pb-board__entry input{font:inherit;font-size:1rem;width:11.5em;min-height:44px;padding:.4rem .6rem;border-radius:.3rem;border:2px solid var(--pb-btn-accent, #ED1C24);background:#0006;color:inherit;text-transform:uppercase}.pb-board__note{margin:0;max-width:none;text-align:center;font-size:var(--step--2, .75rem);opacity:.7}@media(max-width:29rem){.pb-board__cell{flex-wrap:wrap;gap:0 .35rem}.pb-board__pts{flex-basis:100%;padding-left:1.4em}}.pinball__extras{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.pinball__extras .pb-btn{font-size:var(--step--1);overflow-wrap:normal}.pinball__credit{margin:0;max-width:none;text-align:center;font-size:var(--step--1);color:var(--pb-keys-ink, var(--ink-muted))}.pb-board__entry input::placeholder{text-transform:none;opacity:.6}.pinball__table{--nudge-dir: 1}.pb-tilt{position:absolute;inset:0;margin:0;max-width:none;z-index:3;pointer-events:none;display:grid;place-items:center;opacity:0;font:900 clamp(3.5rem,18vw,7rem)/1 var(--font-display, system-ui);letter-spacing:.12em;text-transform:uppercase;color:#ff2a1f;text-shadow:0 0 .25em #ff2a1f,0 0 .6em #ff2a1f,0 .05em 0 #000;background:radial-gradient(circle,oklch(.55 .24 27 / .38),oklch(.35 .2 27 / .55));transition:opacity .15s}.pinball__table.is-tilted .pb-tilt{opacity:1}.pinball__table.is-tilted{box-shadow:inset 0 0 0 6px #ff2a1f,0 0 2.5rem -.2rem #ff2a1f}.pinball__table.is-warned{box-shadow:inset 0 0 0 6px #ffb02e,0 0 2rem -.2rem #ffb02e}@media(prefers-reduced-motion:no-preference){.pinball__table.is-nudged{animation:pb-jolt .26s cubic-bezier(.3,.7,.4,1)}.pinball__table.is-tilted .pb-tilt{animation:pb-tilt-blink .5s steps(2) infinite}.pinball__table.is-warned{animation:pb-warn .3s steps(2) 3}}@media(prefers-reduced-motion:reduce){.pinball__table.is-nudged{box-shadow:inset 0 0 0 4px #ffffffb3}}@keyframes pb-jolt{0%{translate:0 0;rotate:0deg}30%{translate:calc(var(--nudge-dir) * 14px) -4px;rotate:calc(var(--nudge-dir) * .8deg)}60%{translate:calc(var(--nudge-dir) * -5px) 1px;rotate:calc(var(--nudge-dir) * -.3deg)}to{translate:0 0;rotate:0deg}}@keyframes pb-tilt-blink{50%{color:#ffd0cc}}@keyframes pb-warn{50%{box-shadow:inset 0 0 0 6px transparent,0 0 0 0 transparent}}.pinball__table,.pinball__controls,.pinball__head{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}