:root{--game-accent:#72f3ff}
.game-heading,.pinball-panel,.game-frame,.pinball-controls,.game-bottom{width:min(100%,480px);margin-inline:auto}
.game-heading h1{font-size:clamp(42px,5vw,56px)}
.game-frame{height:min(72svh,720px);min-height:510px;border:8px solid #274a68;border-radius:30px 30px 15px 15px;box-shadow:0 0 0 3px #74e9fa44,0 22px 55px #000b,inset 0 0 30px #8fefff28}
.game-frame canvas{border-radius:19px 19px 5px 5px}
.game-overlay{border-radius:19px 19px 5px 5px}
.pinball-panel{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:56px;padding:8px 10px;margin-bottom:10px;border:1px solid #72f3ff66;border-radius:8px;background:linear-gradient(90deg,#12293b,#1b1836)}
.pinball-panel>div:first-child small,.pinball-panel>div:first-child strong{display:block;white-space:nowrap}
.pinball-panel small{color:#a9c4d5;font-size:9px;font-weight:800;letter-spacing:1px}
.pinball-panel strong{color:#e7fbff;font:900 18px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}
.pinball-lights{display:flex;align-items:center;justify-content:center;gap:4px}
.pinball-lights span{display:grid;place-items:center;min-width:23px;height:24px;padding:0 5px;border:1px solid #82dceb75;border-radius:5px;background:#09202d;color:#abc5cd;font-size:10px;font-weight:900}
.pinball-lights span.lit{background:#ffe77a;color:#1b2434;border-color:#fff1b0;box-shadow:0 0 15px #ffe77a}
.pinball-panel #extra-count{text-align:right;white-space:nowrap}
.pinball-controls{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:8px;margin-top:12px}
.pinball-controls button{min-height:62px;border:1px solid #72f3ff83;border-radius:8px;background:#183349;color:#e7fbff;font:900 15px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;touch-action:none;user-select:none;-webkit-user-select:none}
.pinball-controls button[data-flipper="left"]{border-color:#ff7bbd88}
.pinball-controls button.pressed{background:#65e2f0;color:#07121c;box-shadow:0 0 18px #72f3ff8c}
.pinball-controls button[data-flipper="left"].pressed{background:#ff91c7}
.pinball-controls #pinball-launch{position:relative;overflow:hidden;border-color:#ffe77a99;background:#ffe77a;color:#152536}
.pinball-controls #pinball-launch::after{content:"";position:absolute;left:0;bottom:0;width:calc(var(--charge,0) * 100%);height:7px;background:#ff7bbd;box-shadow:0 0 12px #ff7bbd;transition:width .04s linear}
.pinball-controls #pinball-launch:disabled{opacity:.4;background:#403b3a;color:#c5c2ba;cursor:default}
.pinball-controls button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.game-bottom p{max-width:73%}
@media(max-width:600px){
  .game-main{padding-top:10px}
  .game-heading{margin-bottom:8px}
  .game-heading h1{font-size:36px}
  .game-frame{height:calc(100svh - 276px);min-height:425px;border-width:6px;border-radius:23px 23px 12px 12px}
  .pinball-panel{min-height:48px;margin-bottom:8px;padding:6px}
  .pinball-panel strong{font-size:15px}
  .pinball-panel small{font-size:8px;letter-spacing:0}
  .pinball-lights span{min-width:19px;height:21px;padding:0 3px;font-size:8px}
  .pinball-controls{gap:6px;margin-top:8px}
  .pinball-controls button{min-height:54px;font-size:12px}
  .game-bottom p{font-size:10px;max-width:68%}
}
@media(max-width:370px){.pinball-panel #extra-count{display:none}.game-frame{min-height:400px}}