.pinball-stage *{box-sizing:border-box}.pinball-stage body{margin:0;background:radial-gradient(ellipse at 50% 20%,#29203b,#100e19 65%);color:#f3ead3;font-family:Arial,sans-serif;min-height:100vh}.pinball-stage button,.pinball-stage input{font:inherit}.pinball-stage button{cursor:pointer}.pinball-stage main{width:min(850px,100%);margin:18px auto;padding:0 16px 24px}.pinball-stage .draft-bar{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#a99eb7;margin-bottom:10px}.pinball-stage .draft-bar button{background:#201b2b;border:1px solid #4e405f;color:#cfbfdc;border-radius:7px;padding:8px 12px;font-size:10px;letter-spacing:.3px}.pinball-stage .cabinet{position:relative;padding:16px 22px 12px;border-radius:27px;border:3px solid #9f8754;background:linear-gradient(110deg,#252228,#0d1015 16%,#281728 50%,#101117 84%,#332a25);box-shadow:0 25px 70px #0008,inset 0 0 0 4px #17141b,inset 0 0 0 6px #584836;overflow:hidden}.pinball-stage .cabinet:before{content:'';position:absolute;inset:11px;border:1px solid #d7b76744;border-radius:17px;pointer-events:none}.pinball-stage .marquee{display:flex;align-items:center;justify-content:center;gap:24px;padding:0 0 14px;text-align:center}.pinball-stage .marquee small{font-size:8px;letter-spacing:3px;color:#bcad81}.pinball-stage .marquee h1{font:900 clamp(28px,4.3vw,47px)/1 Georgia,serif;letter-spacing:1px;margin:6px 0;color:#faf0c7;text-shadow:0 2px #815229,0 4px #140d11,0 0 22px #e8b7572b}.pinball-stage .marquee h1 em{font-style:normal;color:#e9c671}.pinball-stage .marquee p{font-size:8px;letter-spacing:2px;color:#a79aaf;margin:7px 0 0}.pinball-stage .marquee-star{font-size:32px;color:#cfad61;text-shadow:0 0 14px #ffd67c55}.pinball-stage .scoreboard{display:grid;grid-template-columns:145px 1fr 145px;gap:10px;margin-bottom:12px}.pinball-stage .scoreboard>div{border:1px solid #9e653a66;border-radius:8px;background:#060709;padding:10px;text-align:center}.pinball-stage .scoreboard small{display:block;font-size:7px;letter-spacing:2px;color:#aa8c62}.pinball-stage .scoreboard strong{display:block;margin-top:5px;color:#ff654b;text-shadow:0 0 9px #ff3b253b;font:700 28px/1.1 'Courier New',monospace;letter-spacing:1px}.pinball-stage .round-status{display:flex;flex-direction:column;justify-content:center;gap:7px}.pinball-stage .round-status b{font-size:11px;color:#e9d49c;font-weight:500}.pinball-stage .round-status span{font-size:7px;color:#918695;letter-spacing:.7px}.pinball-stage .playfield-shell{border:2px solid #ae9049;border-radius:100px 100px 16px 16px;background:#171021;box-shadow:inset 0 0 0 4px #201a2b,0 0 0 3px #110d17;overflow:hidden}.pinball-stage .field-top{display:flex;justify-content:space-between;padding:11px 52px 8px;font-size:8px;letter-spacing:1.5px;color:#d9bc77;background:linear-gradient(#34253d,#201329)}.pinball-stage .field-top span:last-child{color:#9c85b3}.pinball-stage .board{position:relative;height:clamp(230px,32vw,285px);overflow:hidden}.pinball-stage .board-art,.pinball-stage #pinball-pegs,.pinball-stage #pinball-balls{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pinball-stage .peg{position:absolute;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#c4becb 35%,#5b516c 72%);transform:translate(-50%,-50%);box-shadow:0 2px 2px #0008}.pinball-stage .peg.bumper{width:10px;height:10px;border:2px solid #e4c174;background:#6a3382;box-shadow:0 0 0 2px #241034,0 2px 6px #0006}.pinball-stage .peg.lit{background:#fff2ad;box-shadow:0 0 13px #fff08c,0 0 2px #fff}.pinball-stage .ball{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 15%,#cfdeec 30%,#8296a8 60%,#263244 85%);transform:translate(-50%,-50%);box-shadow:0 1px 3px #0008,0 0 7px #d6e7ff5c;z-index:4}.pinball-stage .idle-sign{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#130c302e;pointer-events:none;text-shadow:0 2px 6px #000}.pinball-stage .idle-sign span{font-size:35px;color:#e7c88a}.pinball-stage .idle-sign b{font:700 17px Georgia,serif;letter-spacing:2px;color:#eddeb4}.pinball-stage .idle-sign small{font-size:9px;color:#b29fc8}.pinball-stage .bonus-active .idle-sign{display:none}.pinball-stage .bonus-active .field-top span:last-child{color:#ffdc89}.pinball-stage .bonus-active .playfield-shell{box-shadow:0 0 0 3px #39204a,0 0 25px #b373f13b}.pinball-stage .pockets{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));padding:0 5% 8px;gap:2px;background:linear-gradient(#251536,#100b1a)}.pinball-stage .pocket{display:flex;align-items:center;justify-content:center;height:25px;border:1px solid #765833;border-radius:3px 3px 8px 8px;background:linear-gradient(#ab7639,#58391e);font:700 9px 'Courier New',monospace;color:#ffeac0}.pinball-stage .pocket:nth-child(n+5):nth-child(-n+11){background:linear-gradient(#593675,#2d1c45);border-color:#7f5fa0;color:#dcc9ed}.pinball-stage .pocket.hot{background:#e9c26f;color:#291525;box-shadow:0 0 14px #ffc4778c}.pinball-stage .bonus-ledger{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:35px;padding:7px 14px;background:#100a19;border-top:1px solid #6f4c7944}.pinball-stage .bonus-ledger>span{font-size:7px;letter-spacing:1.2px;color:#b19a83}.pinball-stage .bonus-ledger>div{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.pinball-stage .bonus-ledger b{font-size:9px;border:1px solid #98774b;background:#2a1937;color:#f4dba0;padding:3px 5px;border-radius:4px}.pinball-stage .reel-deck{margin-top:12px;padding:10px 18px 7px;border:1px solid #9e6d37;border-radius:12px;background:linear-gradient(#522339,#30172b 55%,#1b111d);box-shadow:inset 0 0 0 3px #291321}.pinball-stage .deck-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#e0b47e;margin-bottom:8px}.pinball-stage .reels{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(480px,100%);margin:auto}.pinball-stage .reel{height:116px;padding:5px;background:linear-gradient(135deg,#f7dfa0,#b6813c 25%,#ffd993 50%,#7c4f28 90%);border:1px solid #f3d292;border-radius:7px;box-shadow:0 4px 6px #0007}.pinball-stage .window{height:100%;overflow:hidden;position:relative;border-radius:3px;background:linear-gradient(#c6b7aa,#fff8e4 30%,#fff7e8 60%,#9d8fa0);box-shadow:inset 0 4px 8px #0007,inset 0 -5px 10px #0008}.pinball-stage .window:after{content:'';position:absolute;inset:0;background:linear-gradient(#1b0d233b,transparent 25%,#ffffff22 55%,transparent 75%,#180e2e4d);pointer-events:none}.pinball-stage .symbol{display:flex;justify-content:center;align-items:center;height:106px;position:relative}.pinball-stage .symbol svg{width:76px;height:76px;overflow:visible;filter:drop-shadow(0 3px 1px #451e2a40)}.pinball-stage .track{display:flex;flex-direction:column}.pinball-stage .payline-arrow{position:absolute;top:calc(50% - 7px);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #fff5b8;filter:drop-shadow(0 0 3px #d8a454);z-index:5}.pinball-stage .payline-arrow.left{left:-14px}.pinball-stage .payline-arrow.right{right:-14px;transform:rotate(180deg)}.pinball-stage .reel-message{text-align:center;font-size:8px;letter-spacing:1.5px;min-height:14px;margin-top:9px;color:#bca6b8}.pinball-stage .reel.winner{box-shadow:0 0 17px #ffc96870;border-color:#fff3b0}.pinball-stage .controls{display:grid;grid-template-columns:1fr 110px 1fr;gap:20px;align-items:center;padding:13px 12px 8px}.pinball-stage .controls small,.pinball-stage .controls label{display:block;font-size:8px;letter-spacing:1.7px;color:#a698aa}.pinball-stage .controls strong{display:block;margin-top:5px;font:700 23px 'Courier New',monospace;color:#ead6a7}.pinball-stage .controls input{margin-top:6px;padding:8px;width:100%;border:1px solid #5f4c64;border-radius:6px;background:#0d0a14;color:#f1dcaa;font-size:16px;text-align:center}.pinball-stage .spin{border:2px solid #e7c578;border-radius:10px;background:linear-gradient(#a93d49,#5c142c);color:#fff1c8;font-weight:800;letter-spacing:2px;padding:17px;box-shadow:0 4px 0 #2d1020,inset 0 1px #ffd18466}.pinball-stage .spin span{margin-left:10px;color:#e9c679}.pinball-stage .spin:disabled{opacity:.55;cursor:wait}.pinball-stage .spin:active:not(:disabled){transform:translateY(3px);box-shadow:none}.pinball-stage .cabinet-footer{display:flex;justify-content:space-between;margin-top:6px;padding:6px 8px 0;font-size:6px;letter-spacing:1.5px;color:#817287}.pinball-stage .help{padding:16px 4px;color:#a99eaf;font-size:11px;line-height:1.7}.pinball-stage .help summary{cursor:pointer;color:#d4c5a9;font-size:12px}.pinball-stage .demo-tools{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 8px}.pinball-stage .demo-tools button{border:1px solid #554263;border-radius:6px;color:#d8c4e6;background:#241b30;padding:9px;font-size:10px}.pinball-stage .demo-tools button:disabled{opacity:.4;cursor:wait}.pinball-stage .help small{font-size:9px}.pinball-stage .draft-note{text-align:center;font-size:10px;color:#776d81}.pinball-stage .win-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#080510c7;backdrop-filter:blur(5px);padding:20px}.pinball-stage .win-overlay[hidden]{display:none}.pinball-stage .win-panel{position:relative;width:min(430px,100%);padding:40px 25px;text-align:center;background:radial-gradient(ellipse at top,#5e325c,#170f27 75%);border:2px solid #d7b471;border-radius:22px;box-shadow:0 0 80px #b68d5b35;animation:prize-in .4s ease-out}.pinball-stage .win-panel small{font-size:8px;letter-spacing:3px;color:#d0b5a0}.pinball-stage .win-panel h2{font:700 32px Georgia,serif;color:#f2da95;letter-spacing:1px}.pinball-stage .win-panel strong{display:block;font:700 53px 'Courier New',monospace;color:#fff1bd;text-shadow:0 0 18px #f5c87855}.pinball-stage .win-panel>span{display:block;font-size:11px;letter-spacing:2px;margin:12px 0 25px;color:#ceafdc}.pinball-stage .win-panel button{background:linear-gradient(#eac685,#be8e49);border:1px solid #ffdf97;border-radius:8px;color:#29192a;font-weight:800;padding:13px 18px;font-size:11px}.pinball-stage .bonus-trigger{animation:bonus-flash .45s ease-in-out 4}@keyframes bonus-flash{50%{filter:brightness(1.7)}}@keyframes prize-in{from{transform:scale(.85);opacity:0}}@media(max-width:600px){.pinball-stage main{padding:0 8px 18px;margin:10px auto}.pinball-stage .draft-bar{font-size:7px;letter-spacing:1px}.pinball-stage .cabinet{padding:13px 10px 10px;border-radius:20px}.pinball-stage .marquee{gap:9px;padding-bottom:12px}.pinball-stage .marquee h1{font-size:28px;letter-spacing:0}.pinball-stage .marquee small{font-size:6px;letter-spacing:1.5px}.pinball-stage .marquee p{font-size:6px;letter-spacing:1px}.pinball-stage .marquee-star{font-size:19px}.pinball-stage .scoreboard{grid-template-columns:83px 1fr 83px;gap:5px;margin-bottom:10px}.pinball-stage .scoreboard>div{padding:8px 4px}.pinball-stage .scoreboard small{font-size:6px;letter-spacing:.5px}.pinball-stage .scoreboard strong{font-size:19px}.pinball-stage .round-status b{font-size:8px;line-height:1.3}.pinball-stage .round-status span{font-size:6px;letter-spacing:0}.pinball-stage .playfield-shell{border-radius:65px 65px 12px 12px}.pinball-stage .field-top{padding:10px 25px 7px;font-size:6px;letter-spacing:.5px}.pinball-stage .board{height:240px}.pinball-stage .peg{width:4px;height:4px}.pinball-stage .peg.bumper{width:8px;height:8px}.pinball-stage .ball{width:10px;height:10px}.pinball-stage .pockets{gap:1px;padding-bottom:6px}.pinball-stage .pocket{height:22px;font-size:7px}.pinball-stage .idle-sign b{font-size:12px;letter-spacing:1px}.pinball-stage .idle-sign small{font-size:8px}.pinball-stage .bonus-ledger{padding:7px;gap:6px}.pinball-stage .bonus-ledger>span{font-size:5px;letter-spacing:.4px}.pinball-stage .bonus-ledger b{font-size:7px;padding:3px}.pinball-stage .bonus-ledger>div{gap:3px}.pinball-stage .reel-deck{padding:8px 12px 6px}.pinball-stage .deck-label{font-size:5px;letter-spacing:.8px}.pinball-stage .reels{gap:6px}.pinball-stage .reel{height:99px;padding:4px}.pinball-stage .symbol{height:89px}.pinball-stage .symbol svg{width:64px;height:64px}.pinball-stage .reel-message{font-size:6px;letter-spacing:.8px}.pinball-stage .controls{grid-template-columns:1fr 78px 1fr;gap:10px;padding:12px 5px 6px}.pinball-stage .controls strong{font-size:18px}.pinball-stage .controls small,.pinball-stage .controls label{font-size:6px;letter-spacing:.8px}.pinball-stage .controls input{padding:7px;font-size:14px}.pinball-stage .spin{padding:14px 7px;font-size:12px;letter-spacing:1px}.pinball-stage .spin span{margin-left:3px}.pinball-stage .cabinet-footer{font-size:5px;letter-spacing:.6px;padding:5px 3px 0}.pinball-stage .win-panel h2{font-size:26px}.pinball-stage .win-panel strong{font-size:43px}}@media(prefers-reduced-motion:reduce){.pinball-stage *{animation:none!important}}

.pinball-stage{width:100%;max-width:820px;margin:auto;color:#f3ead3;font-family:Arial,sans-serif}.pinball-stage .cabinet{padding-bottom:14px}.pinball-stage .board{height:235px}.pinball-stage .cabinet-footer{padding-top:10px}.pinball-cover{position:relative;background:#21142f;overflow:hidden}.pinball-cover>img{display:block;width:100%;height:100%;object-fit:contain}.pinball-cover .mini-label{position:absolute;top:10px;left:12px;color:#e7d5a0;font-size:7px;letter-spacing:1px}#game-page[data-game="pinball"] .win-card{background:radial-gradient(ellipse at top,#5e325c,#170f27 75%);border:2px solid #d7b471;color:#fff1bd}@media(max-width:600px){.pinball-stage .board{height:225px}}

/* Compact cabinet: keep the board, reels and wager controls in view together. */
.pinball-stage{max-width:620px}
.pinball-stage .cabinet{padding:10px 12px 8px;border-radius:18px}
.pinball-stage .marquee{gap:12px;padding-bottom:8px}
.pinball-stage .marquee h1{font-size:30px;margin:4px 0}
.pinball-stage .marquee small{font-size:6px;letter-spacing:1.5px}
.pinball-stage .marquee p{font-size:6px;margin-top:4px;letter-spacing:1px}
.pinball-stage .marquee-star{font-size:20px}
.pinball-stage .scoreboard{grid-template-columns:95px 1fr 95px;margin-bottom:8px;gap:6px}
.pinball-stage .scoreboard>div{padding:6px}
.pinball-stage .scoreboard strong{font-size:21px;margin-top:3px}
.pinball-stage .round-status{gap:4px}
.pinball-stage .round-status b{font-size:9px}
.pinball-stage .field-top{padding:7px 30px 5px;font-size:6px}
.pinball-stage .board{height:clamp(120px,22vh,175px)}
.pinball-stage .pocket{height:19px;font-size:8px}
.pinball-stage .bonus-ledger{min-height:25px;padding:4px 9px}
.pinball-stage .reel-deck{margin-top:8px;padding:7px 14px 5px}
.pinball-stage .deck-label{margin-bottom:5px;font-size:6px}
.pinball-stage .reels{max-width:350px;gap:7px}
.pinball-stage .reel{height:82px;padding:4px}
.pinball-stage .symbol svg{width:55px;height:55px}
.pinball-stage .reel-message{margin-top:5px;font-size:6px;min-height:10px}
.pinball-stage .cabinet-footer{padding-top:6px;font-size:5px}
.pinball-cover .mini-label{display:none}
.collection-spotlight[data-route="pinball"]{background:radial-gradient(ellipse at center,#482965,#150f20)}
.collection-spotlight[data-route="pinball"][data-art="scene"] img{object-fit:contain;object-position:center;width:100%;height:100%;inset:0}
@media(max-width:600px){
 .pinball-stage{max-width:410px}
 .pinball-stage .cabinet{padding:8px 8px 7px;border-width:2px}
 .pinball-stage .marquee{gap:6px;padding-bottom:6px}
 .pinball-stage .marquee h1{font-size:23px}
 .pinball-stage .marquee p{font-size:5px}
 .pinball-stage .marquee-star{font-size:14px}
 .pinball-stage .scoreboard{grid-template-columns:69px 1fr 69px;gap:4px;margin-bottom:6px}
 .pinball-stage .scoreboard>div{padding:5px 3px}
 .pinball-stage .scoreboard strong{font-size:17px}
 .pinball-stage .round-status b{font-size:7px}
 .pinball-stage .round-status span{font-size:5px}
 .pinball-stage .board{height:clamp(105px,20vh,150px)}
 .pinball-stage .field-top{padding:6px 21px 4px;font-size:5px}
 .pinball-stage .peg{width:3px;height:3px}
 .pinball-stage .peg.bumper{width:6px;height:6px;border-width:1px}
 .pinball-stage .ball{width:8px;height:8px}
 .pinball-stage .pocket{font-size:6px;height:17px}
 .pinball-stage .bonus-ledger{min-height:23px;padding:4px 6px}
 .pinball-stage .bonus-ledger b{font-size:6px;padding:2px 3px}
 .pinball-stage .reel{height:68px;padding:3px}
 .pinball-stage .symbol svg{width:47px;height:47px}
 .pinball-stage .reel-deck{padding:6px 10px 4px;margin-top:6px}
 .pinball-stage .deck-label{font-size:4px;letter-spacing:.5px}
 .pinball-stage .cabinet-footer{font-size:4px;letter-spacing:.4px}
}
@media(max-height:600px){.pinball-stage .board{height:100px}.pinball-stage .marquee p,.pinball-stage .marquee small,.pinball-stage .cabinet-footer{display:none}.pinball-stage .reel{height:60px}.pinball-stage .symbol svg{width:43px;height:43px}}