.magic-pinball-game{--mp-ink:#26375f;--mp-blue:#598cff;--mp-violet:#986ee9;--mp-gold:#f5b941;--mp-mint:#64d8c1}
.magic-pinball-card{overflow:hidden;background:linear-gradient(145deg,#fffdf8 0%,#eefaff 44%,#faf1ff 100%)!important;border-color:#b9d9ef!important;box-shadow:0 22px 60px rgba(70,111,166,.2)!important}
.magic-pinball-title{align-items:flex-start}
.magic-pinball-title small{color:#35215f!important;font-size:13px!important;font-weight:950!important;letter-spacing:1.15px;text-shadow:0 1px 0 #fff}
.magic-pinball-title h3{color:#092454!important;max-width:720px;font-size:25px!important;font-weight:950!important;line-height:1.18;text-wrap:balance}
.magic-pinball-badge{background:linear-gradient(135deg,#fff1b8,#e9ddff)!important;color:#634693!important;border:1px solid #ddc6ff}
.magic-pinball-tables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0 10px}
.magic-pinball-tables button{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon text";column-gap:9px;align-items:center;min-height:62px;padding:9px 12px;border:1px solid #cbd9eb;border-radius:15px;background:rgba(255,255,255,.74);color:#35466e;text-align:left;font:inherit;cursor:pointer;box-shadow:0 7px 18px rgba(68,98,142,.08);transition:.18s ease}
.magic-pinball-tables button:hover{transform:translateY(-1px);border-color:#a68be0}
.magic-pinball-tables button.active{border-color:#8d73d4;background:linear-gradient(145deg,#fff8d8,#eee7ff);box-shadow:0 0 0 2px rgba(141,115,212,.13),0 9px 20px rgba(83,69,143,.13)}
.magic-pinball-tables button:nth-child(1){background:linear-gradient(145deg,#f8fdff,#e9f5ff 54%,#f3e9ff);border-color:#b6cce7}
.magic-pinball-tables button:nth-child(2){background:linear-gradient(145deg,#102832,#173f39 58%,#2d2148);border-color:#55aa89;color:#effff8}
.magic-pinball-tables button:nth-child(2) small{color:#b9ead4}
.magic-pinball-tables button:nth-child(3){background:linear-gradient(135deg,#fff176,#ff8bc8 43%,#9780ff 72%,#49e6dc);border-color:#a14ec6;color:#38225f}
.magic-pinball-tables button:nth-child(1).active{background:linear-gradient(145deg,#ffffff,#dff7ff 52%,#eee2ff)}
.magic-pinball-tables button:nth-child(2).active{background:linear-gradient(145deg,#0a1c27,#17604d 56%,#42256c);border-color:#7bf2ba;box-shadow:0 0 0 2px rgba(90,224,166,.2),0 9px 22px rgba(16,53,48,.28)}
.magic-pinball-tables button:nth-child(3).active{background:linear-gradient(135deg,#fff35f,#ff68b9 42%,#795fff 74%,#32dfd4);border-color:#7333b6;box-shadow:0 0 0 2px rgba(128,65,199,.2),0 9px 22px rgba(149,50,158,.2)}
.magic-pinball-tables span{grid-area:icon;font-size:25px}
.magic-pinball-tables b{grid-area:title;font-size:15px;font-weight:950;line-height:1.15}
.magic-pinball-tables small{grid-area:text;color:#344564;font-size:12px;font-weight:800;line-height:1.25}
.magic-pinball-scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px auto 10px;max-width:800px;padding:10px;border:3px solid #7459bd;border-radius:18px;background:linear-gradient(145deg,#182951,#34275f 55%,#123f59);box-shadow:0 12px 28px rgba(48,55,104,.3),inset 0 0 0 1px rgba(255,255,255,.2)}
.magic-pinball-scoreboard article{display:grid;gap:4px;place-items:center;min-height:72px;padding:9px 6px;border:1px solid rgba(228,238,255,.44);border-radius:12px;background:rgba(3,12,34,.58);text-align:center}
.magic-pinball-scoreboard small{color:#fff!important;font-size:12px;font-weight:950;letter-spacing:.75px;text-shadow:0 2px 3px #000}
.magic-pinball-scoreboard strong{color:#fff07a!important;font:950 29px "Space Grotesk",Inter,sans-serif;letter-spacing:.15px;text-shadow:0 2px 3px #000,0 0 16px rgba(255,225,90,.58)}
.magic-pinball-magic{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;margin:8px auto 12px;max-width:800px;padding:10px 12px;border:1px solid #d4c9ee;border-radius:15px;background:rgba(255,255,255,.72)}
.magic-pinball-magic>span{font-size:22px;filter:drop-shadow(0 3px 5px rgba(103,72,177,.25))}
.magic-pinball-meter{height:14px;border-radius:999px;background:#e7eaf3;overflow:hidden;box-shadow:inset 0 1px 3px rgba(55,68,97,.15)}
.magic-pinball-meter i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6ad9c3,#5c95ff 47%,#a972ef 78%,#ffd269);box-shadow:0 0 16px rgba(112,104,231,.7);transition:width .18s ease}
.magic-pinball-magic b{min-width:58px;color:#271255;text-align:right;font-size:15px;font-weight:950}
.magic-pinball-magic small{color:#233957;font-size:13px;font-weight:950;white-space:nowrap}
.magic-pinball-stage{position:relative;width:min(100%,800px);margin:0 auto;border:1px solid #cbd9ed;border-radius:28px;padding:10px;background:linear-gradient(155deg,#d9f3ff,#fff9de 45%,#eee1ff);box-shadow:0 20px 50px rgba(65,101,153,.22);overflow:hidden}
.magic-pinball-stage:before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.8);border-radius:24px;pointer-events:none;z-index:2}
#magicPinballCanvas{display:block;width:100%;height:auto;aspect-ratio:4/5.3;border-radius:20px;background:#f7fbff;touch-action:none}
.magic-pinball-overlay{position:absolute;inset:10px;z-index:5;display:grid;place-content:center;text-align:center;padding:24px;border-radius:20px;color:#2a3a65;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(235,249,255,.92),rgba(248,239,255,.93));backdrop-filter:blur(8px)}
.magic-pinball-overlay[hidden]{display:none}
.magic-pinball-overlay>span{font-size:62px;filter:drop-shadow(0 10px 14px rgba(111,85,180,.3))}
.magic-pinball-overlay h4{font-size:28px;margin:8px 0 5px;color:#3a4778}
.magic-pinball-overlay p{max-width:520px;margin:0 auto 16px;color:#65708e}
.magic-pinball-overlay .btn{justify-self:center}
.magic-pinball-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:14px auto 6px;max-width:800px}
.magic-pinball-flipper,.magic-pinball-launch,.magic-pinball-spell{min-height:68px;border:1px solid #c4d3e8;border-radius:18px;background:linear-gradient(145deg,#fff,#edf7ff);color:#31436d;font:inherit;font-size:14px;font-weight:800;line-height:1.1;cursor:pointer;box-shadow:0 8px 20px rgba(66,100,143,.13);touch-action:none;user-select:none;-webkit-user-select:none}
.magic-pinball-flipper span,.magic-pinball-launch span,.magic-pinball-spell span{display:block;font-size:25px;margin-bottom:4px}
.magic-pinball-flipper.active{transform:translateY(2px);background:linear-gradient(145deg,#e5dcff,#fff1bb);box-shadow:inset 0 3px 8px rgba(68,64,112,.14)}
.magic-pinball-center-controls{display:grid;grid-template-columns:repeat(2,minmax(88px,1fr));gap:8px}
.magic-pinball-launch{background:linear-gradient(145deg,#fff4b8,#ffe2a6);border-color:#eccb73;color:#704e2a}
.magic-pinball-spell{background:linear-gradient(145deg,#ede3ff,#dff7ff);border-color:#c2adee;color:#59428e}
.magic-pinball-spell.ready{animation:magicPinballReady 1s ease-in-out infinite alternate;box-shadow:0 0 24px rgba(135,96,226,.45)}
@keyframes magicPinballReady{to{transform:translateY(-2px);filter:saturate(1.25) brightness(1.05)}}
.magic-pinball-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:11px 0 0}
.magic-pinball-status{margin:9px 0 2px!important;text-align:center;color:#304661!important;font-size:14px!important;font-weight:850;line-height:1.4}
.magic-pinball-help{display:none;margin:12px 0 0;padding:12px 14px;border:1px solid #d8d9eb;border-radius:14px;background:rgba(255,255,255,.9);color:#344a68;font-size:14px;font-weight:650;line-height:1.5}
.magic-pinball-help.show{display:block}
.magic-pinball-help b{color:#3f4777}
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-card{background:linear-gradient(145deg,#173a57,#203f62 50%,#3b315f)!important;border-color:#7194af!important}
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-title h3{color:#f6f9ff!important;text-shadow:0 2px 3px rgba(0,0,0,.45)}
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-scoreboard strong{color:#fff1a0!important}
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-title small,
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-scoreboard small{color:#fff!important;text-shadow:0 2px 3px #000}
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-scoreboard article,
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-magic,
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-help{background:rgba(13,35,55,.74)!important;border-color:#65829c!important;color:#d8e8f3!important}
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-tables button{background:rgba(21,52,77,.78);border-color:#64849d;color:#fff}
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-tables button.active{background:linear-gradient(145deg,#486145,#514270);border-color:#c0a8f3}
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-tables small{color:#d8e8f3}
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-magic b,
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-magic small,
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-status{color:#f0f6ff!important;text-shadow:0 1px 2px rgba(0,0,0,.55)}
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-tables button:nth-child(1){background:linear-gradient(145deg,#dff8ff,#cfe8ff 54%,#eadfff);border-color:#9cbadc;color:#263b61}
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-tables button:nth-child(1) small{color:#526886}
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-tables button:nth-child(2){background:linear-gradient(145deg,#071b25,#165044 58%,#352054);border-color:#64d9a8;color:#f1fff9}
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-tables button:nth-child(3){background:linear-gradient(135deg,#fff176,#ff79c2 43%,#896cff 72%,#42ded7);border-color:#bc61de;color:#34205b}
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-tables button:nth-child(3) small{color:#553b73}
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-stage{background:linear-gradient(155deg,#315f75,#64568b 52%,#6a5530);border-color:#82a5bd}
body.dark-mode #moduleModal.nova-games-modal .magic-pinball-flipper{background:linear-gradient(145deg,#244b69,#355679);border-color:#6f91aa;color:#fff}
@media(max-width:760px){
 .magic-pinball-card{padding:10px!important;border-radius:16px!important}
 .magic-pinball-title{display:flex!important}
 .magic-pinball-title h3{font-size:20px!important}
 .magic-pinball-badge{font-size:9px!important}
 .magic-pinball-tables{display:flex;gap:6px;overflow-x:auto;padding:1px 1px 5px;scroll-snap-type:x proximity}
 .magic-pinball-tables button{flex:0 0 172px;min-height:54px;padding:7px 9px;scroll-snap-align:start}
 .magic-pinball-tables span{font-size:21px}
 .magic-pinball-tables b{font-size:13px}
 .magic-pinball-tables small{font-size:11px}
 .magic-pinball-scoreboard{gap:5px;margin:8px 0 7px;padding:6px;border-radius:14px}
 .magic-pinball-scoreboard article{padding:6px 2px;min-height:54px}
 .magic-pinball-scoreboard small{font-size:8px;letter-spacing:.2px}
 .magic-pinball-scoreboard strong{font-size:20px}
 .magic-pinball-magic{grid-template-columns:auto 1fr auto;padding:7px 9px;margin:6px 0 8px}
 .magic-pinball-magic b{font-size:12px}
 .magic-pinball-magic small{grid-column:1/-1;text-align:center;font-size:11px}
 .magic-pinball-stage{width:min(100%,560px);padding:6px;border-radius:19px}
 #magicPinballCanvas{border-radius:14px}
 .magic-pinball-overlay{inset:6px;border-radius:14px;padding:16px}
 .magic-pinball-overlay>span{font-size:46px}
 .magic-pinball-overlay h4{font-size:21px}
 .magic-pinball-controls{position:sticky;bottom:4px;z-index:7;grid-template-columns:1fr auto 1fr;gap:6px;margin:7px auto 3px;padding:5px;border:1px solid rgba(178,195,220,.82);border-radius:17px;background:rgba(246,251,255,.92);backdrop-filter:blur(8px)}
 .magic-pinball-flipper,.magic-pinball-launch,.magic-pinball-spell{min-height:55px;border-radius:13px;font-size:10px}
 .magic-pinball-flipper span,.magic-pinball-launch span,.magic-pinball-spell span{font-size:20px}
 .magic-pinball-center-controls{grid-template-columns:repeat(2,minmax(62px,1fr));gap:5px}
 .magic-pinball-actions{margin-top:7px}
 .magic-pinball-status{font-size:12px!important}
}
@media(max-width:430px){
 .magic-pinball-title .game-live-badge{display:none}
 .magic-pinball-flipper b{display:none}
 .magic-pinball-center-controls{grid-template-columns:1fr 1fr}
}
@media(max-width:360px){
 .magic-pinball-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}
 .magic-pinball-scoreboard small{font-size:9px}
}