:root {
    --bg-dark: #0a0a0a;
    --bg-panel: #1a1a1a;
    --bg-panel-light: #2a2a2a;
    --text-primary: #ffffff;
    --text-secondary: #b3b3b3;
    --accent: #00ff88;
    --accent-hover: #00cc6a;
    --danger: #ff4757;
    --warning: #ffa502;
    --success: #2ed573;
    --border: #333;
    --glow: 0 0 20px rgba(0, 255, 136, 0.3);
    --blue-900: #0b1b33;
    --blue-800: #0f2547;
    --blue-700: #15335f;
    --blue-600: #1d447c;
    --blue-accent: #4cc2ff;
}

@font-face {
    font-family: 'GothamBold';
    src: url('/GOTHAM-BOLD.TTF') format('truetype');
    font-weight: 700;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: var(--bg-dark);
    color: var(--text-primary);
    font-family: 'GothamBold', 'Exo 2', sans-serif;
    overflow-x: hidden;
    min-height: 100vh;
}

#gameContainer {
    display: grid;
    grid-template-rows: auto 1fr;
    min-height: 100vh;
    gap: 1rem;
    padding: 1rem;
}

#header {
    background: linear-gradient(135deg, #050b19, #0a1a33);
    border: 1px solid #0e1a2b;
    border-radius: 20px;
    padding: 1.5rem;
    box-shadow: 0 10px 30px rgba(12, 28, 56, 0.6);
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}

#header h1 {
    font-family: 'Orbitron', monospace;
    font-size: 1.8rem;
    font-weight: 900;
    letter-spacing: 2px;
    color: #e8f1ff;
}

.rainbow-text {
    background: linear-gradient(45deg, #ff00ff, #00ffff, #00ff88, #ffff00, #ff00ff);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: rainbow 3s linear infinite;
}

@keyframes rainbow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

#stats {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.stat {
    background: rgba(0, 0, 0, 0.3);
    padding: 0.5rem 1rem;
    border-radius: 15px;
    border: 1px solid var(--border);
}

.label {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

#gameArea {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 1rem;
    grid-template-areas:
        "conveyor base"
        "conveyor bases";
}

#conveyorSection {
    grid-area: conveyor;
    background: var(--bg-panel);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
}

#conveyorSection h2,
#playerBase h2,
#otherBases h2 {
    margin-bottom: 1rem;
    font-family: 'Orbitron', monospace;
    font-size: 1.4rem;
    color: var(--accent);
}

#conveyor {
    background: linear-gradient(135deg, var(--bg-panel-light), var(--bg-panel));
    border-radius: 15px;
    padding: 1rem;
    height: 200px;
    overflow: hidden;
    position: relative;
    margin-bottom: 1rem;
}

#belt {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    transition: transform 0.3s;
    animation: scroll 15s linear infinite;
}

@keyframes scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

.brainrot-item {
    flex: 0 0 auto;
    width: 120px;
    background: var(--bg-panel);
    border: 1px solid var(--border);
    border-radius: 15px;
    padding: 0.5rem;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

.brainrot-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 255, 136, 0.3);
    border-color: var(--accent);
}

.brainrot-item.selected {
    border-color: var(--accent);
    box-shadow: 0 0 20px rgba(0, 255, 136, 0.5);
}

.brainrot-item img {
    width: 100%;
    height: 60px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 0.5rem;
}

.brainrot-info {
    text-align: center;
    font-size: 0.8rem;
}

.brainrot-price {
    font-weight: bold;
    color: var(--accent);
    margin: 0.2rem 0;
}

.brainrot-stats {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.7rem;
    margin-top: 0.3rem;
}

.rarity {
    padding: 0.1rem 0.3rem;
    border-radius: 5px;
    font-weight: bold;
    font-size: 0.6rem;
}

