/* SlotMadonna (riusa pill, overlay, coriandoli e scossa di ruota.css; modale premi di porchle.css) */
#slot{grid-template-columns:1fr;justify-items:center;gap:28px}
#slot .text{order:0!important;max-width:640px;text-align:center}
#slot .text p{margin-left:auto;margin-right:auto}
#slot .panel.sl{width:100%;max-width:760px}
.sl{position:relative;overflow:hidden;padding:20px;gap:0;align-items:stretch;justify-content:flex-start}
.sl .rm-win{position:fixed}
.sl .b2{background:var(--ink);color:var(--bg)}
.sl .b2[aria-pressed="true"]{background:var(--accent);color:var(--on-accent,#fff)}
.sl .btn:disabled{opacity:.45}
.sl-cab{position:relative;width:100%;max-width:520px;margin:4px auto 0;padding:14px 14px 12px;border-radius:26px;background:linear-gradient(160deg,#7a1f3d,#3b1030 60%,#22103a);box-shadow:0 0 0 3px #F5B301,0 0 0 7px #7a1f3d,0 14px 36px rgba(0,0,0,.35),inset 0 0 40px rgba(0,0,0,.45)}
.sl-lights{height:9px;margin:0 6px 8px;background:radial-gradient(circle,#ffe27a 36%,transparent 42%) 0 50%/20px 9px repeat-x;animation:sl-blink 1s steps(2) infinite}
.sl-lights.b{margin:10px 6px 0;animation-delay:-.5s}
.sl-mq{text-align:center;font:800 1.1rem/1 "Trebuchet MS",system-ui,sans-serif;letter-spacing:.2em;color:#F4D98B;text-shadow:0 0 12px #F5B301;margin-bottom:10px}
.sl-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;border-radius:18px;background:#120a1c;box-shadow:inset 0 0 22px #000}
.sl-reel{position:relative;display:grid;gap:4px;border-radius:12px;overflow:hidden;background:linear-gradient(#fff,#e7e1f1 50%,#fff);transition:box-shadow .2s}
.sl-reel.held{box-shadow:0 0 0 3px #F5B301,0 0 16px #F5B301}
.sl-reel.held::after{content:"🔒";position:absolute;top:3px;right:5px;font-size:1rem}
.sl-reel.roll .sl-c{animation:sl-roll .11s linear infinite;filter:blur(2px)}
.sl-c{position:relative;aspect-ratio:1;display:grid;place-items:center;font-size:clamp(2.3rem,11vw,4rem);line-height:1;user-select:none;-webkit-user-select:none}
.sl-c.stop{animation:sl-stop .38s cubic-bezier(.3,1.7,.5,1)}
.sl-c.w{z-index:1;background:radial-gradient(circle,#fff7cf,#ffd34e 75%);animation:sl-win .6s ease-in-out infinite alternate}
.sl-hold{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.sl-hold button{font:inherit;font-weight:700;font-size:.8rem;padding:6px;border-radius:999px;border:2px solid #F5B301;background:transparent;color:#F4D98B;cursor:pointer;transition:background-color .2s}
.sl-hold button.on{background:#F5B301;color:#1C2540}
.sl-hold button:disabled{opacity:.3;cursor:default}
.sl-pop{position:absolute;left:0;right:0;top:34%;z-index:5;text-align:center;pointer-events:none;font:800 2rem/1 "Trebuchet MS",system-ui,sans-serif;color:#F5B301;text-shadow:0 2px 0 #3b1030,0 0 14px #F5B301;animation:rm-float 1.3s ease-out forwards}
.sl-gam{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:8px auto 0;padding:12px;border:2px dashed var(--accent);border-radius:18px;background:var(--accent-soft)}
.sl-gam[hidden]{display:none}
.sl-gi{flex:1 1 100%;text-align:center;font-weight:600}
.sl-card{width:54px;height:76px;display:grid;place-items:center;border-radius:9px;border:2px solid #fff;font-size:2rem;color:#fff;background:repeating-linear-gradient(45deg,#7a1f3d,#7a1f3d 6px,#9b2c52 6px,#9b2c52 12px);box-shadow:0 4px 10px rgba(0,0,0,.25)}
.sl-card.flip{animation:sl-flip .5s ease-out;background:#fff}
.sl-card.r{color:#E5484D}
.sl-card.n{color:#1C2540}
.sl-ctrl{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:6px 0 4px}
.sl-bet{display:flex;align-items:center;gap:6px}
.sl-bet .btn{padding:8px 14px}
.sl-ctrl .btn{font-size:.9rem;padding:9px 16px}
.sl-ctrl .sl-go{font-size:1.3rem;padding:13px 40px;letter-spacing:.08em;background:linear-gradient(135deg,#E5484D,#F5B301);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 5px 0 #8c1c25;animation:rm-pulse 1.8s ease-out infinite}
.sl-ctrl .sl-go:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 #8c1c25}
.sl-ctrl .sl-go:disabled{animation:none}
.sl-ctrl .sl-free{animation:rm-pulse 1.5s ease-out infinite}
.sl-big{font:800 2.2rem/1.1 "Trebuchet MS",system-ui,sans-serif;color:var(--accent)!important;margin:4px 0 14px!important;font-variant-numeric:tabular-nums}
.sl-cands{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:340px;margin:12px auto}
.sl-cand{aspect-ratio:1;display:grid;place-items:center;font-size:1.8rem;border-radius:16px;border:2px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;transition:transform .2s,background-color .2s}
.sl-cand:hover:not(.open){transform:translateY(-3px) rotate(-4deg);border-color:var(--accent)}
.sl-cand.open{cursor:default;background:var(--sun);border-color:var(--sun);color:#1C2540;font:800 1.1rem "Trebuchet MS",system-ui,sans-serif;animation:rm-cpop .45s cubic-bezier(.2,1.6,.4,1) both}
.sl-cand.dim{opacity:.45}
.sl-ww{position:relative;width:min(68vw,260px);margin:22px auto 16px}
.sl-ww::before{content:"▼";position:absolute;left:50%;top:-20px;transform:translateX(-50%);font-size:1.8rem;line-height:1;color:#E5484D;z-index:2;text-shadow:0 2px 0 #fff}
.sl-wheel{position:relative;width:100%;aspect-ratio:1;border-radius:50%;border:6px solid #F5B301;box-shadow:0 8px 24px rgba(0,0,0,.3);transition:transform 4.5s cubic-bezier(.12,.7,.1,1)}
.sl-wl{position:absolute;inset:0;transform:rotate(var(--a));text-align:center;padding-top:9%;font:800 .95rem/1 "Trebuchet MS",system-ui,sans-serif;color:#1C2540}
.sl-coin{position:absolute;top:-30px;z-index:25;pointer-events:none;font-size:1.7rem;animation:sl-fall 1.7s ease-in forwards}
.sl-pt{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:8px;text-align:left;padding:6px 0;border-bottom:1px solid var(--ml);font-size:.9rem}
.sl-pt span{font-size:1.5rem;text-align:center}
.sl-pt i{font-style:normal;opacity:.8;font-size:.8rem}
.sl-ptn{margin:12px 0 0;font-size:.82rem;opacity:.85;line-height:1.4}
@keyframes sl-blink{50%{opacity:.3}}
@keyframes sl-roll{from{transform:translateY(-16%)}to{transform:translateY(16%)}}
@keyframes sl-stop{from{transform:translateY(-32%)}}
@keyframes sl-win{from{transform:scale(1);box-shadow:inset 0 0 0 transparent}to{transform:scale(1.13);box-shadow:inset 0 0 18px #F5B301}}
@keyframes sl-flip{from{transform:rotateY(90deg)}to{transform:none}}
@keyframes sl-fall{to{transform:translateY(760px) rotate(540deg);opacity:.2}}
@media (max-width:480px){.sl{padding:14px}.sl-ctrl .sl-go{padding:12px 30px}}

/* ===== SlotMadonna v2: estetica, linee di pagamento, effetti, negozio ===== */
.sl-cab{background:linear-gradient(160deg,#8a2347,#3b1030 55%,#1d0f3d);box-shadow:0 0 0 3px #F5B301,0 0 0 8px #7a1f3d,0 0 0 10px #F5B301,0 18px 44px rgba(0,0,0,.45),inset 0 0 50px rgba(0,0,0,.5);transition:background .4s}
.sl-cab::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 55% at 50% -8%,rgba(255,255,255,.2),transparent 60%);pointer-events:none}
.sl-cab[data-skin=oro]{background:linear-gradient(160deg,#b8861b,#6b4a0a 60%,#2b1d03);box-shadow:0 0 0 3px #fff3b0,0 0 0 8px #b8860b,0 0 0 10px #fff3b0,0 18px 44px rgba(0,0,0,.45),inset 0 0 50px rgba(0,0,0,.5)}
.sl-cab[data-skin=neon]{background:linear-gradient(160deg,#10163a,#0a0a1f 60%,#1a0836);box-shadow:0 0 0 3px #19f0ff,0 0 0 8px #ff2bd6,0 0 28px #19f0ff,0 0 60px rgba(255,43,214,.45),inset 0 0 50px rgba(0,0,0,.6);animation:sl-neon 2.2s ease-in-out infinite alternate}
.sl-cab[data-skin=cielo]{background:linear-gradient(160deg,#79b2ff,#bcdcff 55%,#fff5d6);box-shadow:0 0 0 3px #fff,0 0 0 8px #79b2ff,0 0 0 10px #fff,0 18px 44px rgba(40,90,160,.4),inset 0 0 40px rgba(255,255,255,.5)}
.sl-cab[data-skin=cielo] .sl-mq{color:#1C2540;text-shadow:0 0 10px #fff}
.sl-cab[data-skin=neon] .sl-mq{color:#19f0ff;text-shadow:0 0 14px #19f0ff,0 0 28px #ff2bd6}
.sl-mq{animation:sl-glow 1.4s ease-in-out infinite alternate}
.sl-reels{position:relative;background:linear-gradient(#0c0614,#1a0d2e);box-shadow:inset 0 0 26px #000,0 0 0 2px rgba(245,179,1,.55)}
.sl-reels::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:6;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 24%,transparent 76%,rgba(0,0,0,.38))}
.sl-reel{background:linear-gradient(90deg,#d6cde8,#fff 20%,#fff 80%,#d6cde8)}
.sl-c{filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}
.sl-c.w{background:radial-gradient(circle,#fffbe0,#ffd34e 70%);animation:sl-win .45s ease-in-out infinite alternate}
.sl-reel.near{box-shadow:0 0 0 3px #ff4d6d,0 0 30px #ff4d6d;animation:sl-near .22s linear infinite alternate}
.sl-cab.fl{animation:sl-fl .6s ease-out}
.sl-lines{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none;overflow:visible}
.sl-lg{fill:none;stroke-width:10;opacity:.4;stroke-linecap:round;stroke-linejoin:round;filter:blur(4px)}
.sl-ln{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1500;stroke-dashoffset:1500;animation:sl-draw .7s ease-out forwards,sl-lp .5s .7s ease-in-out infinite alternate}
.sl-sp{position:absolute;z-index:8;pointer-events:none;font-style:normal;font-size:1.1rem;color:#fff3a0;text-shadow:0 0 8px #F5B301;transform:translate(-50%,-50%);animation:sl-sp .85s ease-out forwards}
.sl-buffs:empty{display:none}
.sl-buffs{font-weight:700}
#sl-win{overflow:hidden}
#sl-win::before{content:"";position:absolute;inset:-60%;background:repeating-conic-gradient(rgba(245,179,1,.2) 0 10deg,transparent 10deg 20deg);animation:sl-rot 14s linear infinite;pointer-events:none}
#sl-win>*{position:relative;z-index:1}
#sl-win .rm-we{animation:sl-bounce .7s ease-in-out infinite alternate}
.sl-sh{display:grid;grid-template-columns:2.4rem 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(128,128,128,.3);text-align:left}
.sl-sh>span{font-size:1.7rem;text-align:center}
.sl-sh small{display:block;opacity:.75;font-size:.78rem;line-height:1.25}
.sl-sh .btn{padding:7px 12px;font-size:.85rem;white-space:nowrap}
.sl-shh{margin:4px 0 8px;font-size:.88rem;opacity:.9}
.sl-shs{margin:14px 0 2px;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7;text-align:left}
@keyframes sl-draw{to{stroke-dashoffset:0}}
@keyframes sl-lp{from{opacity:.65}to{opacity:1}}
@keyframes sl-sp{to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2) rotate(180deg);opacity:0}}
@keyframes sl-fl{0%{filter:brightness(1.9) saturate(1.5)}100%{filter:none}}
@keyframes sl-near{from{filter:brightness(1)}to{filter:brightness(1.45)}}
@keyframes sl-glow{from{text-shadow:0 0 6px #F5B301}to{text-shadow:0 0 20px #F5B301,0 0 34px #E5484D}}
@keyframes sl-neon{from{filter:brightness(.92)}to{filter:brightness(1.15)}}
@keyframes sl-rot{to{transform:rotate(360deg)}}
@keyframes sl-bounce{to{transform:translateY(-10px) scale(1.12)}}

/* ===== SlotMadonna v3: macchine (t0 scarsa → t3 lusso), negozio incrementale ===== */
.sl-cab[data-skin=t0]{background:linear-gradient(160deg,#6a6a6a,#444 60%,#2a2a2a);box-shadow:0 0 0 3px #9a9a9a,0 0 0 7px #4a4a4a,0 10px 18px rgba(0,0,0,.4),inset 0 0 40px rgba(0,0,0,.55);filter:saturate(.55)}
.sl-cab[data-skin=t0] .sl-mq{color:#bbb;text-shadow:none;animation:none;letter-spacing:.12em;font-size:1rem}
.sl-cab[data-skin=t0] .sl-lights{animation-duration:3s;opacity:.5}
.sl-cab[data-skin=t0] .sl-reel{background:linear-gradient(#cfcfc4,#b9b9ae)}
.sl-cab[data-skin=t2]{background:linear-gradient(160deg,#117a43,#07412a 60%,#03170d);box-shadow:0 0 0 3px #ffd34e,0 0 0 8px #b3122b,0 0 0 10px #ffd34e,0 0 26px rgba(255,211,78,.35),0 18px 44px rgba(0,0,0,.45),inset 0 0 50px rgba(0,0,0,.5)}
.sl-cab[data-skin=t2] .sl-mq{color:#ffd34e;text-shadow:0 0 12px #ff3b3b}
.sl-cab[data-skin=t2] .sl-lights{animation-duration:.6s}
.sl-cab[data-skin=t3]{background:linear-gradient(160deg,#2a2112,#080604 55%,#1a1408);box-shadow:0 0 0 3px #fff1b8,0 0 0 7px #c9a227,0 0 0 10px #fff1b8,0 0 40px rgba(245,179,1,.55),0 20px 50px rgba(0,0,0,.6),inset 0 0 50px rgba(0,0,0,.7)}
.sl-cab[data-skin=t3]::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,241,184,.28) 50%,transparent 60%) 0 0/250% 100%;animation:sl-shine 3.5s linear infinite}
.sl-cab[data-skin=t3] .sl-mq{color:#fff1b8;text-shadow:0 0 14px #F5B301,0 0 30px #F5B301;letter-spacing:.28em}
.sl-cab[data-skin=t3] .sl-reel{background:linear-gradient(90deg,#e6dbb8,#fffdf2 20%,#fffdf2 80%,#e6dbb8)}
.sl-cab[data-skin=t3] .sl-reels{box-shadow:inset 0 0 26px #000,0 0 0 2px #F5B301,0 0 18px rgba(245,179,1,.5)}
#sl[data-tier="3"]{border-color:#F5B301;box-shadow:0 0 40px rgba(245,179,1,.25)}
.sl-shopm{max-height:88vh;overflow-y:auto}
.sl-sh i{font-style:normal;font-size:.75rem;opacity:.7;margin-left:6px;font-weight:400}
@keyframes sl-shine{from{background-position:150% 0}to{background-position:-100% 0}}

/* spazio tra la cabina e la barra di crediti/pulsanti */
.sl .rm-hud{margin-top:28px;row-gap:10px}
.sl .sl-gam{margin-top:18px}

/* pubblicità finta quando finiscono i crediti */
.sl-ad{margin:10px auto 12px;padding:14px;max-width:300px;border:2px dashed #F5B301;border-radius:16px;background:linear-gradient(160deg,#fff7e0,#ffe2b0);color:#3b1030;text-align:center}
.sl-ad small{display:block;font-size:.65rem;letter-spacing:.08em;opacity:.7}
.sl-ade{font-size:2.6rem;margin:6px 0}
.sl-adp{height:8px;margin-top:10px;border-radius:4px;background:rgba(0,0,0,.15);overflow:hidden}
.sl-adp i{display:block;height:100%;width:0;background:#E5484D;transition:width 5s linear}

/* ===== Layout compatto della slot ===== */
#slot{gap:12px}
#slot .screen,#slot.screen{padding-top:8px;padding-bottom:8px}
#slot .text h2{font-size:1.7rem;margin-bottom:6px}
#slot .text p{margin-bottom:0;font-size:.92rem}
.sl .dd-note{font-size:.72rem;margin-top:8px}
.sl .rm-rec{margin:8px 0 0}
@media (min-width:821px){
 /* su desktop: cabina a sinistra, comandi a destra, così non serve scorrere */
 #slot .panel.sl{max-width:1000px;min-height:0}
 .sl{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);column-gap:24px;align-items:start;align-content:center}
 .sl>.sl-cab{grid-column:1;grid-row:1/span 20;align-self:center;margin:0;max-width:none}
 .sl>:not(.sl-cab){grid-column:2}
 .sl .rm-hud{margin-top:0}
 .sl .sl-gam{margin-top:0}
 .sl .sl-ctrl{justify-content:flex-start}
}

/* finestra vincite/bonus/pubblicità: ora sta nel body, a tutto schermo e centrata */
body>#sl-win{position:fixed;inset:0;z-index:99980;overflow:hidden;background:rgba(10,5,20,.78)}
body>#sl-win[hidden]{display:none}
body>#sl-win:not([hidden]){display:grid;place-items:center;padding:16px}
#sl-win .b2{background:var(--ink);color:var(--bg)}
#sl-win .btn:disabled{opacity:.45}
/* slider del volume (0-20) */
.sl-vol{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}
.sl-vi{font-size:1.1rem;line-height:1;width:1.4em;text-align:center}
.sl-vol input{-webkit-appearance:none;appearance:none;width:110px;height:6px;margin:0;border-radius:3px;cursor:pointer;background:linear-gradient(to right,var(--accent) var(--p,20%),var(--line) var(--p,20%))}
.sl-vol input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.sl-vol input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.sl-vol input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}