/* Start menu, notifications, top bar, combo, user card, badges */
/* START MENU */
#start-menu{position:fixed;inset:0;background:#000 url('https://files.catbox.moe/hng7mq.png') no-repeat center center;background-size:cover;z-index:5000;display:none;flex-direction:column;justify-content:flex-end;align-items:center;}
/* Cover always shown COMPLETE: the image (set by JS as the element background, also used as a blurred fill) is drawn with
   background-size:contain on ::after, so nothing is cropped on wide/short phone screens; the bars are filled by the blurred copy. */
#start-menu::before{content:'';position:absolute;inset:0;z-index:0;-webkit-backdrop-filter:blur(18px) brightness(.55);backdrop-filter:blur(18px) brightness(.55);pointer-events:none;}
#start-menu::after{content:'';position:absolute;inset:0;z-index:0;background:inherit;background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;}
#start-menu>*{position:relative;z-index:1;}
.start-prompt{background:rgba(0,0,0,0.75);padding:20px 40px;border-radius:50px;margin-bottom:30px;border:2px solid var(--neon-pink);animation:pulse-pink 1.5s infinite;text-transform:uppercase;letter-spacing:2px;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);cursor:pointer;font-family:'Arial Black',sans-serif;font-size:16px;display:flex;align-items:center;gap:10px;}
.start-prompt img{width:20px;height:20px;}
#start-loading-wrap{width:60%;max-width:420px;margin-bottom:50px;text-align:center;display:none;}
#start-loading-text{font-size:14px;color:var(--neon-pink);letter-spacing:2px;animation:blink 1s infinite;margin-bottom:8px;font-family:'Arial Black',sans-serif;}
#start-loading-bar-outer{background:#111;border-radius:20px;border:2px solid var(--neon-pink);overflow:hidden;height:18px;}
#start-loading-bar-fill{height:100%;background:linear-gradient(90deg,var(--neon-pink),var(--neon-blue));border-radius:20px;transition:width 0.07s linear;width:0%;}
@keyframes pulse-pink{0%,100%{box-shadow:0 0 10px var(--neon-pink);}50%{box-shadow:0 0 35px var(--neon-pink),0 0 50px #ff00ff55;}}

/* ACHIEVEMENT NOTIFICATION */
#ach-notification{position:fixed;top:-120px;left:50%;transform:translateX(-50%);width:380px;background:#1a1a1a;border-radius:50px;padding:10px 20px;display:flex;align-items:center;gap:15px;border:1px solid #333;box-shadow:0 10px 30px rgba(0,0,0,0.6);z-index:9999;transition:top 0.6s cubic-bezier(0.175,0.885,0.32,1.275);}
#ach-notification.show{top:20px;}
.ach-icon-box{width:44px;height:44px;background:var(--gold);border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0;}
.ach-icon-box img{width:28px;height:28px;object-fit:contain;}
.ach-text{text-align:left;}
.ach-title{font-size:10px;color:#aaa;margin:0;}
.ach-name{font-size:14px;color:#fff;margin:0;font-family:'Arial Black',sans-serif;}

/* TOP BAR */
#top-bar{position:fixed;top:10px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:flex-start;z-index:1000;}
.stat-card{background:#0a0a0a;padding:2px 7px;border-radius:4px;min-width:78px;margin-bottom:3px;border:1px solid #1a1a1a;border-left:3px solid white;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 2px 8px rgba(0,0,0,0.5);}
.stat-card span{font-size:11px;font-family:'Arial Black',sans-serif;line-height:1.1;margin-top:1px;}
.stat-label{font-size:7px;color:#888;text-transform:uppercase;letter-spacing:0.5px;display:flex;align-items:center;gap:2px;}
.stat-green{border-left-color:var(--neon-green);}
.stat-yellow{border-left-color:var(--neon-yellow);}
.stat-money{border-left-color:var(--money-green);}
.stat-blue{border-left-color:var(--blueberry-blue);}
.stat-red{border-left-color:var(--hot-sauce);}
.stat-pink{border-left-color:var(--neon-pink);min-width:120px;}
.spicy-active{animation:spicy-pulse 0.5s infinite alternate;color:var(--hot-sauce)!important;}
@keyframes spicy-pulse{from{text-shadow:0 0 5px var(--hot-sauce);}to{text-shadow:0 0 15px var(--hot-sauce),0 0 25px red;}}
#frenzy-container{width:100%;height:4px;background:#222;border-radius:2px;margin-top:3px;overflow:hidden;border:1px solid #333;}
#frenzy-bar{width:0%;height:100%;background:linear-gradient(90deg,#ff8c00,#ff4500);transition:width 0.2s;}

/* COMBO INDICATOR */
#combo-display{position:fixed;left:50%;transform:translateX(-50%);top:20px;z-index:1001;pointer-events:none;opacity:0;transition:opacity 0.3s;}
#combo-display.show{opacity:1;}
.combo-inner{background:rgba(0,0,0,0.8);border:2px solid var(--combo-color);border-radius:30px;padding:6px 18px;display:flex;align-items:center;gap:8px;}
.combo-text{font-size:20px;color:var(--combo-color);font-weight:bold;text-shadow:0 0 10px var(--combo-color);}
.combo-label{font-size:9px;color:#888;font-family:sans-serif;}

/* USER CARD */
.user-section{display:flex;align-items:flex-start;gap:10px;}
.user-card{background:var(--bg-dark);padding:5px 15px;border-radius:4px;border:2px solid var(--neon-blue);display:flex;align-items:center;gap:12px;cursor:pointer;height:70px;transition:box-shadow 0.2s;}
.user-card:hover{box-shadow:0 0 12px var(--neon-blue);}
#user-avatar{width:45px;height:45px;border-radius:4px;object-fit:cover;background:#222;border:1px solid #333;}
.level-bar-wrap{width:100%;height:3px;background:#333;border-radius:2px;margin-top:3px;overflow:hidden;}
.level-bar-fill{height:100%;background:linear-gradient(90deg,var(--level-color),#ffe066);transition:width 0.4s;}

/* DAILY BONUS BADGE */
#daily-badge{position:fixed;top:82px;right:20px;background:#1a0f00;border:2px solid var(--daily-color);border-radius:10px;padding:6px 12px;cursor:pointer;z-index:1000;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--daily-color);transition:box-shadow 0.2s;font-family:'Arial Black',sans-serif;min-width:110px;justify-content:center;}
#daily-badge:hover{box-shadow:0 0 15px var(--daily-color);}
#daily-badge img{width:18px;height:18px;flex-shrink:0;}
#daily-badge.claimed{opacity:0.4;cursor:not-allowed;}

/* MISSIONS BADGE */
#missions-badge{position:fixed;top:119px;right:20px;background:#150a1a;border:2px solid var(--mission-color);border-radius:10px;padding:6px 12px;cursor:pointer;z-index:1000;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--mission-color);transition:box-shadow 0.2s;font-family:'Arial Black',sans-serif;min-width:110px;justify-content:center;}
#missions-badge:hover{box-shadow:0 0 15px var(--mission-color);}
#missions-badge img{width:18px;height:18px;flex-shrink:0;}