.rarity.common { background: #00ff00; color: black; }
.rarity.rare { background: #0080ff; color: white; }
.rarity.epic { background: #8000ff; color: white; }
.rarity.legendary { background: #ffd700; color: black; }
.rarity.mythic { background: #ff0000; color: white; }
.rarity.god { background: linear-gradient(to right, red, yellow, cyan, blue); color: white; }
.rarity.secret { background: linear-gradient(to right, black, white); color: white; }
.rarity.og { background: linear-gradient(45deg, #ff00ff, #ff0080, #00ffff, #ff00ff); color: white; animation: rainbow 2s linear infinite; }
.rarity.baby { background: #7ecbff; color: #001b2e; font-weight: 800; }
.rarity.gold { background: linear-gradient(90deg,#8a6d02,#d4af37,#ffd700,#8a6d02); color:#1a1200; font-weight:900; }
.rarity.mali { background: linear-gradient(90deg,#0a8f2a,#ffd34a,#d32b2b); color:#111; font-weight:900; }
.rarity.admin { background: linear-gradient(45deg,#ff0000,#ffd700); color:#000; font-weight:900; }
.rarity.limited { background: linear-gradient(45deg,#4b0082,#0b3d91); color: white; font-weight:900; }

/* New rarity: Indo (red → white gradient, white text with red outline) */
.rarity.indo {
    background: linear-gradient(90deg, #ff4d4d, #ffffff);
    color: #ffffff;
    -webkit-text-stroke: 1px #c0392b; /* white text outlined in red */
    text-stroke: 1px #c0392b;
    font-weight: 900;
}

.new-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background: linear-gradient(45deg, #ff00ff, #00ffff);
    color: white;
    font-size: 0.6rem;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 10px;
    z-index: 10;
    animation: newPulse 1s ease-in-out infinite;
    box-shadow: 0 2px 10px rgba(255, 0, 255, 0.5);
}

@keyframes newPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.income {
    color: var(--text-secondary);
    font-size: 0.65rem;
}

.income-yellow { color: #ffd700; font-weight: 700; }
.price-green { color: #00ff88; font-weight: 700; }

#buyBtn {
    width: 100%;
    padding: 1rem;
    background: linear-gradient(135deg, var(--blue-accent), #1aa2ff) !important;
    border: none;
    border-radius: 15px;
    color: #00142a !important;
    font-weight: 700;
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.3s;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-color: #1b6fa6 !important;
}

#buyBtn:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(0, 255, 136, 0.4);
}

#buyBtn:disabled {
    background: var(--text-secondary);
    cursor: not-allowed;
    opacity: 0.5;
}

#playerBase {
    grid-area: base;
    background: var(--bg-panel);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 1.5rem;
}

#baseGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.base-slot {
    aspect-ratio: 1;
    background: var(--bg-panel-light);
    border: 1px solid var(--border);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

.base-slot:hover {
    border-color: var(--accent);
    box-shadow: 0 0 15px rgba(0, 255, 136, 0.2);
}

.base-slot img {
    width: 90%;
    height: 90%;
    object-fit: cover;
    border-radius: 5px;
}

#baseIncome {
    text-align: center;
    padding: 0.5rem;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    color: var(--accent);
    font-weight: 600;
}

#otherBases {
    grid-area: bases;
    background: var(--bg-panel);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 1.5rem;
}

#basesList {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.base-card {
    background: var(--bg-panel-light);
    border: 1px solid var(--border);
    border-radius: 15px;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s;
}

.base-card:hover {
    border-color: var(--warning);
    box-shadow: 0 0 15px rgba(255, 165, 2, 0.2);
}

.base-card button {
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, var(--warning), #ff6b35);
    border: none;
    border-radius: 10px;
    color: var(--bg-dark);
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s;
}

.base-card button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 165, 2, 0.3);
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(5px);
}

.modal-content {
    background: var(--bg-panel);
    margin: 5% auto;
    padding: 2rem;
    border: 1px solid var(--border);
    border-radius: 20px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 0 40px rgba(0, 255, 136, 0.2);
}

.close {
    color: var(--text-secondary);
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s;
}

.close:hover {
    color: var(--danger);
}

.floating-btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: auto;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #00a8ff, #0066cc);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 24px;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 0 5px 20px rgba(0, 168, 255, 0.3);
    opacity: 0.5;
}

.floating-btn.visible {
    opacity: 1;
}

.floating-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 168, 255, 0.5);
}

#inventoryBtn {
    right: 20px;
    left: auto;
    background: linear-gradient(135deg, var(--accent), var(--accent-hover));
    box-shadow: 0 5px 20px rgba(0, 255, 136, 0.3);
}

#inventoryBtn:hover {
    box-shadow: 0 10px 30px rgba(0, 255, 136, 0.5);
}

#rebirthContent {
    max-width: 400px;
    margin: 0 auto;
}

#rebirthInfo {
    background: var(--bg-panel-light);
    padding: 1rem;
    border-radius: 10px;
    margin-bottom: 1rem;
    text-align: center;
}

#tasksList {
    margin: 1rem 0;
}

.task-item {
    background: var(--bg-panel-light);
    padding: 0.8rem;
    margin: 0.5rem 0;
    border-radius: 10px;
    border-left: 3px solid var(--warning);
}

.task-item.completed {
    border-left-color: var(--success);
    opacity: 0.7;
}

.task-item.completed::after {
    content: "✓";
    color: var(--success);
    float: right;
    font-weight: bold;
}

#rebirthBtn {
    width: 100%;
    padding: 1rem;
    background: linear-gradient(135deg, var(--warning), #ff6b35);
    border: none;
    border-radius: 15px;
    color: var(--bg-dark);
    font-weight: 700;
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.3s;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#rebirthBtn:enabled:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(255, 107, 53, 0.4);
}

#rebirthBtn:disabled {
    background: var(--text-secondary);
    cursor: not-allowed;
    opacity: 0.5;
}

#collectionBtn {
    bottom: 100px;
    left: 20px;
    right: auto;
    background: linear-gradient(135deg, #ff6b35, #f39c12);
    box-shadow: 0 5px 20px rgba(255, 107, 53, 0.3);
}

#collectionBtn:hover {
    box-shadow: 0 10px 30px rgba(255, 107, 53, 0.5);
}

#collectionGrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 1rem;
    max-height: 60vh;
    overflow-y: auto;
    padding: 1rem;
}

.rarity-header {
    grid-column: 1 / -1;
    margin: 1rem 0 0.5rem 0;
}

.rarity-header h3 {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 10px;
    font-size: 0.9rem;
}

.collection-item {
    background: var(--bg-panel-light);
    border: 1px solid var(--border);
    border-radius: 15px;
    padding: 1rem;
    text-align: center;
    transition: all 0.3s;
    position: relative;
}

.collection-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.collection-item img {
    width: 100%;
    height: 80px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 0.5rem;
}

.collection-item img.undiscovered {
    filter: grayscale(100%) blur(2px);
    opacity: 0.3;
}

.collection-info {
    font-size: 0.8rem;
}

.collection-name {
    font-weight: 600;
    margin-bottom: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.collection-stats {
    display: flex;
    justify-content: space-between;
    color: var(--text-secondary);
    font-size: 0.7rem;
    margin-bottom: 0.5rem;
}

.owned-badge {
    color: var(--success);
    font-weight: bold;
    font-size: 0.7rem;
}

.undiscovered-badge {
    color: var(--text-secondary);
    font-size: 0.7rem;
}

.collection-item .new-badge {
    top: 5px;
    right: 5px;
    font-size: 0.5rem;
}

/* Add lucky block styles */
.lucky-block-slot {
    position: relative;
    border: 2px solid var(--accent);
    box-shadow: 0 0 20px rgba(0, 255, 136, 0.3);
}

.lucky-block-slot img {
    filter: brightness(1.2) saturate(1.3);
}

.open-block-btn {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #ff6b35, #f39c12);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 0.3rem 0.6rem;
    font-size: 0.7rem;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 2;
}

.open-block-btn:hover {
    transform: translateX(-50%) translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4);
}

