@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Montserrat:wght@400;600;700&display=swap');
.mgh-casino-root{font-family:Montserrat,sans-serif;color:#f8f3df;min-height:680px}
.mgh-casino-shell{background:radial-gradient(circle at 50% 0,#1f2430 0,#080a0e 55%);border-radius:24px;padding:18px;box-shadow:0 24px 70px #0009;overflow:hidden}
.mgh-casino-top{display:flex;justify-content:space-between;align-items:center;padding:10px 8px 18px;border-bottom:1px solid #d4af3740}
.mgh-casino-top strong{font-family:Cinzel,serif;font-size:23px;letter-spacing:2px;color:#f3d56a;display:block}
.mgh-casino-top small{color:#999;font-size:10px;letter-spacing:2px;text-transform:uppercase}.mgh-crown{color:#d4af37;font-size:30px;margin-right:8px}.mgh-jackpot{color:#55d98b;border:1px solid #55d98b55;border-radius:999px;padding:8px 12px;font-size:10px;letter-spacing:1.5px}
.mgh-casino-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:16px 0}
.mgh-casino-game-tab{border:1px solid #ffffff12;background:linear-gradient(145deg,#181d25,#0e1116);color:#eee;border-radius:14px;padding:11px 8px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:8px;min-height:54px;transition:.18s}
.mgh-casino-game-tab:hover{border-color:#d4af37aa;transform:translateY(-2px);box-shadow:0 8px 22px #0008}.mgh-casino-game-tab span{font-size:24px}.mgh-casino-game-tab b{font-size:11px}
.mgh-casino-table{position:relative}.casino-back button{background:none;border:0;color:#c9b45e;padding:5px 0 12px;cursor:pointer}
.casino-felt{background:radial-gradient(circle at 50% 30%,#17633e,#07301f 58%,#041b13);border:5px solid #8e6d22;border-radius:28px;padding:25px 14px 22px;box-shadow:inset 0 0 0 2px #d4af3744,inset 0 0 70px #0009,0 12px 35px #0009;text-align:center}
.casino-neon{font-family:Cinzel,serif;font-size:clamp(25px,6vw,42px);font-weight:800;color:#f6d96c;text-shadow:0 0 8px #d4af37,0 0 25px #d4af3766;letter-spacing:1px}
.casino-sub{font-size:10px;text-transform:uppercase;letter-spacing:3px;color:#d8d1b0;margin-top:5px}
.casino-visual{height:180px;display:flex;align-items:center;justify-content:center;perspective:900px}
.casino-visual.anim-slots .reels{animation:slotSpin .65s cubic-bezier(.2,.8,.3,1)}.casino-visual.anim-roulette .roulette-wheel{animation:wheelSpin .7s ease-out}.casino-visual.anim-cards .cards i,.casino-visual.anim-blackjack .cards i{animation:cardDeal .45s ease-out}.casino-visual.anim-dice .dice{animation:diceRoll .6s}.casino-visual.anim-crash .crash{animation:rise .65s}.casino-visual.anim-plinko .plinko{animation:drop .65s}
.reels{display:flex;gap:8px;background:#080808;border:6px solid #c89e32;border-radius:14px;padding:13px;box-shadow:0 10px 30px #000b}.reels i{font-style:normal;background:linear-gradient(#fdfdfd,#d2d2d2);color:#111;width:70px;height:80px;border-radius:8px;display:grid;place-items:center;font-size:37px;box-shadow:inset 0 0 0 2px #777}
.roulette-wheel{width:155px;height:155px;border-radius:50%;border:12px solid #c9a237;background:conic-gradient(#a00 0 8%,#111 8% 16%,#a00 16% 24%,#111 24% 32%,#a00 32% 40%,#111 40% 48%,#a00 48% 56%,#111 56% 64%,#a00 64% 72%,#111 72% 80%,#a00 80% 88%,#111 88%);display:grid;place-items:center;box-shadow:0 0 0 5px #111,0 10px 35px #000b;color:#fff;font-size:15px}
.cards{display:flex;gap:-5px}.cards i,.playing-card{font-style:normal;background:#faf8ef;color:#111;border:1px solid #bbb;border-radius:9px;width:74px;height:104px;display:grid;place-items:center;font-size:25px;box-shadow:4px 8px 15px #0008;margin-left:-8px}.cards i:first-child{margin-left:0}.playing-card{margin:0 3px}.hand-row{display:flex;justify-content:space-around;gap:15px;width:100%}.hand-row>div{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;max-width:45%}.hand-row small{width:100%;color:#d4af37;font-weight:700;margin-bottom:7px}.hand-row.center{justify-content:center}
.dice{font-size:58px;letter-spacing:5px;filter:drop-shadow(0 12px 10px #0008)}.money-wheel{border:10px solid #c9a237;border-radius:50%;padding:50px 18px;background:conic-gradient(#8d0f17,#0b2d20,#d4af37,#8d0f17,#0b2d20);font-weight:800;box-shadow:0 0 30px #000}.crash,.crash-final{font-size:65px;font-weight:800;color:#63e6a1;text-shadow:0 0 25px #27c77a}.plinko{font-size:24px;line-height:1.2;color:#d4af37}.number-balls,.draw-balls{font-size:25px;letter-spacing:5px}.draw-balls b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#d7b33e 40%,#76500a);color:#17120a;margin:3px}
.roulette-result{font-size:65px;font-family:Cinzel,serif;color:#fff}.roulette-result small{display:block;font:700 11px Montserrat;text-transform:uppercase;letter-spacing:2px}.casino-result{min-height:56px;border:1px solid #ffffff18;background:#03160eaa;border-radius:12px;padding:10px;margin:5px 0 14px;display:flex;flex-direction:column;justify-content:center;gap:4px}.casino-result b{font-family:Cinzel,serif;color:#f1d56d}.casino-result span{font-size:11px;color:#bfc9c1}.casino-result.win{border-color:#4ee28d66;box-shadow:0 0 20px #37d98118}.casino-result.win b{color:#5df0a0}.casino-result.lose b{color:#ff8b8b}
.casino-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;text-align:left;align-items:end}.casino-controls label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#b8c5bb}.casino-controls input,.casino-controls select{display:block;width:100%;margin-top:5px;background:#071c13;color:#fff;border:1px solid #ffffff20;border-radius:9px;padding:11px;font:600 13px Montserrat}.casino-deal{grid-column:1/-1;border:0;border-radius:10px;padding:13px;background:linear-gradient(#f7d96a,#a87915);color:#1a1406;font-weight:800;letter-spacing:1.5px;cursor:pointer;box-shadow:0 5px 16px #0007}.casino-deal:disabled{opacity:.5}.casino-wallet{margin-top:10px;font-size:10px;color:#b7c8bc}.mgh-casino-login{text-align:center;padding:80px 20px;background:radial-gradient(circle,#172c24,#070b0a);border-radius:20px}.casino-emblem{font-size:70px;color:#d4af37}.mgh-casino-login h2{font-family:Cinzel,serif;color:#f4d66b}.mgh-casino-login p{color:#aebbb3}.mgh-casino-login a{display:inline-block;margin-top:15px;padding:12px 25px;border-radius:9px;background:#d4af37;color:#16120a;text-decoration:none;font-weight:800}
@keyframes slotSpin{0%{transform:translateY(-25px) rotateX(45deg);filter:blur(4px)}100%{transform:none;filter:none}}@keyframes wheelSpin{0%{transform:rotate(0)}100%{transform:rotate(920deg)}}@keyframes cardDeal{0%{transform:translateY(-60px) rotateY(180deg);opacity:0}100%{transform:none;opacity:1}}@keyframes diceRoll{0%{transform:rotateX(0) rotateY(0) scale(.8)}100%{transform:rotateX(720deg) rotateY(540deg) scale(1)}}@keyframes rise{0%{transform:translateY(40px) scale(.8)}100%{transform:none}}@keyframes drop{0%{transform:translateY(-50px)}100%{transform:none}}
@media(min-width:650px){.mgh-casino-tabs{grid-template-columns:repeat(3,1fr)}}
@media(min-width:950px){.mgh-casino-tabs{grid-template-columns:repeat(5,1fr)}.mgh-casino-shell{padding:25px}.casino-felt{padding:35px}.casino-controls{max-width:800px;margin:auto}}
/* Miracle App Shell / dark-mode compatibility */
.mgh-casino-appshell,.mgh-casino-appshell *{box-sizing:border-box}
.mgh-casino-appshell{width:100%;max-width:1400px;margin:0 auto;padding:0;isolation:isolate;color-scheme:dark}
.mgh-casino-appshell .mgh-casino-shell{color:#f8f3df;background:radial-gradient(circle at 50% 0,#222937 0,#080a0e 58%);}
.mgh-casino-appshell button,.mgh-casino-appshell input,.mgh-casino-appshell select{font-family:inherit}
.mgh-casino-appshell .mgh-casino-game-tab{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.mgh-casino-appshell .mgh-casino-table[hidden],.mgh-casino-appshell .mgh-casino-lobby[hidden]{display:none!important}
@media (prefers-color-scheme:light){.mgh-casino-appshell{color-scheme:dark}}
@media(max-width:520px){.mgh-casino-shell{border-radius:16px;padding:10px}.mgh-casino-tabs{grid-template-columns:1fr 1fr;gap:7px}.mgh-casino-game-tab{min-height:58px;padding:9px 7px}.mgh-casino-game-tab b{font-size:10px}.casino-felt{border-width:3px;border-radius:18px;padding:18px 9px}.reels i{width:58px;height:68px;font-size:29px}.playing-card,.cards i{width:58px;height:84px;font-size:19px}.casino-visual{height:150px}.casino-controls{grid-template-columns:1fr}.casino-deal{grid-column:auto}.hand-row{gap:5px}}