:root{
  --bg:#120317;--panel:#23072e;--purple:#8d20cf;--pink:#ff36d1;--gold:#ffd15c;--gold2:#ff9a19;
  --white:#fff9ef;--muted:#d9cbe0;--green:#69f7b2;--danger:#ff5f72;
}
*{box-sizing:border-box}html,body{margin:0;height:100%;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#09010c;color:var(--white);overflow:hidden} body{overscroll-behavior:none}
button{font:inherit}.screen{display:none;min-height:100vh;height:100vh;overflow:hidden}.screen.active{display:flex}.glass{background:linear-gradient(180deg,rgba(40,8,53,.9),rgba(18,3,24,.92));backdrop-filter:blur(14px);border:1px solid rgba(255,209,92,.35);box-shadow:0 20px 70px rgba(0,0,0,.55),inset 0 0 30px rgba(255,54,209,.08)}
.home-screen{position:relative;align-items:center;justify-content:center;padding:28px;background:url('img/hero-v2.webp') center/cover no-repeat}.home-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,0,13,.76),rgba(8,0,13,.22) 52%,rgba(8,0,13,.63)),linear-gradient(0deg,rgba(8,0,13,.82),transparent 65%)}
.home-panel{position:relative;width:min(640px,94vw);margin-left:min(2vw,30px);margin-right:auto;border-radius:28px;padding:30px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.2em;color:var(--gold)}h1{font-size:clamp(34px,6vw,72px);line-height:.92;margin:12px 0 18px;text-transform:uppercase;text-shadow:0 3px 0 #6c1e19,0 0 30px rgba(255,54,209,.48)}.home-panel p{font-size:clamp(16px,2vw,20px);line-height:1.5;color:#f7eefa;max-width:620px}.home-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.btn{border:0;border-radius:14px;padding:15px 22px;font-weight:950;cursor:pointer;letter-spacing:.04em}.btn-primary{color:#2b0b13;background:linear-gradient(#fff2a3,#ffc13c 55%,#ff8e1b);box-shadow:0 5px 0 #8f4313,0 0 28px rgba(255,193,60,.25)}.btn-secondary{color:#fff;background:linear-gradient(#9e37df,#6515a0);box-shadow:0 5px 0 #37105d}.btn:active{transform:translateY(3px);box-shadow:none}.home-rules{display:flex;gap:8px;flex-wrap:wrap}.home-rules span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:800}.home-panel small{display:block;margin-top:18px;color:#cbbbd3}
.game-screen{flex-direction:column;background:#100214 url('img/casino-bg-v2.webp') center top/cover fixed no-repeat;position:relative;overflow:hidden}.game-screen:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(9,0,14,.27),rgba(9,0,14,.66));pointer-events:none}.topbar{position:relative;z-index:20;display:flex;align-items:center;gap:12px;padding:8px 14px;background:rgba(12,1,18,.82);border-bottom:1px solid rgba(255,209,92,.3);backdrop-filter:blur(12px)}.brand-mini{font-size:14px;font-weight:900;letter-spacing:.05em;white-space:nowrap}.brand-mini strong{color:var(--gold)}.hud{display:flex;gap:8px;margin-left:auto}.hud-box{min-width:82px;padding:5px 9px;border-radius:10px;background:linear-gradient(#35103f,#1c0624);border:1px solid rgba(255,209,92,.32);text-align:center}.hud-box span{display:block;color:#d6b8dd;font-size:9px;font-weight:900;letter-spacing:.12em}.hud-box strong{display:block;color:var(--gold);font-size:16px}.top-actions{display:flex;gap:7px}.icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,209,92,.35);background:#2a0b34;color:#fff;font-size:18px;font-weight:900;cursor:pointer}.icon-btn.off{opacity:.45}
.casino-stage{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:8px;overflow:hidden}.machine-fit{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.machine-shell{transform-origin:center center;will-change:transform}.machine-shell{width:min(920px,94vw);padding:14px 18px 16px;border-radius:30px;background:radial-gradient(circle at 50% 0,rgba(151,43,190,.35),transparent 40%),linear-gradient(180deg,rgba(38,6,50,.94),rgba(17,3,22,.97));border:3px solid #c48824;box-shadow:0 0 0 5px #6c2c85,0 0 0 8px #ffc43b,0 24px 60px #000,inset 0 0 36px rgba(255,54,209,.18);position:relative}.machine-title{text-align:center;font-weight:1000;font-size:clamp(20px,2.2vw,30px);letter-spacing:.025em;color:#ffe898;text-shadow:0 2px 0 #8f3f0f,0 0 18px #ff39d7;padding:0 125px;white-space:nowrap}.jackpot-label{position:absolute;right:20px;top:14px;text-align:right}.jackpot-label span{display:block;font-size:9px;letter-spacing:.12em;color:#e9c7f0;font-weight:900}.jackpot-label strong{font-size:19px;color:var(--gold)}
.reels{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;gap:6px;margin:14px auto 12px}.plus{text-align:center;font-size:30px;font-weight:1000;color:#fff;text-shadow:0 0 14px var(--pink)}.reel{height:216px;border-radius:20px;padding:8px;background:linear-gradient(145deg,#ffc849,#7b3613 20%,#fff0a6 48%,#8a4317 76%,#ffd65e);box-shadow:0 0 20px rgba(255,54,209,.55)}.reel-card{height:100%;min-width:0;border-radius:15px;background:linear-gradient(#fdf9ff,#ead9f6);color:#26072f;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;overflow:hidden;position:relative}.reel-card>img{display:block;object-fit:contain;}.reel-card.spinning{animation:reelBlur .12s linear infinite}.symbol-emoji{font-size:58px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.22))}.symbol-label{margin-top:8px;font-size:clamp(14px,1.7vw,20px);font-weight:1000;line-height:1.05;text-transform:uppercase}.symbol-type{font-size:9px;letter-spacing:.16em;font-weight:900;color:#8d5d9b;margin-bottom:4px}.symbol-art{width:92px!important;height:92px!important;max-width:92px!important;max-height:92px!important;object-fit:contain!important;display:block!important;flex:0 0 92px;margin:2px auto 4px;border-radius:10px;background:#fff;filter:drop-shadow(0 4px 7px rgba(0,0,0,.12))}.jackpot-symbol img{width:78%;max-height:152px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(70,0,80,.3))}.jackpot-symbol .symbol-label{color:#a31071}.result-panel{border-radius:18px;padding:12px 16px;background:rgba(6,0,10,.78);border:1px solid rgba(255,209,92,.3);text-align:center}.result-kicker{font-size:12px;letter-spacing:.14em;font-weight:1000;color:var(--gold)}.result-text{font-size:clamp(15px,2vw,20px);font-weight:900;line-height:1.2;margin:6px auto 10px}.score-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.score-row>div{min-width:150px;padding:7px 10px;border-radius:12px;background:#24092d}.score-row span{display:block;font-size:9px;letter-spacing:.12em;color:#cbb4d2;font-weight:900}.score-row strong{font-size:21px;color:var(--green)}
.controls{display:grid;grid-template-columns:190px 1fr 86px;gap:12px;align-items:center;margin-top:14px}.coin-btn,.spin-btn,.lever{border:0;cursor:pointer}.coin-btn{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;border-radius:16px;padding:8px 12px;background:linear-gradient(#622a79,#321040);color:#fff;border:1px solid rgba(255,209,92,.35);box-shadow:0 5px 0 #17051e}.coin-btn img{grid-row:1/3;width:42px;height:42px;object-fit:contain}.coin-btn span{font-weight:1000;font-size:12px}.coin-btn small{color:#ffd15c;font-weight:900}.coin-btn:disabled{filter:grayscale(1);opacity:.45;cursor:not-allowed}.spin-btn{height:62px;border-radius:22px;color:#fff;font-weight:1000;font-size:clamp(17px,2.7vw,25px);letter-spacing:.04em;background:linear-gradient(#ff61df,#b4149b 55%,#6e0f79);border:3px solid #ffd767;box-shadow:0 6px 0 #4f0b57,0 0 24px rgba(255,54,209,.5),inset 0 0 18px rgba(255,255,255,.35);text-shadow:0 2px 0 #601151}.spin-btn:disabled{filter:grayscale(1);opacity:.42;cursor:not-allowed;box-shadow:none}.lever{height:76px;background:transparent;position:relative}.lever-stick{position:absolute;left:38px;bottom:9px;width:10px;height:50px;border-radius:8px;background:linear-gradient(90deg,#777,#fff,#8c8c8c);transform:rotate(-12deg);transform-origin:bottom}.lever-ball{position:absolute;left:28px;top:2px;width:33px;height:33px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,#ff5d70 12%,#a60025 58%,#3a000c);box-shadow:0 0 17px #ff2e5c}.lever:enabled:hover .lever-stick{transform:rotate(5deg)}.lever:disabled{opacity:.4;cursor:not-allowed}.status-line{text-align:center;margin-top:10px;color:#dbc7df;font-size:11px;font-weight:700}
@keyframes reelBlur{0%{transform:translateY(-5px);filter:blur(1px)}50%{transform:translateY(6px);filter:blur(3px)}100%{transform:translateY(-5px);filter:blur(1px)}}.win-flash{animation:winFlash .7s ease 2}@keyframes winFlash{50%{box-shadow:0 0 0 5px #fff,0 0 70px #ffdc55,inset 0 0 70px rgba(255,255,255,.4)}}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(4,0,7,.8);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(680px,94vw);border-radius:26px;padding:22px;text-align:center;border:2px solid #ffd65c;box-shadow:0 0 70px rgba(255,54,209,.6)}.modal-image{width:min(280px,70vw);height:220px;object-fit:contain;margin:-10px auto 4px}.modal-title{font-size:clamp(28px,6vw,54px);font-weight:1000;line-height:.95;color:#ffe47c;text-shadow:0 2px 0 #8b3016,0 0 26px #ff40d2}.modal-text{margin:14px auto 18px;max-width:560px;font-size:18px;line-height:1.35;color:#f6eefa}.modal-actions{display:flex;justify-content:center}.jackpot-modal .modal-card{background-image:url('img/jackpot-banner-v2.webp');background-size:contain;background-position:center top;background-repeat:no-repeat;padding-top:280px}.jackpot-modal .modal-image{display:none}
@media(max-width:760px){.game-screen{background-attachment:scroll}.home-screen{background-position:62% center;align-items:flex-end}.home-panel{margin:auto 0 0;width:100%;padding:24px;border-radius:24px 24px 0 0}.topbar{flex-wrap:wrap}.brand-mini{width:100%;text-align:center}.hud{order:2;margin:0;flex:1}.hud-box{min-width:0;flex:1}.top-actions{order:3}.casino-stage{padding:10px}.machine-shell{padding:12px 8px 13px;border-radius:20px}.machine-title{padding:0;margin-top:4px;font-size:20px;white-space:normal}.jackpot-label{position:static;text-align:center;margin-top:4px}.jackpot-label span{display:inline;margin-right:5px}.reels{grid-template-columns:1fr 12px 1fr 12px 1fr;gap:3px;margin-top:10px}.plus{font-size:22px}.reel{height:176px;padding:5px;border-radius:15px}.reel-card{padding:7px;border-radius:11px}.symbol-emoji{font-size:48px}.symbol-label{font-size:12px}.symbol-type{font-size:7px}.symbol-art{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;flex-basis:72px}.jackpot-symbol img{width:92%;max-height:124px}.result-panel{padding:11px 8px}.score-row>div{min-width:130px;flex:1}.controls{grid-template-columns:1fr 64px;gap:8px}.coin-btn{grid-column:1/2}.lever{grid-column:2/3;grid-row:1/3}.spin-btn{grid-column:1/2;height:62px}.lever-stick{left:34px}.lever-ball{left:22px}.status-line{padding:0 10px}.modal-card{padding:18px}.jackpot-modal .modal-card{padding-top:200px}.modal-image{height:170px}}
@media(max-width:430px){.symbol-art{width:62px!important;height:62px!important;max-width:62px!important;max-height:62px!important;flex-basis:62px}.topbar{padding:7px}.hud-box strong{font-size:15px}.icon-btn{width:35px;height:35px}.reel{height:164px}.symbol-emoji{font-size:40px}.symbol-label{font-size:10px}.result-text{font-size:15px}.score-row strong{font-size:20px}.coin-btn{padding:6px 8px}.coin-btn img{width:42px;height:42px}.coin-btn span{font-size:11px}.spin-btn{font-size:17px}.machine-title{font-size:18px}}