#luckyBlocksShop,
#characterShop {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#luckyBlocksShop h3 {
    color: var(--accent);
    margin-bottom: 1rem;
    text-align: center;
}

#luckyBlocksButtons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.5rem;
}

.lucky-block-btn {
    padding: 0.8rem;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

.lucky-block-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.lucky-block-btn[data-block="mythic"] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
}

.lucky-block-btn[data-block="god"] {
    background: linear-gradient(135deg, #ffd700, #f39c12);
    color: black;
}

.lucky-block-btn[data-block="secret"] {
    background: linear-gradient(135deg, #ff00ff, #00ffff);
    color: white;
}

.lucky-block-btn[data-block="super"] {
    background: linear-gradient(135deg, #ff6b35, #f39c12);
    color: white;
}

.lucky-block-btn[data-block="allstar"] {
    background: linear-gradient(135deg, #ff0080, #ff0080, #00ff88, #00ff88);
    background-size: 200% 200%;
    animation: rainbow 2s linear infinite;
    color: white;
    position: relative;
    overflow: hidden;
}

.lucky-block-btn[data-block="allstar"]:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(255, 0, 128, 0.4);
}

.lucky-block-btn[data-block="allstar"]::before {
    content: "⭐";
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.2rem;
    animation: twinkle 1.5s ease-in-out infinite;
}

@keyframes twinkle {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.2); }
}

.lucky-block-btn[data-block="sahur"] {
    background: linear-gradient(135deg, #4a90e2, #357abd, #2c5aa0);
    color: white;
    position: relative;
}

.lucky-block-btn[data-block="sahur"]::before {
    content: "🌙";
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.2rem;
    animation: twinkle 1.5s ease-in-out infinite;
}

.lucky-block-btn[data-block="cactus"] {
    background: linear-gradient(135deg, #8fbc8f, #228b22, #006400);
    color: white;
    position: relative;
}

.lucky-block-btn[data-block="cactus"]::before {
    content: "🌵";
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.2rem;
    animation: bounce 2s ease-in-out infinite;
}

.lucky-block-btn[data-block="night"] {
    background: linear-gradient(135deg, #191970, #483d8b, #2f4f4f);
    color: white;
    position: relative;
}

.lucky-block-btn[data-block="night"]::before {
    content: "🌃";
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.2rem;
    animation: pulse 2s ease-in-out infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-5px); }
    60% { transform: translateY(-3px); }
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.7; }
    100% { opacity: 1; }
}

.block-luck-btn { background: linear-gradient(135deg, #00ff88, #00cc6a); color: #000; }

.lucky-block-btn[data-block="banana"] { background: linear-gradient(135deg,#f9d423,#ff4e50); color:#000; }
.lucky-block-btn[data-block="future"] { background: linear-gradient(135deg,#00d2ff,#3a7bd5); color:#fff; }
.lucky-block-btn[data-block="galaxy"] { background: linear-gradient(135deg,#0f2027,#203a43,#2c5364); color:#fff; }
.lucky-block-btn[data-block="jelly"] { background: linear-gradient(135deg,#36d1dc,#5b86e5); color:#fff; }
.lucky-block-btn[data-block="football"] { background: linear-gradient(135deg,#11998e,#38ef7d); color:#000; }

.lucky-block-btn[data-block="rain"] { background: linear-gradient(135deg,#4facfe,#00f2fe); color:#000; }
.lucky-block-btn[data-block="outerspace"] { background: linear-gradient(135deg,#000428,#004e92); color:#fff; }
.lucky-block-btn[data-block="redblue"] { background: linear-gradient(135deg,#ff416c,#0061ff); color:#fff; }
.lucky-block-btn[data-block="taco"] { background: linear-gradient(135deg,#fbd72b,#8fd3f4); color:#000; }
.lucky-block-btn[data-block="strongstrawberry"] { background: linear-gradient(135deg,#ff416c,#ff4b2b); color:#fff; }

.lucky-block-btn[data-block="gallina"] { background: linear-gradient(135deg,#f6d365,#fda085); color:#000; }
.lucky-block-btn[data-block="atomita"] { background: linear-gradient(135deg,#30cfd0,#330867); color:#fff; }
.lucky-block-btn[data-block="trulimeiro"] { background: linear-gradient(135deg,#a18cd1,#fbc2eb); color:#000; }
.lucky-block-btn[data-block="italah"] { background: linear-gradient(135deg,#00c6ff,#0072ff); color:#fff; }
.lucky-block-btn[data-block="lrr"] { background: linear-gradient(135deg,#654ea3,#eaafc8); color:#fff; }

.lucky-block-btn[data-block="blackholegoat"] { background: linear-gradient(135deg,#000000,#434343,#6a11cb); color:#fff; }
.lucky-block-btn[data-block="duolingo"] { background: linear-gradient(135deg,#a8e063,#56ab2f); color:#000; }
.lucky-block-btn[data-block="nyan"] { background: linear-gradient(90deg,#ff512f,#dd2476,#24c6dc,#514a9d); color:#fff; }
.lucky-block-btn[data-block="fazbear"] { background: linear-gradient(135deg,#8e6e53,#c79a63); color:#000; }
.lucky-block-btn[data-block="number2"] { background: linear-gradient(135deg,#36d1dc,#5b86e5); color:#fff; }

.lucky-block-btn[data-block="candy"] {
    background: linear-gradient(135deg, #ff6b6b, #ffa502);
    color: white;
    position: relative;
}

.lucky-block-btn[data-block="candy"]::before {
    content: "🍬";
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.2rem;
    animation: bounce 2s ease-in-out infinite;
}

.lucky-block-btn[data-block="fruit"] { background: linear-gradient(135deg,#ff6b6b,#ffa502); color:#fff; }
.lucky-block-btn[data-block="green"] { background: linear-gradient(135deg,#00b894,#00a085); color:#fff; }
.lucky-block-btn[data-block="giants"] { background: linear-gradient(135deg,#6c5ce7,#a29bfe); color:#fff; }
.lucky-block-btn[data-block="numbers"] { background: linear-gradient(135deg,#0984e3,#74b9ff); color:#fff; }

.lucky-block-btn[data-block="panda"] {
    background: linear-gradient(135deg, #ff6b6b, #ffa502);
    color: white;
    position: relative;
}

.lucky-block-btn[data-block="panda"]::before {
    content: "🐼";
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.2rem;
    animation: bounce 2s ease-in-out infinite;
}

.lucky-block-btn[data-block="camel"] {
    background: linear-gradient(135deg, #f39c12, #e67e22);
    color: white;
    position: relative;
}

.lucky-block-btn[data-block="camel"]::before {
    content: "🐪";
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.2rem;
    animation: bounce 2s ease-in-out infinite;
}

.lucky-block-btn[data-block="libur"] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    position: relative;
}

.lucky-block-btn[data-block="libur"]::before {
    content: "📚";
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.2rem;
    animation: twinkle 1.5s ease-in-out infinite;
}

.lucky-block-btn[data-block="ohio"] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    position: relative;
}

.lucky-block-btn[data-block="ohio"]::before {
    content: "🏴";
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.2rem;
    animation: pulse 2s ease-in-out infinite;
}

.lucky-block-btn[data-block="neptunino"] {
    background: linear-gradient(135deg, #1abc9c, #16a085);
    color: white;
    position: relative;
}

.lucky-block-btn[data-block="neptunino"]::before {
    content: "🚀";
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.2rem;
    animation: bounce 2s ease-in-out infinite;
}

.lucky-block-btn[data-block="sky"]{background:linear-gradient(135deg,#87ceeb,#1e90ff);color:#001b2e;}
.lucky-block-btn[data-block="gold"]{background:linear-gradient(135deg,#8a6d02,#d4af37,#ffd700);color:#1a1200;}
.lucky-block-btn[data-block="malta"]{background:linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,.65)),url('/Flag_of_Malta.svg.png');background-size:cover;background-position:center;color:#000;}
.lucky-block-btn[data-block="gusini"]{background:linear-gradient(135deg,#ff9a9e,#fad0c4);color:#210; }

.lucky-block-btn[data-block="common"]{background:#2ecc71;color:#000;}
.lucky-block-btn[data-block="rare"]{background:#3498db;color:#fff;}
.lucky-block-btn[data-block="epic"]{background:#8e44ad;color:#fff;}
.lucky-block-btn[data-block="legendary"]{background:#f1c40f;color:#000;}
.lucky-block-btn[data-block="og"]{background:linear-gradient(135deg,#ff0033,#32cd32);color:#fff;}

.lucky-block-btn[data-block="yellow"]{background:#ffcc00;color:#000;}
.lucky-block-btn[data-block="purple"]{background:#8e44ad;color:#fff;}
.lucky-block-btn[data-block="coconut"]{background:linear-gradient(135deg,#6b4f2a,#f5f5f5);color:#000;}
.lucky-block-btn[data-block="saintkittsnevis"]{background:linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.6)),url('/Flag_of_Saint_Kitts_and_Nevis.svg.png');background-size:cover;background-position:center;color:#000;}

.lucky-block-btn[data-block="baby"]{background:#7ecbff;color:#001b2e;}
.lucky-block-btn[data-block="bird"]{background:linear-gradient(135deg,#2ecc71,#f1c40f,#3498db);color:#000;}
.lucky-block-btn[data-block="strong"]{background:linear-gradient(135deg,#000000,#c0392b);color:#fff;}
.lucky-block-btn[data-block="viscatello"]{background:linear-gradient(135deg,#2980b9,#dc143c);color:#fff;}
.lucky-block-btn[data-block="number10"]{background:#1e90ff;color:#fff;}

.lucky-block-btn[data-block="robloxinireinini"]{background:linear-gradient(135deg,#1e90ff,#e74c3c,#8e5b3a);color:#fff;}
.lucky-block-btn[data-block="solerex"]{background:linear-gradient(135deg,#ff8c00,#000000);color:#fff;}
.lucky-block-btn[data-block="polishcow"]{background:linear-gradient(135deg,#ffffff,#000000);color:#fff;}
.lucky-block-btn[data-block="skibidimbappe"]{background:linear-gradient(135deg,#2ecc71,#ffffff);color:#000;}
.lucky-block-btn[data-block="busireng"]{background:linear-gradient(135deg,#000000,#0033aa,#6a0dad);color:#fff;}

.gem-icon{width:22px;height:22px;object-fit:contain;filter: drop-shadow(0 0 4px rgba(124,199,255,.35));}

/* Add king event styling */
.brainrot-item.king-item {
    border: 3px solid #ffd700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.8) !important;
    animation: kingGlow 1s ease-in-out infinite alternate;
}

@keyframes kingGlow {
    from { box-shadow: 0 0 20px rgba(255, 215, 0, 0.8); }
    to { box-shadow: 0 0 30px rgba(255, 215, 0, 1); }
}

/* Add roulette spin animation */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.roulette .rb-head{display:flex;align-items:center;gap:.6rem;padding:.6rem;border-radius:12px;color:#fff}
.roulette .rb-icon{width:32px;height:32px;border-radius:6px;object-fit:cover}
.roulette .rb-reels{display:flex;gap:.5rem;justify-content:center;margin:1rem 0}
.roulette .rb-reels img{width:90px;height:90px;object-fit:cover;border-radius:10px;border:2px solid var(--border);box-shadow:0 6px 16px rgba(0,0,0,.3)}
.roulette .rb-result{text-align:center;margin-top:.5rem;color:var(--accent)}

#topControls {
    position: sticky;
    top: 0;
    z-index: 50;
    display: flex;
    gap: .5rem;
    padding: .75rem;
    background: linear-gradient(135deg, #061022, #0d2140);
    border: 1px solid #0e1a2b;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(12, 28, 56, 0.55);
}

#topControls button {
    flex: 1 1 auto;
    padding: .8rem 1rem !important;
    background: linear-gradient(135deg, var(--blue-700), var(--blue-600)) !important;
    color: #e6f3ff !important;
    border: 1px solid #19355e !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .3px;
    box-shadow: 0 6px 18px rgba(25, 53, 94, 0.35);
}

#topControls button:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(25, 53, 94, 0.5);
}

#topControls button:disabled {
    opacity: .6;
    cursor: not-allowed;
}

#craftBody .recipe{background:var(--bg-panel-light);border:1px solid var(--border);border-radius:12px;padding:.75rem;margin:.5rem 0}
#craftBody .req{color:var(--text-secondary);font-size:.85rem;margin:.25rem 0}
#craftBody .craft-status{margin-top:.5rem;color:var(--accent)}

.collection-actions{display:flex;gap:.35rem;justify-content:center;margin-top:.4rem}
.collection-actions button{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);padding:.25rem .45rem;border-radius:8px;font-size:.8rem;cursor:pointer;transition:.2s}
.collection-actions button:hover{border-color:var(--accent);box-shadow:var(--glow)}

.lucky-block-btn[data-block="saudi"]{background:linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,.65)),url('/saudi.webp');background-size:cover;background-position:center;color:#000;}

/* Riyal rain */
.riyal-drop{position:fixed;top:-80px;left:0;right:0;pointer-events:auto;z-index:60}
.riyal{position:absolute;width:44px;height:44px;animation:riyalFall 7s linear infinite;opacity:.95}
@keyframes riyalFall{0%{transform:translateY(-80px) rotate(0)}100%{transform:translateY(110vh) rotate(360deg)}}

.lucky-block-btn[data-block="pineapple"]{background:linear-gradient(135deg,#ffd54f,#ffa000);color:#3b2d00;}
.lucky-block-btn[data-block="mergegame"]{background:linear-gradient(135deg,#222,#555);color:#fff;}
.lucky-block-btn[data-block="originalsecret"]{background:linear-gradient(135deg,#000,#333);color:#fff;}
.lucky-block-btn[data-block="astley"]{background:linear-gradient(135deg,#ff6b6b,#ffe66d);color:#1a0b00;}

.lucky-block-btn[data-block="ice"]{background:linear-gradient(135deg,#e0f7ff,#7ad3ff);color:#00324d;}
.lucky-block-btn[data-block="internet"]{background:linear-gradient(135deg,#111,#444);color:#fff;}
.lucky-block-btn[data-block="mexico"]{background:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7)),url('/Flag_of_Mexico.svg.png');background-size:cover;color:#000;}

#topControls.rb-theme{background:linear-gradient(135deg,#ff416c,#0061ff)!important;border-color:#2b3f84!important;}

.taco-drop{position:fixed;top:-80px;left:0;right:0;pointer-events:none;z-index:60}
.taco{position:absolute;width:40px;height:40px;animation:tacoFall 6s linear infinite;opacity:.9}
@keyframes tacoFall{0%{transform:translateY(-80px)}100%{transform:translateY(110vh)}}

#pinataBtn{position:fixed;bottom:260px;right:24px;width:80px;height:80px;border:none;border-radius:12px;background:#fff1;backdrop-filter:blur(6px)}
#pinataBtn img{width:100%;height:100%;object-fit:contain}
#pinataBtn[disabled]{opacity:.5;cursor:not-allowed}

.lucky-block-btn[data-block="war"]{background:linear-gradient(135deg,#1fae62,#0b3d2e);color:#fff;}
.lucky-block-btn[data-block="mali"]{background:linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,.65)),url('/Mali.png');background-size:cover;background-position:center;color:#000;}
.lucky-block-btn[data-block="unicornio"]{background:linear-gradient(135deg,#0b1b33,#ff2d95,#ffd400);color:#fff;}
.lucky-block-btn[data-block="dreamini"]{background:linear-gradient(135deg,#ff9ad5,#ff5cc2);color:#000;}
.lucky-block-btn[data-block="timcheese"]{background:linear-gradient(135deg,#0b1b33,#0f2547,#15335f);color:#e6f3ff;}
.lucky-block-btn[data-block="yingetto"]{background:linear-gradient(135deg,#ff5cc2,#2ecc71);color:#001b2e;}
.lucky-block-btn[data-block="panzertankini"]{background:linear-gradient(135deg,#fff59e,#ffd54f);color:#654321;}

.lucky-block-btn[data-block="blastpast"]{background:linear-gradient(135deg,#6b4f2a,#b5651d);color:#fff;}
.lucky-block-btn[data-block="sadness"]{background:linear-gradient(135deg,#3a3a3a,#0f0f0f);color:#e0e0e0;}
.lucky-block-btn[data-block="eclipse"]{background:linear-gradient(135deg,#000,#ff6a00,#000);color:#fff;}

.lucky-block-btn[data-block="money"]{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#001b2e;}
.lucky-block-btn[data-block="saudi"]{background:linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,.65)),url('/saudi.webp');background-size:cover;background-position:center;color:#000;}

.sahurbaby-drop{position:fixed;top:-80px;left:0;right:0;pointer-events:auto;z-index:60}
.sahurbaby{position:absolute;width:40px;height:40px;animation:tacoFall 6s linear infinite;opacity:.95;cursor:pointer}

.lucky-block-btn[data-block="agent"]{background:linear-gradient(135deg,#0b1b3b,#0e2a58,#09316b);color:#e6f3ff;}
.lucky-block-btn[data-block="boneca"]{background:linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.6)),url('/Boneca Ambalabu.webp');background-size:cover;background-position:center;color:#000;}
.lucky-block-btn[data-block="mech"]{background:linear-gradient(135deg,#4f5358,#7a7f86,#aeb4bc,#cfd5dc);color:#0a0a0a;}

#buyBabyGemBtn{background:linear-gradient(135deg,#7ecbff,#4aa3ff)!important;color:#001b2e!important;}
#buyGoldGemBtn{background:linear-gradient(135deg,#8a6d02,#d4af37,#ffd700)!important;color:#1a1200!important;}
#buyMaliGemBtn{background:linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,.65)),url('/Mali.png')!important;background-size:cover!important;background-position:center!important;color:#000!important;}

#characterShop .lucky-block-btn[data-block="gallina"]{background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url('/La Gallina Sburricchiata Sburricchiosa.jpeg');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="atomita"]{background:linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4)),url('/La Vacca Atomo Atomita.png');background-size:cover;background-position:center;color:#000;}
#characterShop .lucky-block-btn[data-block="trulimeiro"]{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url('/Trulimeiro Trulifogo.png');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="italah"]{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url('/Italah Bombardiro Crocodilo.png');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="lrr"]{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('/Lorupan.png');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="blackholegoat"]{background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url('/La Vacca Black Hole Goat.png');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="duolingo"]{background:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)),url('/Duolingo.webp');background-size:cover;background-position:center;color:#000;}
#characterShop .lucky-block-btn[data-block="nyan"]{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('/Nyan Cat.png');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="fazbear"]{background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url('/Freddy Fazbear Trashcan.jpg');background-size:cover;background-position:center;color:#fff;}

#characterShop .lucky-block-btn[data-block="number2"]{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('/Il Trascendente Due.webp');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="viscatello"]{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('/Viscatello Visca Barça.png');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="strongstrawberry"]{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('/Strong Strawberry.png');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="number10"]{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('/Il Potente Dieci.webp');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="robloxinireinini"]{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('/Robloxini Reinini.png');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="solerex"]{background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url('/Sole Rex Infoucato.jpeg');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="polishcow"]{background:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)),url('/Polish Cow.webp');background-size:cover;background-position:center;color:#000;}
#characterShop .lucky-block-btn[data-block="libur"]{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('/Libur Telah Tiba.png');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="ohio"]{background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),url('/Ohio Flag.png');background-size:cover;background-position:center;color:#000;}

#characterShop .lucky-block-btn[data-block="neptunino"]{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('/Pandino Neptunino.webp');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="skibidimbappe"]{background:linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.6)),url('/Subway McFrappé Skibidi Mbappé.jpeg');background-size:cover;background-position:center;color:#000;}
#characterShop .lucky-block-btn[data-block="busireng"]{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('/Rang Ring Reng Bus Ireng.jpeg');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="gusini"]{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('/Bombombini Gusini (1).webp');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="unicornio"]{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('/Unicornio Planetario.png');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="dreamini"]{background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),url('/Cattini Dreamini.png');background-size:cover;background-position:center;color:#000;}
#characterShop .lucky-block-btn[data-block="timcheese"]{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('/Tim Cheese.webp');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="yingetto"]{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url('/Yingetto Draghetto.png');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="panzertankini"]{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('/Panzertankini Banana Pierdolini.png');background-size:cover;background-position:center;color:#fff;}

#characterShop .lucky-block-btn[data-block="astley"]{background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url('/Rick Astley.jpg');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="eclipse"]{background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url('/El Zorro Eclipse Solar.jpg');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="torini"]{background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url('/Torini Españolini.jpeg');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="formaggiu"]{background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url('/Il Mago Formaggiù.jpg');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="meloncini"]{background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),url('/Meloncini Jueguini.jpg');background-size:cover;background-position:center;color:#000;}
#characterShop .lucky-block-btn[data-block="tungreturn"]{background:linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.6)),url('/sahurbaby.png');background-size:cover;background-position:center;color:#000;}
#characterShop .lucky-block-btn[data-block="pavone"]{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('/Pavone d\'Argento.png');background-size:cover;background-position:center;color:#fff;}

#collectionProgress{background:linear-gradient(135deg,#0b1426,#0e2344);border:1px solid #102544;border-radius:12px;padding:.6rem .8rem;box-shadow:0 6px 18px rgba(12,28,56,.35)}
#collectionProgress .prog-head{display:flex;justify-content:space-between;color:#e6f3ff;font-size:.9rem;margin-bottom:.4rem}
#collectionProgress .prog-wrap{width:100%;height:10px;background:#0f1e36;border:1px solid #19355e;border-radius:999px;overflow:hidden}
#collectionProgress #progFill{height:100%;width:0%;background:linear-gradient(90deg,#00ff88,#1aa2ff);box-shadow:0 0 12px rgba(0,255,136,.35);transition:width .3s ease}

#characterShop .lucky-block-btn[data-block="saymyname"]{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('https://static.wikitide.net/italianbrainrotwiki/thumb/5/5d/Say_my_name.jpeg/300px-Say_my_name.jpeg');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="firehole"]{background:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)),url('https://gdbrowser.com/assets/difficulties/normal.png');background-size:cover;background-position:center;color:#000;}
#characterShop .lucky-block-btn[data-block="ice"]{background:linear-gradient(135deg,#e0f7ff,#7ad3ff);color:#00324d;}
#characterShop .lucky-block-btn[data-block="internet"]{background:linear-gradient(135deg,#111,#444);color:#fff;}
#characterShop .lucky-block-btn[data-block="mexico"]{background:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7)),url('/Flag_of_Mexico.svg.png');background-size:cover;color:#000;}

#adminShopModal .modal-content {
    max-width: 640px;
}

#adminShopModal .machine-modal{max-width:720px}
#adminShopModal .admin-tabs button{flex:1}
#adminShopModal .admin-shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem}
#adminShopModal .recipe.admin-card{display:flex;gap:.6rem;align-items:center}
#adminShopModal .recipe.admin-card img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}
#adminShopModal .admin-limited{padding:.6rem;border-radius:12px;background:var(--bg-panel-light);display:flex;gap:.8rem;align-items:center;border:1px solid var(--border)}
#adminShopModal .admin-limited img{width:96px;height:96px;object-fit:cover;border-radius:10px}
#adminShopModal .admin-limited-sub{font-size:.9rem;color:var(--text-secondary)}
#adminShopModal .admin-limited-name{font-weight:800;margin-top:.2rem;font-size:1.05rem}
#adminShopModal .admin-limited-price,.admin-limited-expiry{color:var(--text-secondary);margin-top:.25rem;font-size:.9rem}

#monthlyPassBody{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem}
.pass-card{background:var(--bg-panel-light);border:1px solid var(--border);border-radius:12px;padding:.6rem;display:flex;gap:.6rem;align-items:center}
.pass-card img{width:56px;height:56px;border-radius:8px;object-fit:cover;border:1px solid var(--border)}
.pass-meta{font-size:.85rem;color:var(--text-secondary)}
.pass-claim{margin-left:auto}
.pass-claimed{color:var(--success);font-weight:700}

.prize-box-card {
    display:flex;
    gap:.6rem;
    align-items:center;
    background:var(--bg-panel-light);
    border:1px solid var(--border);
    padding:.6rem;
    border-radius:12px;
    min-width:220px;
}
.box-image{width:64px;height:64px;object-fit:contain;border-radius:8px;border:1px solid var(--border)}
.prize-meta{display:flex;flex-direction:column;gap:.25rem}
.prize-name{font-weight:800;color:var(--text-primary)}
.prize-price{color:var(--text-secondary);font-size:0.85rem}
.prize-buy-btn{padding:.5rem .6rem;border-radius:8px;border:none;background:linear-gradient(135deg,#00ff88,#00cc6a);color:#001b2e;font-weight:800;cursor:pointer}

/* Lucky Shop styles (Conveyor Luck) */
#luckyShop { background: linear-gradient(135deg, #101215, #0f1316); border-radius: 12px; border: 1px solid var(--border); padding: 0.75rem; }
#luckyShop .lucky-shop-card { background: var(--bg-panel-light); border: 1px solid var(--border); padding: 0.6rem; border-radius: 10px; min-height:120px; display:flex;flex-direction:column;gap:.3rem; justify-content:space-between; }
#luckyShop .lucky-shop-card img { filter: drop-shadow(0 6px 12px rgba(0,0,0,0.5)); }

/* Conveyor visual overrides per luck tier */
#belt { transition: background 0.6s ease, box-shadow 0.6s ease; }
.conveyor-luck-2 { background: linear-gradient(90deg,#071b0f,#0b2e18); box-shadow: 0 8px 30px rgba(0,96,48,0.25); }
.conveyor-luck-4 { background: linear-gradient(90deg,#2f2a0b,#5b4a08); box-shadow: 0 8px 30px rgba(152,126,0,0.25); }
.conveyor-luck-6 { background: linear-gradient(90deg,#1b0b1f,#3a183f); box-shadow: 0 8px 30px rgba(110,40,160,0.25); }
.conveyor-luck-8 { background: linear-gradient(90deg, #2a0a2a, #3d1149, #1b5f5f, #2a0a2a); box-shadow: 0 8px 30px rgba(160,50,200,0.35); }
.conveyor-luck-10 { background: linear-gradient(90deg,#0a0a0a,#dcdcdc); box-shadow: 0 8px 30px rgba(0,0,0,0.6); color:#fff; }
.conveyor-luck-12 { background: linear-gradient(90deg,#0b0b0b,#2b1a00); box-shadow: 0 8px 40px rgba(255, 210, 0, 0.18); color:#fff; position:relative; }

/* Particles for 12x luck */
.conveyor-luck-12::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0; right: 0; top: -12px; height: 8px;
    background-image: radial-gradient(circle at 10% 50%, rgba(255,215,0,0.9) 0 2px, transparent 3px),
                      radial-gradient(circle at 30% 50%, rgba(255,215,0,0.7) 0 2px, transparent 3px),
                      radial-gradient(circle at 60% 50%, rgba(255,215,0,0.6) 0 2px, transparent 3px),
                      radial-gradient(circle at 80% 50%, rgba(255,215,0,0.5) 0 2px, transparent 3px);
    background-size: 40% 100%, 40% 100%, 40% 100%, 40% 100%;
    background-repeat: repeat-x;
    animation: conveyorParticles 2.4s linear infinite;
    opacity: 0.9;
}
@keyframes conveyorParticles {
    from { background-position: 0 0, 0 0, 0 0, 0 0; }
    to { background-position: 100% 0, 100% 0, 100% 0, 100% 0; }
}

/* Lucky Shop closed state */
#luckyShop.closed { opacity: 0.5; pointer-events: none; filter: grayscale(0.6); }

/* Scooter Night visuals: small falling Chicletoñas and giant riders */
.chicle-drop{position:fixed;top:-80px;left:0;right:0;pointer-events:auto;z-index:70}
.chicle-small{position:absolute;width:44px;height:44px;animation:chicleFall 6s linear infinite;opacity:.95;cursor:pointer;border-radius:8px;object-fit:cover}
@keyframes chicleFall{0%{transform:translateY(-80px)}100%{transform:translateY(110vh)}}
.giant-chicle{position:fixed;width:220px;height:120px;object-fit:contain;z-index:65;pointer-events:none;transform:translateX(0);transition:transform 10s linear,left 10s linear}

/* Tung Sahur falling visuals (distinct from chicle/taco) */
.tung-drop{position:fixed;top:-80px;left:0;right:0;pointer-events:auto;z-index:72}
.tung-small{position:absolute;width:44px;height:44px;animation:chicleFall 6s linear infinite;opacity:.95;cursor:pointer;border-radius:8px;object-fit:cover}

.menu-card{
  display:flex;
  flex-direction:column;
  gap:.75rem;
  padding:1rem;
  background:linear-gradient(180deg,#071328,#0c2238);
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.04);
  box-shadow:0 10px 30px rgba(2,8,20,0.6);
  color:var(--text-primary);
}
.menu-header h2{margin:0;font-size:1.25rem;letter-spacing:.6px}
.menu-sub{margin:.25rem 0 0;color:var(--text-secondary);font-size:.85rem}
.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem}
.menu-action{
  padding:.8rem;
  border-radius:10px;
  background:linear-gradient(135deg,#0f3a5a,#123a5f);
  border:1px solid rgba(255,255,255,0.04);
  color:var(--text-primary);
  font-weight:700;
  cursor:pointer;
  transition:transform .12s ease,box-shadow .12s ease,opacity .12s;
  display:flex;align-items:center;justify-content:center;
}
.menu-action:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(12,28,56,0.6)}
.menu-action.destructive{background:linear-gradient(135deg,#7a1f1f,#9b2b2b);color:#fff}
.menu-footer{text-align:center;color:var(--text-secondary);font-size:.8rem;margin-top:.25rem}
/* make close button more visible on menu */
#menuClose{color:var(--text-secondary);font-size:26px;position:absolute;right:18px;top:12px}
#menuClose:hover{color:var(--danger)}
/* keyboard accessible focus style */
.menu-action:focus{outline:3px solid rgba(76,194,255,0.16);outline-offset:2px}

/* Negative UI mode for Heartrot event */
.neg-ui {
  filter: invert(1) hue-rotate(180deg);
}
/* Limit filter to main container to avoid inverting videos/audio controls outside */
#gameContainer.neg-ui {
  /* override previous filter application on the container */
  filter: none;
}
#gameContainer.neg-ui > * {
  filter: invert(1) hue-rotate(180deg);
}

.neg-ui #rebirthFloatingBtn,
.neg-ui #collectionBtn,
.neg-ui #musicToggleBtn,
.neg-ui #adminShopBtn,
.neg-ui #gemBtn {
  filter: invert(1) hue-rotate(180deg); /* counter the container inversion */
  z-index: 1001; /* keep above event visuals */
  opacity: 1; /* ensure not dimmed */
  pointer-events: auto;
}

.fuser-wrap{display:grid;grid-template-columns:320px 1fr;gap:.8rem;margin-top:.5rem}
.fuser-controls{background:var(--bg-panel-light);border:1px solid var(--border);border-radius:12px;padding:.6rem;display:flex;flex-direction:column;gap:.5rem}
.fuser-slot-row{display:flex;gap:.5rem}
.fuser-slot{flex:1;display:flex;flex-direction:column;gap:.25rem}
.fuser-slot select{width:100%;padding:.5rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text-primary)}
.fusion-status{min-height:22px;color:var(--text-secondary)}
.fusion-note{color:var(--text-secondary)}
.fuser-base{background:var(--bg-panel-light);border:1px solid var(--border);border-radius:12px;padding:.6rem}
.fuser-base-head{font-weight:800;margin-bottom:.35rem;color:var(--accent)}
.fused-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.fused-slot{aspect-ratio:1;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.fused-slot img{width:90%;height:90%;object-fit:cover;border-radius:8px}
.fused-slot .fused-label{position:absolute;left:6px;bottom:6px;background:#000a;color:#fff;font-size:.65rem;padding:2px 6px;border-radius:6px}
.fused-slot .sell-btn{position:absolute;right:6px;bottom:6px;background:linear-gradient(135deg,#ff6b6b,#c0392b);color:#fff;border:none;border-radius:6px;padding:.25rem .4rem;font-size:.65rem;cursor:pointer}
.fused-income{margin-top:.5rem;text-align:center;color:#ffd700;font-weight:700}

/* Event menu redesign */
.event-modal .modal-content {
  max-width: 520px;
  padding: 1rem 1.2rem;
  border-radius: 14px;
  background: linear-gradient(180deg, #071328, #0c2238);
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 12px 28px rgba(12,28,56,0.55);
}
.event-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  margin-bottom:.6rem;
  color:#e6f3ff;
}
.event-head h3 {
  margin: