:root {
  --ink: #f9fbff;
  --muted: #b9c1df;
  --panel: rgba(16, 14, 48, .78);
  --panel-strong: rgba(12, 11, 36, .94);
  --cyan: #4fe2ff;
  --pink: #ff4f9c;
  --gold: #ffd95e;
  --violet: #8f67ff;
  --green: #43e3a0;
  --danger: #ff6177;
  --scale: 1;
}
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: #08051d; }
body { position: relative; font-family: Inter, "Segoe UI", Arial, sans-serif; color: var(--ink); user-select: none; -webkit-user-select: none; touch-action: manipulation; }
button { font: inherit; color: inherit; border: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
button:focus-visible { outline: 4px solid rgba(79,226,255,.72); outline-offset: 3px; }
#stageScale { position: fixed; left: 50%; top: 50%; width: 1280px; height: 720px; transform: translate(-50%, -50%) scale(var(--scale)); transform-origin: center center; }
#game { width: 1280px; height: 720px; position: relative; overflow: hidden; background: #120b36; box-shadow: 0 20px 80px rgba(0,0,0,.5); }
.screen { position: absolute; inset: 0; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .35s ease, visibility .35s ease; }
.screen.active { visibility: visible; opacity: 1; pointer-events: auto; }
.glass-panel { background: linear-gradient(145deg, rgba(36,29,90,.86), rgba(10,16,48,.78)); border: 1px solid rgba(255,255,255,.16); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 42px rgba(0,0,0,.28); backdrop-filter: blur(12px); }

.loading-screen { display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle at 50% 38%, #402277 0, #17103b 42%, #07051a 100%); }
.loading-logo { width: 470px; margin-top: 28px; filter: drop-shadow(0 16px 35px rgba(255,79,156,.25)); }
.loading-bar { width: 430px; height: 17px; padding: 3px; border-radius: 20px; background: rgba(0,0,0,.35); border: 1px solid rgba(255,255,255,.2); overflow: hidden; }
.loading-bar i { display: block; width: 0%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--cyan),var(--pink),var(--gold)); transition: width .25s ease; box-shadow: 0 0 16px var(--pink); }
.loading-screen p { margin: 14px 0 0; color: var(--muted); font-weight: 700; letter-spacing: .04em; }
.loading-orbit { position: relative; width: 190px; height: 95px; }
.loading-orbit span { position: absolute; width: 60px; height: 60px; border-radius: 50%; display: grid; place-items: center; font-weight: 900; background: linear-gradient(145deg,#fff,#80dfff 33%,#7555ee 100%); color: #29145b; border: 4px solid rgba(255,255,255,.75); box-shadow: 0 12px 24px rgba(0,0,0,.28); animation: orbitBob 1s ease-in-out infinite alternate; }
.loading-orbit span:nth-child(1){left:0;top:25px;animation-delay:-.4s}.loading-orbit span:nth-child(2){left:32px;top:4px;animation-delay:-.3s}.loading-orbit span:nth-child(3){left:65px;top:26px;animation-delay:-.2s}.loading-orbit span:nth-child(4){left:98px;top:2px;animation-delay:-.1s}.loading-orbit span:nth-child(5){left:130px;top:27px}
@keyframes orbitBob { to { transform: translateY(-10px) rotate(7deg); } }

.menu-screen { background: url('assets/cover.webp') center/cover no-repeat; }
.menu-screen::after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(5,5,25,.16), transparent 52%, rgba(5,5,25,.26)); pointer-events:none; }
.menu-logo { position:absolute; width: 520px; left: 92px; top: 42px; z-index:2; filter: drop-shadow(0 14px 22px rgba(0,0,0,.25)); }
.host-art { position:absolute; right: 35px; bottom: 6px; width: 560px; z-index:2; filter: drop-shadow(0 20px 34px rgba(0,0,0,.34)); animation: hostFloat 3.2s ease-in-out infinite; }
@keyframes hostFloat { 50% { transform: translateY(-9px) rotate(.6deg); } }
.menu-card { position:absolute; z-index:3; left: 96px; top: 245px; width: 610px; padding: 30px 34px 27px; border-radius: 30px; }
.eyebrow { margin:0 0 7px; color: var(--cyan); font-weight: 900; letter-spacing: .16em; font-size: 14px; }
.menu-card h1 { font-size: 39px; line-height: 1.02; margin:0; max-width: 530px; text-shadow: 0 5px 18px rgba(0,0,0,.28); }
.menu-copy { color: #d8dcf2; font-size: 17px; line-height:1.45; margin: 14px 0 19px; max-width: 525px; }
.primary-btn,.secondary-btn,.danger-btn { min-height: 58px; border-radius: 17px; padding: 0 24px; font-weight: 950; letter-spacing: .04em; transition: transform .16s ease, filter .16s ease, box-shadow .16s ease; }
.primary-btn { background: linear-gradient(135deg,#ff4f9c,#945bff 58%,#4adfff); box-shadow: 0 12px 30px rgba(226,64,164,.34), inset 0 1px 0 rgba(255,255,255,.38); }
.primary-btn:hover,.secondary-btn:hover,.danger-btn:hover,.boost-button:hover,.icon-btn:hover,.mode-option:hover { transform: translateY(-3px); filter: brightness(1.1); }
.primary-btn:active,.secondary-btn:active,.danger-btn:active,.boost-button:active,.icon-btn:active,.mode-option:active { transform: translateY(1px) scale(.985); }
.pulse-btn { width:100%; font-size:22px; animation: buttonPulse 2.2s ease-in-out infinite; }
@keyframes buttonPulse { 50% { box-shadow: 0 12px 35px rgba(226,64,164,.52), 0 0 0 8px rgba(255,79,156,.08); } }
.menu-row { display:grid; grid-template-columns: 1fr 1.25fr; gap:12px; margin-top:13px; }
.secondary-btn { background: rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.19); box-shadow: inset 0 1px 0 rgba(255,255,255,.09); }
.reward-btn { border-color: rgba(255,217,94,.42); background: linear-gradient(145deg,rgba(255,217,94,.18),rgba(255,255,255,.07)); }
.danger-btn { background: rgba(255,72,104,.18); border:1px solid rgba(255,97,119,.42); color:#ffd7df; }
.inventory-strip { margin-top:14px; height:36px; display:flex; align-items:center; justify-content:center; gap:9px; border-radius:14px; background:rgba(0,0,0,.2); color:var(--muted); font-weight:800; }
.inventory-strip b { color:#fff;font-size:20px}.inventory-strip i{font-style:normal;color:var(--gold)}
.menu-topbar { position:absolute; right:32px; top:27px; z-index:5; display:flex; align-items:center; gap:10px; border-radius:18px; padding:8px 10px; }
.coin-readout { display:flex; align-items:center; gap:8px; min-width:108px; }
.coin-readout img { width:36px;height:36px;object-fit:contain}.coin-readout strong{font-size:20px}
.icon-btn { width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:23px;font-weight:900;transition:.16s ease; }
.brand-mark { position:absolute; z-index:5; right:32px; bottom:18px; font-size:30px; font-weight:1000; letter-spacing:.02em; color:#fff; text-shadow:0 4px 14px #000; padding:10px 18px; border-radius:16px; background:rgba(8,8,35,.58); border:1px solid rgba(255,255,255,.18); box-shadow:0 10px 25px rgba(0,0,0,.22); }
.brand-mark b { color:var(--gold) }
.ambient { position:absolute;width:250px;height:250px;border-radius:50%;filter:blur(70px);opacity:.4;animation:ambientMove 8s ease-in-out infinite alternate}.ambient-a{left:-40px;top:0;background:#ff3e9a}.ambient-b{right:230px;bottom:-30px;background:#4be0ff;animation-delay:-3s}@keyframes ambientMove{to{transform:translate(70px,30px) scale(1.2)}}

.play-screen { background: url('assets/game-bg.webp') center/cover no-repeat; padding: 18px 24px; }
.game-header { height:76px; border-radius:24px; display:flex; align-items:center; justify-content:space-between; padding:7px 14px 7px 18px; }
.game-title-mini img { width:210px; display:block; }
.round-badge { text-align:center; display:flex; flex-direction:column; gap:2px; }.round-badge span{color:var(--gold);font-size:17px;font-weight:950;letter-spacing:.14em}.round-badge b{font-size:14px;color:var(--muted);letter-spacing:.09em}
.header-actions{display:flex;align-items:center;gap:9px}.header-actions .coin-readout{background:rgba(0,0,0,.18);padding:6px 12px;border-radius:15px}
.play-layout { height: 590px; margin-top:16px; display:grid; grid-template-columns: 230px 1fr 244px; gap:16px; }
.caller-panel,.card-shell,.rivals-panel { border-radius:26px; position:relative; }
.caller-panel { padding:22px 17px; text-align:center; overflow:hidden; }
.caller-label,.recent-title,.rivals-title { color:var(--muted);font-size:13px;font-weight:950;letter-spacing:.13em; }
.current-ball { width:136px;height:136px;margin:15px auto 10px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff 5%,#77e1ff 35%,#7858ed 78%,#3d218f);border:8px solid rgba(255,255,255,.72);box-shadow:0 18px 36px rgba(0,0,0,.34),inset -10px -14px 18px rgba(0,0,0,.17),inset 12px 14px 20px rgba(255,255,255,.38);position:relative;transition:transform .25s ease;}
.current-ball::before{content:"";position:absolute;left:22px;top:18px;width:38px;height:25px;border-radius:50%;background:rgba(255,255,255,.48);transform:rotate(-28deg)}
.current-ball span{font-size:49px;font-weight:1000;color:#251456;text-shadow:0 2px 0 rgba(255,255,255,.35)}.current-ball.waiting{filter:saturate(.5)}.current-ball.pop{animation:ballPop .48s cubic-bezier(.17,.84,.39,1.5)}
@keyframes ballPop{0%{transform:scale(.2) rotate(-80deg)}70%{transform:scale(1.12) rotate(8deg)}100%{transform:scale(1)}}
.call-hint{height:25px;font-weight:900;color:var(--cyan);margin-bottom:20px}.recent-title{margin:0 0 9px}.recent-balls{display:flex;gap:6px;justify-content:center;min-height:47px}.recent-ball{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-weight:950;color:#251456;background:linear-gradient(145deg,#fff,#ffd95e);border:3px solid rgba(255,255,255,.65);box-shadow:0 6px 12px rgba(0,0,0,.25);animation:recentIn .25s ease-out}@keyframes recentIn{from{transform:translateY(-12px) scale(.5);opacity:0}}
.call-meter{height:12px;margin:24px 3px 9px;border-radius:10px;background:rgba(0,0,0,.25);overflow:hidden;border:1px solid rgba(255,255,255,.12)}.call-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--pink));transition:width .35s}.balls-left{font-size:13px;color:var(--muted);font-weight:800}
.card-shell { padding:18px 22px 16px; overflow:hidden; }
.card-shell::after{content:"";position:absolute;inset:0;background:url('assets/sparkles.webp') center/380px repeat;opacity:.08;pointer-events:none}
.bingo-letters { display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:8px;position:relative;z-index:2}.bingo-letters span{height:45px;display:grid;place-items:center;border-radius:13px;font-size:26px;font-weight:1000;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.07));text-shadow:0 3px 8px rgba(0,0,0,.4)}.bingo-letters span:nth-child(1){color:#71eaff}.bingo-letters span:nth-child(2){color:#ff75b2}.bingo-letters span:nth-child(3){color:#ffde6f}.bingo-letters span:nth-child(4){color:#a98cff}.bingo-letters span:nth-child(5){color:#5df0b2}
.bingo-card{height:419px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:9px;position:relative;z-index:2}.bingo-cell{position:relative;border-radius:16px;background:linear-gradient(145deg,#f9fbff,#d7ddf5);color:#2a2252;display:grid;place-items:center;font-size:31px;font-weight:1000;border:4px solid rgba(255,255,255,.65);box-shadow:0 7px 14px rgba(0,0,0,.24),inset 0 -4px 8px rgba(80,71,130,.14);transition:transform .15s ease,filter .15s ease}.bingo-cell:hover{transform:translateY(-2px);filter:brightness(1.04)}.bingo-cell.called:not(.marked){box-shadow:0 0 0 4px rgba(79,226,255,.35),0 7px 14px rgba(0,0,0,.25);animation:calledGlow 1.1s ease-in-out infinite}@keyframes calledGlow{50%{filter:brightness(1.18)}}.bingo-cell.marked{color:#fff;background:linear-gradient(145deg,#ff5b9e,#835cf2);border-color:#ffc9e3;transform:scale(.94);box-shadow:inset 0 0 0 4px rgba(255,255,255,.18),0 4px 10px rgba(0,0,0,.28)}.bingo-cell.marked::after{content:"★";position:absolute;font-size:52px;color:rgba(255,255,255,.23);transform:rotate(-11deg)}.bingo-cell.just-marked{animation:daubBounce .42s cubic-bezier(.2,.8,.3,1.35)}@keyframes daubBounce{0%{transform:scale(.65) rotate(-10deg)}70%{transform:scale(1.08) rotate(4deg)}100%{transform:scale(.94)}}.bingo-cell.free{background:linear-gradient(145deg,#ffd95e,#ff9f38);color:#5d2c17;font-size:20px;line-height:1;text-align:center}.bingo-cell.bad{animation:badTap .35s}@keyframes badTap{20%,70%{transform:translateX(-7px)}45%{transform:translateX(7px)}}
.card-footer{height:65px;margin-top:10px;display:grid;grid-template-columns:72px 1fr 200px;gap:12px;align-items:center;position:relative;z-index:2}.progress-copy{text-align:center;display:flex;flex-direction:column}.progress-copy b{font-size:28px;color:var(--gold);line-height:1}.progress-copy span{font-size:12px;color:var(--muted);text-transform:uppercase;font-weight:900}.progress-track{height:15px;border-radius:12px;background:rgba(0,0,0,.3);overflow:hidden;border:1px solid rgba(255,255,255,.11)}.progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green),var(--gold));transition:width .25s ease}.boost-button{height:50px;border-radius:15px;background:linear-gradient(145deg,#5b3bcc,#352878);border:1px solid rgba(255,255,255,.23);font-weight:950;transition:.15s}.boost-button span{color:var(--gold);font-size:20px}.boost-button b{display:inline-grid;place-items:center;margin-left:7px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.25)}
.daub-splash{position:absolute;z-index:6;left:50%;top:45%;transform:translate(-50%,-50%) scale(.5) rotate(-8deg);font-size:72px;font-weight:1000;color:#fff;text-shadow:0 5px 0 #d83384,0 11px 28px rgba(0,0,0,.5);opacity:0;pointer-events:none}.daub-splash.show{animation:splash .62s ease-out}@keyframes splash{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(-18deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(5deg)}100%{opacity:0;transform:translate(-50%,-75%) scale(.9) rotate(-4deg)}}
.rivals-panel{padding:20px 16px}.rivals-title{text-align:center;margin-bottom:17px}.rival{display:grid;grid-template-columns:49px 1fr;gap:10px;align-items:center;padding:12px 7px;border-radius:17px;background:rgba(255,255,255,.055);margin-bottom:10px}.rival-avatar{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;font-size:21px;font-weight:1000;background:linear-gradient(145deg,#ff6ba9,#745cf1);border:3px solid rgba(255,255,255,.4)}.rival:nth-of-type(3) .rival-avatar{background:linear-gradient(145deg,#4ee1ff,#4b76e6)}.rival:nth-of-type(4) .rival-avatar{background:linear-gradient(145deg,#ffd95e,#ff7d51)}.rival>div:last-child{min-width:0}.rival b{display:block;font-size:16px}.rival-status{display:block;color:var(--muted);font-size:11px;margin:2px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rival-track{height:8px;border-radius:8px;background:rgba(0,0,0,.28);overflow:hidden}.rival-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--pink),var(--gold));transition:width .45s ease}.streak-box{margin-top:18px;padding:18px 12px;border-radius:20px;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(255,217,94,.21),rgba(0,0,0,.17));border:1px solid rgba(255,217,94,.22)}.streak-box span{display:block;color:var(--gold);font-size:12px;font-weight:950;letter-spacing:.12em}.streak-box strong{display:block;font-size:54px;line-height:1.05}.streak-box small{color:var(--muted);line-height:1.3;display:block}
.toast{position:absolute;z-index:20;left:50%;bottom:26px;transform:translate(-50%,30px);padding:13px 22px;border-radius:16px;background:rgba(8,8,28,.94);border:1px solid rgba(255,255,255,.22);box-shadow:0 15px 35px rgba(0,0,0,.38);font-weight:850;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}

.modal { position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(4,4,18,.7);backdrop-filter:blur(10px);visibility:hidden;opacity:0;pointer-events:none;transition:.22s ease; }.modal.open{visibility:visible;opacity:1;pointer-events:auto}.modal-card{position:relative;border-radius:31px;padding:31px;transform:translateY(22px) scale(.97);transition:.25s ease;text-align:center}.modal.open .modal-card{transform:none}.modal-close{position:absolute;right:16px;top:14px;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.09);font-size:27px}.mode-card{width:850px}.modal-card h2{font-size:38px;margin:0 0 20px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mode-option{height:250px;border-radius:24px;padding:22px 18px;background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.17);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.16s ease}.mode-gem{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin-bottom:13px;font-size:32px;font-weight:1000;background:linear-gradient(145deg,#5ce5ff,#6e58f1);border:5px solid rgba(255,255,255,.5);box-shadow:0 10px 20px rgba(0,0,0,.25)}.mode-option:nth-child(2) .mode-gem{background:linear-gradient(145deg,#ff77b7,#8f5ef4)}.mode-option:nth-child(3) .mode-gem{background:linear-gradient(145deg,#ffe06f,#ff7f4a);color:#5a2e15}.mode-option b{font-size:21px;margin-bottom:8px}.mode-option small{color:var(--muted);line-height:1.35;min-height:55px}.mode-option em{font-style:normal;color:var(--gold);font-size:13px;font-weight:900;margin-top:12px}.daily-card{width:560px}.daily-card>img{width:190px;margin:-20px auto -4px;filter:drop-shadow(0 18px 25px rgba(0,0,0,.3))}.daily-streak{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:15px 0}.daily-streak span{height:53px;border-radius:13px;background:rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--muted);border:1px solid rgba(255,255,255,.1)}.daily-streak span b{font-size:17px;color:#fff}.daily-streak span.active{background:linear-gradient(145deg,rgba(255,217,94,.35),rgba(255,79,156,.18));border-color:rgba(255,217,94,.5)}.daily-card .primary-btn{width:100%;margin-top:10px}.compact-card{width:470px;display:flex;flex-direction:column;gap:12px}.compact-card h2{margin-bottom:7px}.result-card{width:630px}.result-crown{font-size:70px;line-height:.9;color:var(--gold);filter:drop-shadow(0 8px 18px rgba(255,217,94,.25));animation:crownFloat 1.5s ease-in-out infinite alternate}@keyframes crownFloat{to{transform:translateY(-8px) rotate(4deg)}}.result-card h2{font-size:50px;margin:0 0 7px}.result-card>p:not(.eyebrow){color:var(--muted);font-size:17px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.result-stats div{padding:15px 8px;border-radius:17px;background:rgba(255,255,255,.075)}.result-stats span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.result-stats b{font-size:25px}.result-card .primary-btn,.result-card .secondary-btn{width:100%;margin-top:10px}.result-card.loss .result-crown{color:#a7aed1;filter:none}.result-card.loss .primary-btn{display:none}
.ad-curtain{position:absolute;inset:0;z-index:100;display:grid;place-items:center;background:rgba(0,0,0,.87);visibility:hidden;opacity:0;transition:.18s}.ad-curtain.show{visibility:visible;opacity:1}.ad-curtain>div{display:flex;flex-direction:column;align-items:center;gap:9px}.ad-curtain b{font-size:24px}.ad-curtain small{color:var(--muted)}.spinner{width:62px;height:62px;border-radius:50%;border:6px solid rgba(255,255,255,.15);border-top-color:var(--cyan);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.confetti-layer{position:absolute;inset:0;z-index:40;pointer-events:none;overflow:hidden}.confetti{position:absolute;top:-25px;width:12px;height:22px;border-radius:3px;animation:confettiFall 2.8s linear forwards}@keyframes confettiFall{to{transform:translate(var(--drift),760px) rotate(760deg);opacity:.7}}

@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* Premium rendered-art revision */
.menu-screen{background-image:url('assets/cover.webp');background-position:center;background-size:cover;background-repeat:no-repeat}
.menu-screen::after{background:linear-gradient(90deg,rgba(4,3,16,.50) 0%,rgba(4,3,16,.12) 42%,rgba(4,3,16,.04) 62%,rgba(4,3,16,.22) 100%)}
.menu-card{left:52px;top:auto;bottom:44px;width:455px;padding:22px 24px 20px;background:linear-gradient(145deg,rgba(12,8,31,.88),rgba(29,16,55,.76));border-color:rgba(255,216,94,.35);box-shadow:0 22px 55px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.13)}
.menu-card .eyebrow{font-size:11px;margin-bottom:5px}.menu-card h1{font-size:28px;line-height:1.08;margin:0 0 7px}.menu-copy{font-size:13px;line-height:1.35;margin:0 0 13px}.menu-card .primary-btn{height:58px;font-size:19px}.menu-row{grid-template-columns:1fr}.menu-row .secondary-btn{height:44px}
.inventory-strip{margin-top:10px}
.menu-topbar{right:24px;top:20px;background:rgba(7,5,23,.74);border-color:rgba(255,216,94,.28)}
.brand-mark{display:none}

.play-screen{position:relative;background-image:url('assets/game-bg.webp');background-position:center;background-size:cover;background-repeat:no-repeat}
.play-screen::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,3,15,.30),rgba(7,3,18,.48));pointer-events:none}
.play-screen>.game-header,.play-screen>.play-layout,.play-screen>.toast,.play-screen>.confetti-layer{position:relative;z-index:2}
.glass-panel{background:linear-gradient(145deg,rgba(30,21,64,.88),rgba(8,12,34,.84));border-color:rgba(255,224,151,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 42px rgba(0,0,0,.36)}

.rivals-panel{padding:14px 13px}.rivals-title{margin-bottom:10px}.rival{padding:8px 6px;margin-bottom:7px}.rival-avatar{width:42px;height:42px}.streak-box{margin-top:10px;padding:10px 8px}.streak-box strong{font-size:38px}.streak-box small{font-size:10px}
.gameplay-rewards{margin-top:10px;display:grid;gap:7px}.reward-caption{text-align:center;color:#ffe489;font-size:10px;font-weight:1000;letter-spacing:.16em;text-shadow:0 2px 8px #000}.hud-reward-btn{height:47px;border-radius:13px;border:1px solid rgba(255,221,108,.55);background:linear-gradient(145deg,rgba(115,59,168,.96),rgba(55,28,98,.97));box-shadow:0 8px 20px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.16);display:grid;grid-template-columns:28px 1fr;grid-template-rows:24px 14px;align-items:center;padding:4px 8px;color:#fff;text-align:left;transition:transform .15s ease,filter .15s ease}.hud-reward-btn>span{grid-row:1/3;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#ffd95e;color:#522a13;font-size:12px}.hud-reward-btn>b{font-size:12px;line-height:1}.hud-reward-btn>small{font-size:9px;color:#e7dcff;line-height:1}.hud-reward-btn.coin-bonus{background:linear-gradient(145deg,rgba(154,92,31,.97),rgba(91,46,24,.97))}.hud-reward-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.hud-reward-btn:disabled,.hud-reward-btn.claimed{opacity:.62;filter:saturate(.55)}

/* Branding visibility fix: keep the menu panel clear of the baked-in crazygamesup.com 2026 banner */
.menu-card{
  left:34px;
  width:398px;
  bottom:42px;
  padding:18px 20px 17px;
  border-radius:26px;
}
.menu-card .eyebrow{font-size:10px;margin-bottom:4px}
.menu-card h1{font-size:25px;line-height:1.06;margin:0 0 6px;max-width:350px}
.menu-copy{font-size:12px;line-height:1.30;margin:0 0 11px;max-width:350px}
.menu-card .primary-btn{min-height:52px;height:52px;font-size:18px}
.menu-row{margin-top:10px}
.menu-row .secondary-btn{min-height:40px;height:40px;padding:0 14px;font-size:15px}
.inventory-strip{margin-top:9px;height:32px;font-size:13px}
.inventory-strip b{font-size:17px}

/* Final main-menu artwork alignment */
.menu-card{
  left:34px;
  width:420px;
  bottom:42px;
}
.brand-mark{display:none!important}