: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(45deg, #ff00ff, #00ffff, #00ff88, #ffff00, #ff00ff); color: white; }
.rarity.secret { background: #000000; 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; }

.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 {
    margin-top: 2rem;
    padding: 1rem;
    background: linear-gradient(135deg, #081428, #0f2547);
    border-radius: 15px;
    border: 1px solid var(--border);
}

#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;}

#characterShop .lucky-block-btn[data-block="nucleare"]{background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url('/Anomalia Nucleare.webp');background-size:cover;background-position:center;color:#fff;}
#characterShop .lucky-block-btn[data-block="laserzilla"]{background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url('/Le Grandiozo Laserzilla (1).jpg');background-size:cover;background-position:center;color:#fff;}