#mainMenu{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(160deg,#FF6B35 0%,#F7931E 45%,#FFCD3C 100%);z-index:9000;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:55px 20px 40px;overflow:hidden;transition:opacity 0.4s ease,transform 0.4s ease;}
#mainMenu.hidden{opacity:0;pointer-events:none;transform:scale(0.95);}
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap');
*{box-sizing:border-box;margin:0;padding:0;}

#splashScreen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(160deg,#FF6B35 0%,#F7931E 50%,#FFCD3C 100%);z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:opacity 0.8s ease;}
#splashScreen.hidden{opacity:0;pointer-events:none;}
.splash-emoji{font-size:5em;animation:splashBounce 0.8s cubic-bezier(0.36,0.07,0.19,0.97) both;display:block;margin-bottom:10px;text-align:center;}
.splash-logo{font-family:'Fredoka One',cursive;font-size:3.2em;color:white;text-shadow:0 4px 15px rgba(0,0,0,0.3);letter-spacing:3px;}
.splash-tagline{font-family:'Nunito',sans-serif;color:rgba(255,255,255,0.9);font-size:1em;font-weight:700;margin-top:8px;letter-spacing:2px;text-transform:uppercase;animation:fadeInUp 0.6s ease 0.4s both;}
.splash-loader{width:200px;height:8px;background:rgba(255,255,255,0.3);border-radius:10px;margin-top:40px;overflow:hidden;animation:fadeInUp 0.6s ease 0.6s both;}
.splash-loader-bar{height:100%;background:white;border-radius:10px;width:0%;animation:loadBar 1.2s ease forwards 0.3s;}
.float-fruit{position:absolute;animation:floatUp linear infinite;opacity:0.25;pointer-events:none;}



.menu-bg-circle{position:absolute;border-radius:50%;background:rgba(255,255,255,0.07);pointer-events:none;}
.menu-header{text-align:center;z-index:1;}
.menu-logo-emoji{font-size:3.5em;display:block;animation:logoBounce 2.5s ease-in-out infinite;}
.menu-logo{font-family:'Fredoka One',cursive;font-size:2.8em;color:white;text-shadow:0 4px 20px rgba(0,0,0,0.25);letter-spacing:3px;line-height:1.1;}
.menu-tagline{font-family:'Nunito',sans-serif;color:rgba(255,255,255,0.8);font-size:0.85em;font-weight:700;margin-top:6px;letter-spacing:2px;text-transform:uppercase;}

.player-card{background:rgba(255,255,255,0.18);backdrop-filter:blur(10px);border-radius:22px;padding:14px 18px;display:flex;align-items:center;gap:12px;width:100%;max-width:340px;border:1px solid rgba(255,255,255,0.28);z-index:1;}
.player-avatar{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,0.25);display:flex;align-items:center;justify-content:center;font-size:1.8em;flex-shrink:0;}
.player-info{flex:1;}
.player-name{font-family:'Nunito',sans-serif;font-weight:800;color:white;font-size:1em;}
.player-coins{font-family:'Nunito',sans-serif;font-weight:600;color:rgba(255,255,255,0.8);font-size:0.82em;margin-top:2px;}
.player-coins span{color:#FFCD3C;font-weight:800;}
.ticket-badge{background:rgba(255,255,255,0.2);border-radius:14px;padding:6px 12px;text-align:center;}
.ticket-count{font-family:'Fredoka One',cursive;font-size:1.4em;color:white;display:block;line-height:1;}
.ticket-label{font-family:'Nunito',sans-serif;font-size:0.62em;color:rgba(255,255,255,0.8);font-weight:700;letter-spacing:1px;}

.btn-play{background:white;color:#FF6B35;font-family:'Fredoka One',cursive;font-size:1.7em;padding:18px 0;width:100%;max-width:340px;border:none;border-radius:22px;cursor:pointer;box-shadow:0 8px 0 rgba(0,0,0,0.12),0 12px 25px rgba(0,0,0,0.18);transition:transform 0.1s,box-shadow 0.1s;letter-spacing:2px;z-index:1;}
.btn-play:active{transform:translateY(5px);box-shadow:0 3px 0 rgba(0,0,0,0.12),0 6px 15px rgba(0,0,0,0.18);}

.menu-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:340px;z-index:1;}
.btn-secondary{background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.28);border-radius:18px;padding:14px 8px;cursor:pointer;text-align:center;transition:transform 0.2s,background 0.2s;}
.btn-secondary:active{transform:scale(0.93);background:rgba(255,255,255,0.28);}
.btn-secondary .btn-icon{font-size:1.8em;display:block;margin-bottom:4px;}
.btn-secondary .btn-label{font-family:'Nunito',sans-serif;font-size:0.68em;font-weight:800;color:white;text-transform:uppercase;letter-spacing:0.5px;}

#modeSelectOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9500;display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}
#modeSelectOverlay.active{opacity:1;pointer-events:all;}
.mode-sheet{background:white;border-radius:28px 28px 0 0;padding:20px 20px 40px;width:100%;transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.32,0.72,0,1);}
#modeSelectOverlay.active .mode-sheet{transform:translateY(0);}
.sheet-handle{width:40px;height:4px;background:#e0e0e0;border-radius:2px;margin:0 auto 18px;}
.sheet-title{font-family:'Fredoka One',cursive;font-size:1.5em;color:#333;text-align:center;margin-bottom:4px;}
.sheet-subtitle{font-family:'Nunito',sans-serif;font-size:0.85em;color:#999;text-align:center;margin-bottom:18px;font-weight:600;}

.mode-card{display:flex;align-items:center;gap:14px;padding:15px;border-radius:18px;margin-bottom:12px;cursor:pointer;transition:transform 0.2s;border:2px solid transparent;}
.mode-card:active{transform:scale(0.97);}
.mode-card.normal{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#4CAF50;}
.mode-card.reverse{background:linear-gradient(135deg,#f3e5f5,#ede7f6);border-color:#9C27B0;}
.mode-card.juice{background:linear-gradient(135deg,#fff3e0,#fff8e1);border-color:#FF9800;}
.mode-icon-wrap{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.9em;flex-shrink:0;}
.normal .mode-icon-wrap{background:#4CAF50;}
.reverse .mode-icon-wrap{background:#9C27B0;}
.juice .mode-icon-wrap{background:#FF9800;}
.mode-info{flex:1;}
.mode-title{font-family:'Fredoka One',cursive;font-size:1.05em;color:#333;margin-bottom:3px;}
.mode-desc{font-family:'Nunito',sans-serif;font-size:0.8em;color:#777;font-weight:600;}
.mode-badge{font-family:'Nunito',sans-serif;font-size:0.72em;font-weight:800;padding:5px 10px;border-radius:20px;white-space:nowrap;}
.badge-free{background:#4CAF50;color:white;}
.badge-ticket{background:#FF9800;color:white;}

@keyframes splashBounce{0%{transform:scale(0) rotate(-10deg);opacity:0;}60%{transform:scale(1.15) rotate(3deg);opacity:1;}100%{transform:scale(1) rotate(0);opacity:1;}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
@keyframes loadBar{0%{width:0%;}30%{width:40%;}70%{width:78%;}100%{width:100%;}}
@keyframes logoBounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
@keyframes floatUp{0%{transform:translateY(110vh) rotate(0deg);opacity:0;}10%{opacity:0.25;}90%{opacity:0.25;}100%{transform:translateY(-20vh) rotate(360deg);opacity:0;}}


#mainLoader { display: none !important; }
#notSupportHolder { display: none !important; }










/* ====== JuicyMoney Menu ====== */
#mainMenu{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(160deg,#FF6B35 0%,#F7931E 50%,#FFCD3C 100%);z-index:9000;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:40px 20px 30px;overflow:hidden;}
#mainMenu.hidden{display:none;}
.menu-top-bar{display:flex;width:100%;justify-content:space-between;align-items:center;gap:8px;}
.menu-coin-pill,.menu-ticket-pill{background:rgba(0,0,0,.22);border:2px solid rgba(255,255,255,.4);border-radius:20px;padding:6px 14px;color:#fff;font-weight:bold;font-size:1em;}
.menu-title{color:#fff;font-size:1.1em;font-weight:bold;text-shadow:0 2px 4px rgba(0,0,0,.3);}
.menu-logo-emoji{font-size:4em;animation:logoBounce 2.5s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));}
@keyframes logoBounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
.menu-mode-card{background:rgba(0,0,0,.22);border:2px solid rgba(255,255,255,.35);border-radius:24px;padding:20px;width:100%;max-width:320px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.25);}
.menu-mode-fruits{font-size:2.2em;margin-bottom:8px;}
.menu-mode-title{color:#fff;font-size:1.3em;font-weight:bold;text-shadow:0 2px 4px rgba(0,0,0,.35);margin-bottom:6px;}
.menu-mode-sub{color:rgba(255,255,255,.88);font-size:.8em;margin-bottom:14px;line-height:1.4;}
.menu-arrows{display:flex;align-items:center;justify-content:center;gap:14px;}
.menu-arr-btn{background:rgba(255,255,255,.25);border:2px solid rgba(255,255,255,.4);border-radius:50%;width:36px;height:36px;color:#fff;font-size:.9em;cursor:pointer;font-weight:bold;box-shadow:0 3px 8px rgba(0,0,0,.2);}
.menu-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);border:2px solid rgba(255,255,255,.5);display:inline-block;}
.menu-dot.active{background:#fff;}
.menu-play-btn{background:linear-gradient(180deg,#78e83a 0%,#3db81a 55%,#267a0e 100%);border:none;border-bottom:6px solid #1a5208;border-radius:32px;padding:16px 60px;color:#fff;font-size:1.3em;font-weight:bold;cursor:pointer;letter-spacing:2px;box-shadow:0 8px 22px rgba(0,0,0,.3);text-shadow:0 2px 4px rgba(0,0,0,.3);width:100%;max-width:320px;}
.menu-play-btn:active{transform:translateY(4px);border-bottom-width:2px;}
.menu-secondary{display:flex;gap:12px;width:100%;max-width:320px;justify-content:center;}
.menu-sec-btn{flex:1;background:rgba(0,0,0,.2);border:2px solid rgba(255,255,255,.3);border-radius:16px;padding:12px 5px;text-align:center;cursor:pointer;color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:1.6em;}
.menu-sec-btn span{font-size:.42em;font-weight:bold;}
#modeSelectOverlay{display:none;}