.leaderboard-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;padding:70px 16px 110px;box-sizing:border-box;position:relative}.leaderboard-title{font-size:clamp(1.2rem,4vw,1.5rem);color:var(--text-color);margin-bottom:12px;text-shadow:none}.leaderboard-blocks-container{display:flex;flex-wrap:nowrap;justify-content:center;gap:10px;width:100%;overflow-x:auto;box-sizing:border-box}.leaderboard-block{flex:1 1 0;min-width:0;background-color:var(--secondary-background, #EBE7E3);border-radius:15px;border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-height:120px;box-sizing:border-box}.leaderboard-block h2{font-size:clamp(1rem,3vw,1.4rem);font-weight:200;color:var(--text-color);margin:5px 0 20px}.record-value_leaderboard,.friends-rank,.friends-count{font-size:clamp(1.2rem,4vw,1.8rem);font-weight:700;margin:8px 0;color:var(--text-color)}.share-button,.invite-button{margin-top:8px;padding:clamp(6px,1.5vw,10px) clamp(15px,3vw,25px);background-color:var(--button-background);color:var(--button-text-color);border:1px solid var(--border-color);border-radius:5px;cursor:pointer;font-size:clamp(.9rem,2vw,1rem);transition:all .3s ease}.share-button:hover,.invite-button:hover{background-color:#aaa}.leaderboard-tabs{display:flex;justify-content:space-between;margin:12px 0 16px;width:100%;max-width:500px;background-color:var(--secondary-background, #000);border-radius:15px;padding:0;position:relative;border:1px solid var(--border-color);box-sizing:border-box;gap:0}.tab-button{flex:1;padding:0;height:40px;background:none;border:none;cursor:pointer;font-size:16px;font-weight:600;text-align:center;position:relative;z-index:2;color:var(--text-color);transition:color .3s ease;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:15px}.tab-button.active{color:var(--text-color);font-weight:700}.tab-button.active.region-active{color:var(--text-color);font-weight:700;background-color:transparent}.tab-indicator{position:absolute;height:100%;width:33.33%;background-color:var(--card-background);border-radius:15px;top:0;left:0;z-index:1;transition:transform .3s ease}.tab-indicator.all{transform:translate(0)}.tab-indicator.friends{transform:translate(100%)}.tab-indicator.region{transform:translate(200%)}.leaderboard-period-tabs{display:flex;justify-content:center;gap:8px;width:100%;max-width:500px;margin:-4px 0 16px;box-sizing:border-box}.period-button{flex:1;height:34px;padding:0 12px;background-color:var(--card-background);color:var(--text-color);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;text-align:center;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:inherit}.period-button:active{transform:scale(.97)}.period-button.active{background-color:var(--accent-color, #FF8C00);color:#fff;font-weight:700;border-color:var(--border-color);box-shadow:0 2px 6px var(--shadow-color)}.tab-region-wrapper .tab-button{width:100%}.region-tab-container{position:relative;flex:1;display:flex}.region-tab-container .tab-button{width:100%}.region-dropdown-container{position:absolute;width:90%;background-color:#000;border:1px solid #333;border-radius:8px;box-shadow:0 4px 8px #0000004d;z-index:100;top:100%;left:50%;transform:translate(-50%);overflow:hidden;font-size:14px}.region-dropdown-list{list-style:none;padding:4px 0;margin:0;max-height:none;overflow-y:visible}.list-section-title{font-size:18px;font-weight:500;color:#000;margin:5px 0 12px;text-align:center}.players-list-container{width:100%;max-width:500px;background-color:transparent;border-radius:15px;border:none;max-height:52vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.loading-indicator{text-align:center;padding:20px;font-size:16px;color:#888}.loading-dots{display:inline-block;animation:dots-animation 1.5s infinite}@keyframes dots-animation{0%,20%{opacity:0}40%{opacity:.3}60%{opacity:.6}80%{opacity:.9}to{opacity:1}}.players-list{list-style:none;padding:0;margin:0}.player-item{display:flex;align-items:center;padding:12px 10px;border-bottom:1px solid #ddd}.player-item:last-child{border-bottom:none}.player-rank{padding-right:10px;font-weight:700;text-align:right;white-space:nowrap}.player-avatar{width:30px;height:30px;border-radius:50%;background-color:#ccc;margin-right:12px;object-fit:cover;overflow:hidden}.player-info{flex:1;display:flex;flex-direction:row;align-items:center}.player-name{font-weight:500;margin-right:8px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-score{font-weight:700;font-size:16px;margin-left:auto;color:var(--text-color)}.player-country-container{display:flex;align-items:center;margin-left:8px}.country-flag-img{width:24px;height:18px;object-fit:cover;border-radius:2px;margin-right:4px}.fallback-flag{display:flex;align-items:center;justify-content:center;min-width:24px;height:18px;background-color:#f0f0f0;border-radius:2px;margin-right:4px}.country-code{font-size:12px;color:#666;text-transform:uppercase}@media (max-width: 400px){.player-item{padding:10px 8px}.player-rank{min-width:25px;padding-right:8px;font-size:12px}.player-avatar{width:25px;height:25px;margin-right:8px}.player-name,.player-score{font-size:14px}}@media (max-width: 480px){.country-flag-img{width:16px;height:12px}.country-code{font-size:10px;padding:1px 4px}}.current-user-container{width:100%;max-width:500px;background-color:var(--card-background);border-radius:15px;border:1px solid var(--border-color);padding:12px 15px;margin-bottom:10px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box}.current-user-item{display:flex;align-items:center}.current-user-rank{min-width:30px;padding-right:10px;font-weight:700;text-align:right;white-space:nowrap;color:var(--text-color)}.current-user-avatar{width:40px;height:40px;border-radius:50%;background-color:#ccc;margin-right:15px;object-fit:cover;overflow:hidden}.current-user-info{flex:1;display:flex;flex-direction:row;align-items:center}.current-user-name{font-weight:600;margin-right:8px;color:var(--text-color);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-user-score{font-weight:700;font-size:16px;margin-left:auto;color:var(--text-color)}@media (max-width: 400px){.current-user-rank{min-width:25px;padding-right:8px;font-size:14px}.current-user-avatar{width:25px;height:25px;margin-right:8px}.current-user-name,.current-user-score{font-size:14px}}.tab-region-wrapper{position:relative;flex:1;display:flex}.region-dropdown-list{list-style:none;padding:0;margin:0;max-height:none;overflow-y:visible}.region-option{padding:7px 12px;cursor:pointer;transition:background-color .2s ease;border-bottom:none;color:#fff;font-size:16px}.region-option:hover{background-color:#333}.region-option.selected{background-color:#fff;color:#000}.leaderboard-tabs{position:relative}@media (max-width: 768px){.region-dropdown-container{width:180px}}@media (max-width: 480px){.region-dropdown-container{width:95%}.region-option{padding:6px 8px;font-size:16px}}.region-dropdown-standalone{position:absolute;width:calc(33.33% - 8px);background-color:#fff;border:2px solid #000;border-radius:0 0 15px 15px;box-shadow:0 4px 10px #0003;z-index:999;top:40px;right:4px;transform:none}@media (max-width: 480px){.region-dropdown-standalone{width:33.33%;right:0}}@media (min-width: 768px){.region-dropdown-container{width:250px;font-size:15px}.region-option{padding:8px 10px;font-size:14px}}.current-user-container .player-country{background-color:#e0e0e0;color:#555;margin-left:10px}.empty-leaderboard-card{background-color:var(--card-background);border:2px solid #000000;border-radius:18px;padding:28px 16px;text-align:center;box-shadow:0 4px #000;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:15px}.empty-leaderboard-icon{font-size:42px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.empty-leaderboard-title{font-size:18px;font-weight:900;font-family:Rose,sans-serif;color:var(--text-color)}.empty-leaderboard-sub{font-size:13px;color:#555;margin-bottom:8px}.empty-leaderboard-btn{background:gold;border:2px solid #000000;border-radius:12px;padding:10px 24px;font-size:15px;font-weight:900;font-family:Rose,sans-serif;color:#000;cursor:pointer;box-shadow:0 3px #000;transition:transform .1s ease}.empty-leaderboard-btn:active{transform:translateY(2px);box-shadow:0 1px #000}.shop-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;padding:70px 20px 20px;box-sizing:border-box;position:relative;overflow:hidden}.shop-title{font-size:clamp(1.2rem,4vw,1.5rem);color:var(--text-color);margin-bottom:12px;text-shadow:none}.shop-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:500px;box-sizing:border-box}.balance-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:500px;background-color:var(--secondary-background, #EBE7E3);border-radius:10px;border:1px solid var(--border-color);padding:10px 15px;margin-top:15px;box-sizing:border-box}.balance-display{display:flex;align-items:center}.balance-amount{font-weight:700;margin-right:5px}.balance-coin{width:20px;height:20px}.topup-button{background-color:var(--button-background, #d1d1d1);color:var(--button-text-color, #000);border:1px solid var(--border-color);border-radius:5px;padding:6px 12px;cursor:pointer;font-size:14px;transition:all .3s ease}.topup-button:hover{background-color:silver}.category-button{flex:0 1 auto;min-width:fit-content;padding:8px 12px;background-color:var(--button-background, #d1d1d1);color:var(--button-text-color, #000);border:1px solid var(--border-color);border-radius:5px;cursor:pointer;font-size:14px;text-align:center;transition:all .3s ease;white-space:nowrap;max-width:none}.category-button.active{background-color:var(--accent-color, #FF8C00);color:var(--button-text-color, #000)}.shop-content{width:100%;max-width:500px;max-height:calc(89vh - 240px);overflow-y:auto;overflow-x:hidden;position:relative;flex:1;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to bottom,#0000,#000 5%,#000 95%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 5%,rgba(0,0,0,1) 95%,rgba(0,0,0,0) 100%);padding:10px;box-sizing:border-box}.shop-content::-webkit-scrollbar{display:none}.shop-content{-ms-overflow-style:none;scrollbar-width:none}.shop-section{scroll-margin-top:0}.shop-section-title{font-size:18px;font-weight:600;color:var(--text-color);margin:10px 0}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.shop-item{background-color:var(--card-background, #FFFFFF);border-radius:7px;border:2px solid #ccc;padding:20px;display:flex;flex-direction:column;align-items:center;transition:transform .2s;box-shadow:0 0 2px #0003}body[data-theme=dark] .shop-item{border-color:var(--border-color)}.shop-item.owned{border-color:#8bbc6c;cursor:default}.shop-item:not(.owned):hover{transform:scale(1.02)}.item-image{width:80px;height:80px;border-radius:10px;margin-bottom:10px}.item-name{font-weight:500;text-align:center;margin-bottom:5px}.item-price{display:flex;align-items:center;font-weight:700}.coin-icon{width:16px;height:16px;margin-left:5px}.premium-star{font-size:16px;margin-left:5px;line-height:1}.preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-sizing:border-box}.preview-container{position:relative;width:80%;max-width:380px;background-color:var(--card-background, #f0f0f0);border:1px solid var(--border-color);border-radius:10px;padding:30px;margin:20px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;align-items:center;max-height:80vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;color:var(--text-color)}.preview-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:26px;color:#333;cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:background-color .2s}.preview-close:hover{background-color:#0000001a}.preview-title{font-size:20px;margin-bottom:20px;width:100%;text-align:center;font-weight:700;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.preview-content{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.preview-image{width:100px;height:100px;margin-bottom:20px;box-sizing:border-box}.preview-name{font-size:18px;font-weight:700;margin-bottom:10px;text-align:center}.preview-description{display:none}.preview-buy-button{background-color:var(--button-background, #ffffff);color:var(--button-text-color, #000);border:none;border-radius:20px;padding:12px 25px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-top:20px;box-shadow:0 2px 8px #0003;max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-buy-button:hover{background-color:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.preview-buy-button.loading{position:relative;cursor:wait;background-color:#f5f5f5;pointer-events:none}.preview-buy-button.loading:hover{transform:none;box-shadow:0 2px 8px #0003}.preview-buy-button.loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid #999;border-top-color:transparent;border-radius:50%;animation:button-loading-spinner 1s linear infinite;margin-left:10px}.preview-coin-icon{width:20px;height:20px;margin-left:8px}.purchase-success{color:#4caf50;background-color:#e8f5e9;padding:15px;border-radius:8px;margin:15px 0;text-align:center;font-size:16px;width:100%;box-sizing:border-box;border:1px solid #a5d6a7;font-weight:500}.preview-close-button{background-color:var(--button-background, #f0f0f0);color:var(--button-text-color, #333);border:1px solid var(--border-color, #ccc);border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;margin-top:16px}.preview-close-button:hover{background-color:#e0e0e0}.purchase-error{color:#d32f2f;background-color:#ffebee;padding:10px 15px;border-radius:8px;margin:10px 0;text-align:center;font-size:14px;width:100%;box-sizing:border-box;border:1px solid #ffa4a4}@media (max-width: 400px){.category-button{font-size:12px;padding:8px 5px}.items-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.premium-benefits-block{background-color:var(--card-background, #F8F8F8);border:2px solid #CCC;border-radius:10px;padding:0 15px;margin:20px 0;width:100%;box-sizing:border-box;position:relative;overflow:hidden}body[data-theme=dark] .premium-benefits-block{border-color:var(--border-color)}.premium-benefits-block:after{content:"";position:absolute;bottom:-28%;right:0;width:80px;height:80px;background-image:url(/assets/rabbit_sub_block-DWttakSh.png);background-repeat:no-repeat;background-position:center top;background-size:contain;z-index:1;pointer-events:none;transform:translateY(0)}.premium-benefits-title{font-size:18px;display:block;font-weight:700;margin-top:12px;position:relative;z-index:2}.premium-benefits-description{font-size:16px;color:var(--text-color);line-height:1.4;position:relative;z-index:2;padding-right:80px}.highlight-multiplier{background-color:var(--accent-color, #FF8C00);color:var(--button-text-color, #000);padding:0 5px;border-radius:7px;font-weight:700;display:inline-block}@media (max-width: 480px){.premium-benefits-block:after{bottom:-20%;width:70px;height:70px}}@media (max-width: 380px){.premium-benefits-block:after{bottom:-15%;width:60px;height:60px}}.preview-apply-button{background-color:#4caf50;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s;width:100%;margin-top:16px}.preview-apply-button:hover{background-color:#45a049}.preview-apply-button:disabled{background-color:#ccc;cursor:not-allowed}.preview-apply-button.loading{background-color:#45a049;cursor:wait}.preview-applied-button{background-color:gray;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:700;cursor:not-allowed;width:100%;margin-top:16px}.shop-item.equipped .item-price{color:#4caf50;font-weight:700}.premium-active-banner{margin-bottom:15px;text-align:center}.premium-active-text{font-size:16px;font-weight:500;color:var(--text-color)}.topup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:flex-end;z-index:1000132;animation:fadeIn .1s ease-out}.topup-container{background-color:var(--card-background, #fff);border-radius:12px 12px 0 0;width:100%;max-width:100%;padding:20px;position:relative;box-shadow:0 -5px 15px #0000004d;animation:slideUpFromBottom .2s cubic-bezier(.2,.8,.2,1);color:var(--text-color);border-top:1px solid var(--border-color)}.topup-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-color)}.topup-header{display:flex;align-items:center;justify-content:center;margin-bottom:15px}.topup-star-icon{width:30px;height:30px;margin-right:10px}.topup-title{margin:0;font-size:22px;color:var(--text-color);text-align:center}.topup-description{text-align:center;margin-bottom:20px;color:var(--secondary-text-color, #666);font-size:14px;line-height:1.5}.topup-slider-container{margin-bottom:20px}.topup-amount-display{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.topup-amount{font-size:24px;font-weight:700;color:var(--text-color);margin-right:5px}.topup-coin-icon{width:24px;height:24px}.topup-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--slider-background, #ddd);outline:none;border-radius:3px;margin:10px 0}.topup-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#ff9500;cursor:pointer;box-shadow:0 1px 3px #0000004d}.topup-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ff9500;cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d}.topup-pay-button{width:100%;padding:12px;background-color:#ff9500;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s;display:flex;justify-content:center;align-items:center}.topup-pay-button:hover{background-color:#e38100}.topup-pay-button.loading{color:transparent;pointer-events:none;position:relative}.topup-pay-button.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;border-radius:50%;border:2px solid transparent;border-top-color:#fff;animation:button-loading-spinner .8s linear infinite}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.lazy-image-container{width:100%;height:100%;min-height:80px;position:relative;border-radius:8px;overflow:hidden}.lazy-image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease-in-out}.lazy-image-container.loaded{background-color:transparent}.balance-actions{display:flex;align-items:center;gap:8px}.exchange-header-button{background:linear-gradient(135deg,#ffb800,#ff8c00);color:#1a1a1a;font-weight:700;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:4px;box-shadow:0 2px 10px #ffb80059;transition:all .2s ease}.exchange-header-button:active{transform:scale(.95)}.exchange-banner-card{width:100%;background:linear-gradient(135deg,#ffb80024,#ff8c0038);border:1.5px solid rgba(255,184,0,.5);border-radius:14px;padding:14px 16px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 18px #0000001f}.exchange-banner-info{display:flex;flex-direction:column;gap:4px;flex:1}.exchange-banner-badge{font-size:11px;font-weight:800;letter-spacing:.5px;color:#ffb800;text-transform:uppercase}.exchange-banner-rate{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:700;color:var(--text-color)}.exchange-banner-rate .rate-arrow{color:#ffb800;font-weight:900}.exchange-banner-desc{font-size:12px;opacity:.85;color:var(--text-color);line-height:1.3}.exchange-banner-action-btn{background:linear-gradient(135deg,#ffb800,#ff8c00);color:#1a1a1a;font-weight:700;border:none;border-radius:8px;padding:10px 14px;cursor:pointer;font-size:13px;white-space:nowrap;box-shadow:0 3px 12px #ffb80066;transition:all .2s ease}.exchange-banner-action-btn:active{transform:scale(.95)}.exchange-modal-container{max-width:420px}.exchange-modal-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:16px}.exchange-header-icons{display:flex;align-items:center;gap:12px;margin-bottom:10px}.exchange-icon-coin{width:44px;height:44px}.exchange-icon-swap{font-size:22px;color:#ffb800;font-weight:800}.exchange-icon-star{width:44px;height:44px}.exchange-modal-title{font-size:18px;font-weight:800;margin:0 0 6px;color:var(--text-color, #000)}.exchange-modal-rate-pill{display:inline-block;background:#ffb8002e;border:1px solid rgba(255,184,0,.4);color:#ffb800;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.exchange-user-balance-row{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;margin-bottom:14px;color:var(--text-color, #000);background:var(--button-background, #f3f3f3);padding:8px 12px;border-radius:8px}.exchange-stars-hint{color:#ffb800;font-weight:700}.exchange-presets-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:14px}.exchange-preset-chip{background:var(--button-background, #e0e0e0);color:var(--text-color, #000);border:1px solid var(--border-color, #ccc);border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.exchange-preset-chip.active{background:#ff8c00;color:#fff;border-color:#ff8c00}.exchange-preset-chip.max{font-weight:800;color:#ff8c00}.exchange-preset-chip.max.active{color:#fff}.exchange-preset-chip:disabled{opacity:.4;cursor:not-allowed}.exchange-stepper-box{display:flex;align-items:center;justify-content:space-between;background:var(--secondary-background, #EBE7E3);border:1px solid var(--border-color, #ccc);border-radius:10px;padding:8px 12px;margin-bottom:14px}.stepper-btn{background:var(--button-background, #d1d1d1);color:var(--button-text-color, #000);border:1px solid var(--border-color, #ccc);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.stepper-btn:active:not(:disabled){transform:scale(.95)}.stepper-btn:disabled{opacity:.35;cursor:not-allowed}.stepper-value-col{display:flex;flex-direction:column;align-items:center;gap:2px}.stepper-coins-val{font-size:17px;font-weight:800;color:var(--text-color, #000)}.stepper-stars-equiv{font-size:13px;font-weight:700;color:#ffb800}.exchange-info-pill{display:flex;align-items:center;gap:8px;font-size:12px;background:#0096ff1a;border:1px solid rgba(0,150,255,.25);border-radius:8px;padding:8px 12px;margin-bottom:16px;color:var(--text-color, #000);line-height:1.3}.exchange-info-pill .info-icon{font-size:16px}.exchange-confirm-btn{width:100%;background:linear-gradient(135deg,#ffb800,#ff8c00);color:#1a1a1a;border:none;border-radius:10px;padding:12px;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #ffb80066;transition:all .2s ease}.exchange-confirm-btn:active:not(:disabled){transform:scale(.97)}.exchange-confirm-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.exchange-result-box{padding:14px;border-radius:10px;text-align:center;margin-bottom:14px;font-size:14px;line-height:1.4}.exchange-result-box.success{background:#2ecc7126;border:1px solid rgba(46,204,113,.4);color:#27ae60;display:flex;flex-direction:column;align-items:center;gap:10px}.exchange-success-icon{font-size:36px}.exchange-success-text{font-size:15px;font-weight:700}.exchange-result-box.error{background:#e74c3c26;border:1px solid rgba(231,76,60,.4);color:#c0392b}.exchange-insufficient-notice{text-align:center;padding:16px 12px;background:#ffb80014;border:1px dashed rgba(255,184,0,.4);border-radius:10px;margin-bottom:12px;color:var(--text-color, #000)}.exchange-insufficient-notice .notice-sub{font-size:12px;opacity:.8;margin-top:6px}.tasks-container{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;padding:clamp(45px,7vh,60px) 16px 0 16px;box-sizing:border-box;position:relative;overflow:hidden}.tasks-title{font-size:clamp(1.2rem,4vw,1.5rem);color:var(--text-color);margin-bottom:8px;text-shadow:none;flex-shrink:0}.loading-container{display:flex;justify-content:center;align-items:center;height:200px;font-size:16px;color:#666}.tasks-content{width:100%;max-width:500px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:8px 8px 240px;box-sizing:border-box}.tasks-bottom-clearance-spacer{height:200px;width:100%;flex-shrink:0;pointer-events:none}.tasks-content::-webkit-scrollbar{display:none}.tasks-content{-ms-overflow-style:none;scrollbar-width:none}.task-category{margin-bottom:25px}.category-title{font-size:18px;font-weight:600;color:var(--text-color);margin:10px 0}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-item{background-color:var(--card-background, #FFF);border-radius:10px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;box-shadow:0 0 8px #0003;position:relative;margin-bottom:10px}.task-icon{width:36px;height:36px;border-radius:50%;background-color:var(--accent-color, #FF8C00);display:flex;justify-content:center;align-items:center;flex-shrink:0;font-size:18px}.task-details{flex:1;min-width:0}.task-name{font-weight:500;font-size:16px;margin-bottom:4px;overflow-wrap:anywhere;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.task-reward{display:flex;align-items:center;color:#666;font-size:14px}.coin-icon{width:16px;height:16px;margin-left:4px}.complete-task-btn{background-color:#ffc700;color:#333;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;font-weight:500;box-shadow:0 0 8px #00000026;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.complete-task-btn:hover{background-color:gold;transform:scale(1.05)}.complete-task-btn:active{transform:scale(.95)}.task-confirmation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:123123123}.task-confirmation-popup{background-color:var(--card-background, #FFFFFF);border-radius:12px;padding:20px;width:85%;max-width:350px;box-shadow:0 4px 20px #00000040;text-align:center;color:var(--text-color)}.bottom-popup{position:fixed;bottom:0;left:0;width:100%;max-width:100%;border-radius:20px 20px 0 0;padding:20px 20px 35px;box-sizing:border-box;transform:translateY(100%);animation:slide-up .3s forwards;max-height:90vh;overflow-y:auto;margin:0;display:flex;flex-direction:column}@media (min-width: 768px){.bottom-popup{max-width:500px;left:50%;transform:translate(-50%) translateY(100%)}@keyframes slide-up{0%{transform:translate(-50%) translateY(100%)}to{transform:translate(-50%) translateY(0)}}}@media (max-width: 767px){@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.task-confirmation-popup h3{font-size:18px}.task-confirmation-popup p{font-size:14px}.task-reward-preview{padding:10px;margin:15px 0}}.task-confirmation-popup h3{margin-top:0;font-size:20px;margin-bottom:15px}.task-confirmation-popup p{margin-bottom:20px;color:#555}.task-reward-preview{background-color:#fff9e5;border-radius:10px;padding:12px;margin:20px 0;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:600;color:#ff8c00}.task-reward-preview span{margin-right:5px}.task-reward-preview .coin-icon{width:24px;height:24px}.start-task-btn{background-color:var(--button-background, #FFC700);color:var(--button-text-color, #333);border:none;border-radius:10px;padding:14px 0;width:100%;font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 4px 8px #00000026;transition:all .2s ease;margin-top:10px}.start-task-btn.check-btn{background-color:#4caf50;color:#fff}.start-task-btn:hover{background-color:gold;transform:scale(1.03)}.start-task-btn.check-btn:hover{background-color:#45a049}.start-task-btn.collect-btn{background-color:var(--button-background, #FFC700);color:var(--button-text-color, #333)}.start-task-btn.collect-btn:hover{background-color:gold}.start-task-btn:active{transform:scale(.98)}.task-reward-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.task-reward-popup{background-color:var(--card-background, #FFFFFF);border-radius:16px;border:1px solid var(--border-color);padding:30px;width:85%;max-width:350px;box-shadow:0 8px 25px #0000004d;text-align:center;position:relative;overflow:hidden}.task-complete-title{font-size:24px;margin-top:0;margin-bottom:30px;color:var(--text-color)}.reward-animation{height:150px;display:flex;justify-content:center;align-items:center;margin-bottom:30px}.reward-coins{display:flex;flex-direction:column;align-items:center}.big-coin{width:80px;height:80px;margin-bottom:10px}.reward-amount{font-size:32px;font-weight:700;color:orange;text-shadow:0 2px 4px rgba(0,0,0,.1)}.collect-reward-btn{background-color:var(--button-background, #FFC700);color:var(--button-text-color, #333);border:none;border-radius:10px;padding:12px 24px;font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 4px 8px #00000026;transition:all .2s ease}.collect-reward-btn:hover{background-color:gold;transform:scale(1.05)}.collect-reward-btn:active{transform:scale(.95)}@media (max-width: 400px){.task-item{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:8px;text-align:center}.task-icon{margin-right:0;justify-self:center}.task-details{text-align:center}.complete-task-btn{width:100%}.task-name{font-size:14px}.task-reward{font-size:12px}.task-complete-title{font-size:20px}.big-coin{width:60px;height:60px}.reward-amount{font-size:26px}.collect-reward-btn{padding:10px 20px;font-size:16px}}.user-balance{position:absolute;top:15px;right:15px;background-color:#ffffffe6;border-radius:20px;padding:8px 14px;display:flex;align-items:center;box-shadow:0 2px 8px #0003}.user-balance span{font-weight:600;margin-right:5px;color:#333}.balance-coin-icon{width:20px;height:20px}.confirmation-buttons{display:flex;justify-content:space-between;gap:15px}.confirmation-btn{flex:1;padding:10px 15px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-yes{background-color:#4caf50;color:#fff}.confirm-no{background-color:#f44336;color:#fff}.confirmation-btn:hover{transform:scale(1.05)}.confirmation-btn:active{transform:scale(.95)}.no-tasks-message{text-align:center;font-size:1.2rem;color:#777;padding:20px;margin:10px 0}.error-message{color:red;font-weight:500;margin:10px 0;padding:10px;background-color:#e74c3c1a;border-radius:5px;border-left:3px solid #e74c3c}body[data-theme=dark] .task-reward{color:#ccc}.stars-promo-banner{position:fixed;bottom:calc(85px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:480px;background-color:var(--card-background);border:1.5px solid var(--border-color);border-radius:16px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px var(--shadow-color);cursor:pointer;z-index:9998;box-sizing:border-box;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.stars-promo-banner:active{transform:translate(-50%) scale(.98)}.promo-banner-left{display:flex;flex-direction:column;gap:4px;flex:1}.promo-banner-badge{display:inline-block;align-self:flex-start;background-color:#ff4d4d;color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:6px;letter-spacing:.5px;text-transform:uppercase}.promo-banner-title{font-size:17px;font-weight:700;color:var(--text-color);line-height:1.2}.promo-banner-btn{font-size:13px;font-weight:600;color:var(--accent-color, #FF8C00);margin-top:2px;display:flex;align-items:center}.promo-banner-right{width:65px;height:65px;display:flex;align-items:center;justify-content:center;margin-left:10px;flex-shrink:0}.promo-rabbit-img{width:100%;height:100%;object-fit:contain}.reward-coins{display:flex;align-items:center;justify-content:center;margin:15px 0}.reward-amount{font-size:32px;font-weight:700;margin-right:10px;color:var(--accent-color, #ff9a3c)}.error-message{color:var(--error-text, #b71c1c);font-weight:500}.tasks-daily-bonus-card{width:100%;max-width:500px;background:linear-gradient(135deg,#fff3d6,#ffe099);border:2px solid #000000;border-radius:16px;box-shadow:0 4px #000;padding:12px 14px;display:flex;align-items:center;gap:12px;margin-bottom:12px;box-sizing:border-box;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.tasks-daily-bonus-card:active{transform:translateY(2px);box-shadow:0 2px #000}.daily-bonus-left-icon{font-size:36px;line-height:1;filter:drop-shadow(0 2px 0 rgba(0,0,0,.2));animation:giftBounce 2s infinite ease-in-out}@keyframes giftBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-6deg)}}.daily-bonus-center-info{flex:1;min-width:0;text-align:left}.daily-bonus-badge-tag{display:inline-block;background:#ff5722;color:#fff;font-size:10px;font-weight:900;padding:2px 6px;border-radius:6px;border:1px solid #000000;letter-spacing:.5px;margin-bottom:3px}.daily-bonus-headline{font-size:14px;font-weight:900;color:#1a1a1a;line-height:1.2}.daily-bonus-subtext{font-size:11px;font-weight:600;color:#665233;margin-top:2px}.daily-bonus-claim-action{background:#ff8c00;color:#fff;border:2px solid #000000;border-radius:10px;box-shadow:0 3px #000;font-family:Rose,system-ui,sans-serif;font-size:13px;font-weight:900;padding:8px 14px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:transform .1s ease}.daily-bonus-claim-action:active{transform:translateY(2px);box-shadow:0 1px #000}@media (max-height: 750px){.tasks-container{padding-top:clamp(40px,6vh,50px)}.task-category{margin-bottom:14px}.category-title{margin:6px 0;font-size:16px}.tasks-daily-bonus-card{padding:10px 12px;margin-bottom:8px}.daily-bonus-left-icon{font-size:28px}.daily-bonus-headline{font-size:13px}.daily-bonus-subtext{font-size:10px}.daily-bonus-claim-action{padding:6px 12px;font-size:12px}.stars-promo-banner{padding:8px 14px;bottom:calc(75px + env(safe-area-inset-bottom,0px))}.promo-banner-title{font-size:15px}.promo-banner-right{width:50px;height:50px}}:root{--bonus-bg-gradient: linear-gradient(180deg, #FFF 0%, #FFE3D6 100%);--bonus-card-bg: #fff6e8;--bonus-content-bg: linear-gradient(180deg, #e6ddc8 0%, #f2ece0 100%);--bonus-content-received-bg: linear-gradient(180deg, #e6dac8 0%, #f2ebe0 100%);--bonus-take-bg: linear-gradient(to bottom, #ffae4c, #ffd9a8);--bonus-waiting-bg: linear-gradient(to bottom, #ffae4c, #ffd9a8);--bonus-text-color: #d96d00;--bonus-text-title-color: #000000;--bonus-btn-bg: rgba(0, 0, 0, .1);--bonus-btn-text: rgba(0, 0, 0, .5);--bonus-btn-waiting-text: rgba(0, 0, 0, .8);--bonus-bar-bg: #c4c4c4;--bonus-take-btn-bg: #ffa64e;--bonus-take-btn-hover: #ff9021;--bonus-take-btn-text: #fff;--bonus-border-color: #ff800020;--bonus-overlay-bg: rgba(0, 0, 0, .5)}.dark-theme{--bonus-bg-gradient: linear-gradient(160deg, rgba(40, 40, 40 ) 0%, rgba(42, 42, 42) 100%);--bonus-card-bg: rgba(42, 42, 42, .2);--bonus-content-bg: linear-gradient(180deg, #3a3a3a 0%, #2a2a2a 100%);--bonus-content-received-bg: linear-gradient(180deg, rgba(64, 64, 64, .6) 0%, rgba(64, 64, 64, .15) 100%);--bonus-take-bg: linear-gradient(180deg, #2a2a2a 0%, #404040 100%);--bonus-waiting-bg: linear-gradient(180deg, #2a2a2a 0%, #404040 100%);--bonus-text-color: #ffa64e;--bonus-text-title-color: #ffffff;--bonus-btn-bg: rgba(255, 255, 255, .1);--bonus-btn-text: rgba(255, 255, 255, .6);--bonus-btn-waiting-text: rgba(255, 255, 255, .9);--bonus-bar-bg: #777777;--bonus-take-btn-bg: #ffaf61;--bonus-take-btn-hover: #d68b43;--bonus-take-btn-text: #fff;--bonus-border-color: #404040;--bonus-overlay-bg: rgba(0, 0, 0, .7)}.daily-bonus-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bonus-overlay-bg);display:flex;justify-content:center;align-items:flex-end;z-index:10000}.daily-bonus-popup{width:100%;max-width:100%;background:var(--bonus-bg-gradient);border-radius:16px 16px 0 0;padding:12px 16px 20px;animation:slideUp .3s ease forwards;display:flex;flex-direction:column;transition:background .3s ease,transform .2s ease-out;overflow-x:hidden;touch-action:pan-y;will-change:transform}.daily-bonus-popup.closing{animation:slideDown .2s ease forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.daily-bonus-bar{width:50px;height:5px;background:var(--bonus-bar-bg);border-radius:3px;margin:0 auto 8px;transition:background .3s ease}.daily-bonus-close-btn{position:absolute;top:18px;right:10px;width:30px;height:30px;border:none;color:var(--bonus-btn-text);font-size:30px;line-height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease}.daily-bonus-title{text-align:center;margin:0 0 12px;font-size:20px;font-weight:600;color:var(--bonus-text-title-color);transition:color .3s ease}.daily-bonus-error{color:#d32f2f;background-color:#ffebee;padding:8px;margin:0 0 12px;border-radius:4px;text-align:center;font-size:14px}.rewards-grid-container{width:100%;padding:10px 0;display:flex;flex-direction:column;gap:12px}.rewards-row{display:flex;justify-content:space-between;gap:10px;width:100%}.reward-card{background:var(--bonus-card-bg);border-radius:15px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;transition:transform .2s ease,box-shadow .2s ease,background .3s ease;position:relative;border:1px solid var(--bonus-border-color);height:auto;min-height:130px;flex:1;box-sizing:border-box;overflow:hidden}.reward-content{background:var(--bonus-content-bg);border-radius:12px;padding:8px 4px;width:100%;margin-bottom:6px;transition:background .3s ease;box-sizing:border-box}.reward-btn-container{width:100%;padding:0 2px;box-sizing:border-box}.reward-card.take .reward-content{background:var(--bonus-take-bg)}.reward-card.received .reward-content{background:var(--bonus-content-received-bg);opacity:.7}.reward-card.waiting .reward-content{background:var(--bonus-waiting-bg)}@keyframes pulse{0%{box-shadow:0 0 #ffa64e66}50%{box-shadow:0 0 8px #ffa64eb3}to{box-shadow:0 0 #ffa64e66}}.reward-day{font-size:13px;font-weight:700;margin-bottom:8px;color:var(--bonus-text-color);transition:color .3s ease;white-space:nowrap}.reward-coin{width:28px;height:28px;margin-bottom:2px;filter:brightness(var(--bonus-coin-brightness, 1));transition:filter .3s ease}.reward-amount{font-size:15px;color:var(--bonus-text-color);font-weight:600;margin-bottom:4px;transition:color .3s ease}.reward-btn{padding:7px 4px;font-size:13px;border:none;border-radius:8px;cursor:pointer;background:var(--bonus-btn-bg);color:var(--bonus-btn-text);transition:background-color .3s ease,color .3s ease;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reward-btn.take{background:var(--bonus-take-btn-bg);color:var(--bonus-take-btn-text)}.reward-btn.take:hover:not(:disabled){background:var(--bonus-take-btn-hover)}.reward-btn.take:disabled{opacity:.7;cursor:not-allowed}.reward-btn.received,.reward-btn.waiting,.reward-btn.unavailable{color:var(--bonus-btn-text)}.reward-btn.waiting{color:var(--bonus-btn-waiting-text)}.dark-theme .reward-coin{--bonus-coin-brightness: 1.2}@media (max-width: 480px){.daily-bonus-popup{padding:12px 12px 16px}.rewards-grid-container,.rewards-row{gap:8px}.reward-card{padding:8px 4px;min-height:110px}.reward-content{padding:6px 2px}.reward-day{font-size:13px;margin-bottom:4px}.reward-coin{width:24px;height:24px}.reward-amount{font-size:13px;margin-bottom:3px}.reward-btn{padding:5px 3px;font-size:14px}}@media (max-width: 360px){.daily-bonus-popup{padding:12px 8px 16px}.rewards-grid-container,.rewards-row{gap:6px}.reward-card{padding:5px 2px;min-height:100px}.reward-content{padding:4px 2px;margin-bottom:3px}.reward-day{font-size:10px;margin-bottom:2px}.reward-coin{width:20px;height:20px;margin-bottom:1px}.reward-amount{font-size:11px;margin-bottom:2px}.reward-btn{padding:4px 2px;font-size:9px;border-radius:6px}}:root{--bj-bg: #f0f0f0;--bj-card-bg: #EBE7E3;--bj-white: #ffffff;--bj-dark: #000000;--bj-yellow: #FFD700;--bj-orange: #FF8C00;--bj-orange-hover: #e07b00;--bj-green: #2ed573;--bj-green-bg: #d4edda;--bj-red: #ff4757;--bj-red-bg: #f8d7da;--bj-border: 1.5px solid #000000;--bj-border-thick: 2px solid #000000;--bj-shadow: 0 3px 0 #000000;--bj-shadow-deep: 0 5px 0 #000000;--bj-font: "Rose", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.minigames-page{width:100%;max-width:440px;margin:0 auto;min-height:100vh;padding:75px 14px 110px;box-sizing:border-box;overflow-x:hidden;font-family:var(--bj-font);color:var(--bj-dark);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.casino-nav-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;width:100%;box-sizing:border-box;position:relative;z-index:100}.casino-hub-brand{display:inline-flex;align-items:center;gap:8px;background:var(--bj-yellow);border:var(--bj-border-thick);border-radius:12px;padding:6px 14px;box-shadow:var(--bj-shadow)}.hub-brand-icon{font-size:17px}.hub-brand-text{font-size:14px;font-weight:900;font-family:var(--bj-font);color:var(--bj-dark);letter-spacing:.5px}.casino-back-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bj-yellow);border:var(--bj-border-thick);border-radius:12px;color:var(--bj-dark);font-family:var(--bj-font);font-size:14px;font-weight:900;padding:8px 14px;cursor:pointer;box-shadow:var(--bj-shadow);transition:transform .1s ease,box-shadow .1s ease;white-space:nowrap}.casino-back-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--bj-dark)}.casino-back-btn.home{background:var(--bj-white)}.back-arrow{font-size:15px;font-weight:900}.casino-balance-pill{display:flex;align-items:center;gap:6px;background:var(--bj-white);border:var(--bj-border-thick);border-radius:12px;padding:6px 14px;font-family:var(--bj-font);font-weight:900;font-size:15px;color:var(--bj-dark);cursor:pointer;box-shadow:var(--bj-shadow);transition:transform .1s ease;white-space:nowrap}.casino-balance-pill:active{transform:translateY(2px);box-shadow:0 1px 0 var(--bj-dark)}.casino-coin-icon{width:20px;height:20px;display:block}.casino-balance-add{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--bj-yellow);border:1px solid var(--bj-dark);color:var(--bj-dark);font-weight:900;font-size:13px;margin-left:3px}.casino-toast{padding:9px 14px;border-radius:10px;margin-bottom:12px;font-family:var(--bj-font);font-weight:800;font-size:13px;text-align:center;animation:slideDown .2s ease-out;border:var(--bj-border-thick);box-shadow:var(--bj-shadow)}.casino-toast.error{background:var(--bj-red-bg);color:#c0392b}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hub-hero-banner{background:var(--bj-card-bg);border:var(--bj-border-thick);border-radius:16px;padding:14px 16px;margin-bottom:14px;position:relative;box-shadow:var(--bj-shadow);text-align:center}.hero-badge{display:inline-block;background:var(--bj-yellow);color:var(--bj-dark);border:1.5px solid var(--bj-dark);font-size:11px;font-weight:900;padding:3px 8px;border-radius:6px;letter-spacing:.5px;margin-bottom:6px;box-shadow:0 1px 0 var(--bj-dark)}.hero-heading{margin:0 0 4px;font-size:20px;font-weight:900;font-family:var(--bj-font);color:var(--bj-dark)}.hero-sub{margin:0;font-size:12px;color:#444;line-height:1.35}.casino-filter-tabs{display:flex;gap:6px;margin-bottom:14px}.casino-filter-pill{flex:1;padding:8px 0;border-radius:10px;background:var(--bj-white);border:var(--bj-border-thick);color:var(--bj-dark);font-family:var(--bj-font);font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 2px 0 var(--bj-dark);transition:all .1s ease}.casino-filter-pill.active{background:var(--bj-yellow);font-weight:900;transform:translateY(1px);box-shadow:0 1px 0 var(--bj-dark)}.casino-games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.casino-game-card{background:var(--bj-white);border:var(--bj-border-thick);border-radius:16px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;position:relative;box-shadow:var(--bj-shadow);transition:transform .1s ease,box-shadow .1s ease}.casino-game-card:active{transform:translateY(2px);box-shadow:0 1px 0 var(--bj-dark)}.casino-game-card.bunny-farm-featured{grid-column:span 2;display:flex;flex-direction:column;padding:14px 16px;background:linear-gradient(135deg,#e8f8f5,#fff);border:2px solid #27ae60;box-shadow:0 4px #1e8449;position:relative;overflow:hidden;cursor:pointer}.farm-card-body{width:100%;display:flex;flex-direction:row;align-items:center;gap:14px;margin:6px 0 10px;text-align:left}.card-badge.farm{background:#2ecc71;color:#fff;border-color:#27ae60;font-weight:900}.card-play-btn.farm-btn{background:#27ae60!important;color:#fff!important;border:1.5px solid #1e8449!important;box-shadow:0 3px #1e8449!important;width:100%;padding:8px 12px;font-size:13px;letter-spacing:.5px}.dark-theme .casino-game-card.bunny-farm-featured{background:linear-gradient(135deg,#0d2818,#163824);border-color:#2ecc71;box-shadow:0 4px #145a32}.casino-game-card.featured{grid-column:span 2;display:flex;flex-direction:row;align-items:center;padding:14px 16px;gap:14px;background:linear-gradient(135deg,#fff7db,#fff);border-color:#000}.featured-left{font-size:52px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.2));flex-shrink:0}.featured-right{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.card-top-row{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.card-badge{font-size:9px;font-weight:900;padding:2px 6px;border-radius:5px;border:1px solid var(--bj-dark);color:var(--bj-dark)}.card-badge.highrisk{background:#ff4757;color:#fff}.card-badge.hot{background:var(--bj-orange);color:#fff}.card-badge.jackpot{background:var(--bj-yellow);color:var(--bj-dark)}.card-rtp{font-size:10px;font-weight:900;color:#27ae60}.card-icon-big{font-size:38px;margin:4px 0 6px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));transition:transform .2s ease}.casino-game-card:hover .card-icon-big{transform:scale(1.1)}.card-meta{width:100%;margin-bottom:8px}.card-title{margin:0 0 2px;font-size:15px;font-weight:900;font-family:var(--bj-font);color:var(--bj-dark)}.card-desc{margin:0;font-size:11px;color:#555;line-height:1.25}.card-play-btn{width:100%;padding:7px 0;background:var(--bj-yellow);border:var(--bj-border-thick);border-radius:8px;color:var(--bj-dark);font-family:var(--bj-font);font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 2px 0 var(--bj-dark);transition:transform .1s ease}.card-play-btn:active{transform:translateY(1px);box-shadow:0 1px 0 var(--bj-dark)}.casino-game-arena{display:flex;flex-direction:column;gap:12px;animation:fadeIn .2s ease-out;width:100%;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.game-arena-card{background:var(--bj-card-bg);border:var(--bj-border-thick);border-radius:18px;padding:14px 12px;box-shadow:var(--bj-shadow);display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:100%}.arena-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1.5px solid rgba(0,0,0,.15)}.arena-header h2{margin:0;font-size:17px;font-weight:900;font-family:var(--bj-font);color:var(--bj-dark)}.arena-title-wrap{display:flex;align-items:center;gap:6px}.arena-inline-back{background:var(--bj-yellow);border:1.5px solid var(--bj-dark);color:var(--bj-dark);font-family:var(--bj-font);font-size:11px;font-weight:900;border-radius:8px;padding:4px 8px;cursor:pointer;display:inline-flex;align-items:center;gap:2px;box-shadow:0 2px 0 var(--bj-dark);transition:transform .1s ease;white-space:nowrap}.arena-inline-back:active{transform:translateY(1px);box-shadow:0 1px 0 var(--bj-dark)}.arena-tag{font-size:11px;font-weight:900;font-family:var(--bj-font);color:var(--bj-dark);background:var(--bj-white);border:1.5px solid var(--bj-dark);padding:3px 8px;border-radius:8px;box-shadow:0 1px 0 var(--bj-dark);white-space:nowrap}.casino-bet-panel{background:var(--bj-white);border:var(--bj-border-thick);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--bj-shadow);box-sizing:border-box;width:100%}.bet-panel-header{display:flex;justify-content:space-between;align-items:center}.bet-panel-label{font-size:11px;font-weight:900;font-family:var(--bj-font);color:#555;text-transform:uppercase;letter-spacing:.5px}.bet-modifiers{display:flex;gap:5px}.mod-chip{background:var(--bj-card-bg);border:1px solid var(--bj-dark);border-radius:6px;color:var(--bj-dark);font-family:var(--bj-font);font-size:11px;font-weight:800;padding:3px 8px;cursor:pointer;box-shadow:0 1px 0 var(--bj-dark);transition:transform .1s ease}.mod-chip:active{transform:translateY(1px)}.mod-chip.max{background:var(--bj-yellow);font-weight:900}.bet-input-wrapper{display:flex;align-items:center;background:#f7f5f2;border:1.5px solid var(--bj-dark);border-radius:8px;padding:6px 10px;gap:8px;box-sizing:border-box}.bet-coin-badge{width:20px;height:20px}.bet-input{width:100%;background:transparent;border:none;outline:none;color:var(--bj-dark);font-family:var(--bj-font);font-size:16px;font-weight:900}.bet-chips-row{display:flex;gap:5px;overflow-x:auto}.bet-chip{flex:1;background:var(--bj-card-bg);border:1px solid var(--bj-dark);border-radius:8px;color:var(--bj-dark);font-family:var(--bj-font);font-size:11px;font-weight:800;padding:5px 0;cursor:pointer;box-shadow:0 1px 0 var(--bj-dark);transition:all .1s ease}.bet-chip.active{background:var(--bj-orange);color:#fff}.bet-chip:active{transform:translateY(1px)}.casino-action-btn{width:100%;padding:13px 0;border:var(--bj-border-thick);border-radius:14px;font-family:var(--bj-font);font-size:16px;font-weight:900;letter-spacing:.3px;cursor:pointer;box-shadow:var(--bj-shadow);transition:transform .1s ease,box-shadow .1s ease}.casino-action-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--bj-dark)}.casino-action-btn.primary{background:var(--bj-yellow);color:var(--bj-dark)}.casino-action-btn.cashout{background:var(--bj-green);color:#fff;border-color:var(--bj-dark)}.casino-action-btn.cashout.pulse{animation:pulseGreen .8s infinite alternate ease-in-out}@keyframes pulseGreen{0%{transform:scale(1);box-shadow:0 3px #000}to{transform:scale(1.02);box-shadow:0 5px #000}}.casino-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 1px 0 var(--bj-dark)}.casino-exit-lobby-btn{width:100%;padding:10px 0;background:var(--bj-white);border:var(--bj-border-thick);border-radius:12px;color:var(--bj-dark);font-family:var(--bj-font);font-size:13px;font-weight:900;cursor:pointer;box-shadow:var(--bj-shadow);transition:all .1s ease;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:2px;margin-bottom:16px}.casino-exit-lobby-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--bj-dark)}.crash-history-row{display:flex;gap:6px;overflow-x:auto;padding:2px 0 4px}.crash-pill{font-size:11px;font-weight:900;font-family:var(--bj-font);padding:3px 8px;border-radius:6px;border:1px solid var(--bj-dark);background:var(--bj-white);color:var(--bj-dark);box-shadow:0 1px 0 var(--bj-dark);white-space:nowrap}.crash-pill.high{background:#d4edda;color:#27ae60}.crash-pill.mega{background:var(--bj-yellow);color:var(--bj-dark)}.crash-pill.low{background:var(--bj-red-bg);color:#c0392b}.crash-canvas-stage{position:relative;width:100%;height:220px;border-radius:14px;border:var(--bj-border-thick);box-shadow:var(--bj-shadow);overflow:hidden;background:#0d1322;box-sizing:border-box}.crash-flight-canvas{width:100%;height:100%;display:block}.crash-live-overlay{position:absolute;top:14px;left:0;right:0;text-align:center;pointer-events:none;z-index:10}.crash-live-mult{font-size:40px;font-weight:900;font-family:var(--bj-font);color:#fff;text-shadow:2px 2px 0 #000000,0 0 10px rgba(255,215,0,.6);letter-spacing:.5px}.crash-live-mult.crashed{color:#ff4757;text-shadow:2px 2px 0 #000000,0 0 14px rgba(255,71,87,.8);animation:shake .3s}.crash-cashout-banner{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#2ed573f2;border:2px solid #000000;color:#fff;padding:6px 14px;border-radius:10px;font-size:13px;font-weight:900;box-shadow:0 3px #000;pointer-events:none;animation:popIn .25s ease-out;white-space:nowrap}.crash-auto-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;background:var(--bj-white);border:var(--bj-border-thick);border-radius:12px;padding:8px 12px;box-shadow:0 2px 0 var(--bj-dark);box-sizing:border-box}.crash-auto-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900;color:var(--bj-dark);cursor:pointer;-webkit-user-select:none;user-select:none}.crash-auto-checkbox{width:17px;height:17px;accent-color:var(--bj-orange);cursor:pointer}.crash-auto-input{width:58px;background:#f7f5f2;border:1.5px solid var(--bj-dark);border-radius:6px;color:var(--bj-dark);font-family:var(--bj-font);font-size:14px;font-weight:900;padding:4px;text-align:center;box-sizing:border-box}.crash-auto-input.disabled{opacity:.4;cursor:not-allowed;background:#e6e6e6}.crash-quick-presets{display:flex;gap:4px}.crash-preset-btn{background:var(--bj-card-bg);border:1px solid var(--bj-dark);border-radius:6px;font-family:var(--bj-font);font-size:11px;font-weight:800;padding:3px 6px;cursor:pointer;box-shadow:0 1px 0 var(--bj-dark);transition:all .1s ease}.crash-preset-btn:active{transform:translateY(1px)}.crash-preset-btn.active{background:var(--bj-orange);color:#fff;font-weight:900}.arena-tag.tag-betting{background:#ffeaa7;color:#d35400;border-color:#d35400;animation:pulse 1.5s infinite}.arena-tag.tag-flying{background:#d4edda;color:#27ae60;border-color:#27ae60;animation:pulse 1s infinite}.arena-tag.tag-crashed{background:#ff7675;color:#fff;border-color:#d63031}.crash-betting-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#00000040;pointer-events:none;z-index:10}.betting-countdown-badge{background:#fffffff2;border:2px solid #000000;border-radius:14px;padding:8px 18px;box-shadow:0 4px #000;text-align:center;animation:popIn .3s ease-out}.betting-timer-num{font-size:32px;font-weight:900;font-family:var(--bj-font);color:#ff8c00;line-height:1;text-shadow:1px 1px 0 #000000}.betting-timer-label{font-size:11px;font-weight:900;color:#333;letter-spacing:.5px;margin-top:2px}.betting-bar-track{width:70%;max-width:240px;height:8px;background:#0006;border:1.5px solid #000000;border-radius:8px;overflow:hidden}.betting-bar-fill{height:100%;background:linear-gradient(90deg,#ff8c00,gold);border-radius:6px;transition:width .75s linear}.crash-bet-confirmed-box{background:linear-gradient(135deg,#e8f8f5,#d4edda);border:2px solid #000000;border-radius:12px;box-shadow:0 3px #000;padding:10px 14px;text-align:center}.bet-confirmed-title{font-size:14px;font-weight:900;color:#27ae60;font-family:var(--bj-font)}.bet-confirmed-sub{font-size:11px;font-weight:700;color:#555;margin-top:3px}.crash-status-notice{padding:10px 14px;border-radius:12px;border:2px solid #000000;box-shadow:0 3px #000;font-size:13px;font-weight:800;text-align:center}.crash-status-notice.win{background:#d4edda;color:#1e824c}.crash-status-notice.wait{background:#fef5e7;color:#d35400}.crash-status-notice.crashed{background:#f8d7da;color:#c0392b}.crash-players-container{margin-top:10px;background:var(--bj-card-bg);border:1.5px solid var(--bj-dark);border-radius:12px;overflow:hidden;box-shadow:0 2px 0 var(--bj-dark)}.crash-players-head{display:flex;justify-content:space-between;align-items:center;background:#e2ded9;border-bottom:1.5px solid var(--bj-dark);padding:6px 10px;font-size:11px;font-weight:900;color:#333}.crash-players-list{max-height:140px;overflow-y:auto;display:flex;flex-direction:column}.crash-player-row{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;align-items:center;padding:5px 8px;border-bottom:1px dashed rgba(0,0,0,.15);font-size:11px;font-weight:700;transition:background-color .2s ease}.crash-player-row:last-child{border-bottom:none}.crash-player-row.my-row{background:#fff8e7;font-weight:900}.crash-player-row.cashed{background:#2ed5731f}.crash-player-row.lost{background:#ff475714;opacity:.75}.p-cell.p-name{display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-icon{font-size:12px}.p-uname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-cell.p-bet{text-align:right;color:#555}.p-cell.p-status{text-align:center}.p-tag{font-size:10px;font-weight:900;padding:2px 5px;border-radius:4px}.p-tag.win{background:#2ed573;color:#fff}.p-tag.lost{background:#ff4757;color:#fff}.p-tag.flying{background:#ffa502;color:#fff}.p-cell.p-win{text-align:right;font-weight:900}.p-payout{color:#27ae60}.p-dash{color:#aaa}.mines-risk-selector{display:flex;flex-direction:column;gap:5px}.mines-risk-label{font-size:11px;font-weight:900;color:#555}.mines-select-row{display:flex;gap:5px}.mine-count-btn{flex:1;background:var(--bj-white);border:1.5px solid var(--bj-dark);border-radius:8px;color:var(--bj-dark);font-family:var(--bj-font);font-size:12px;font-weight:800;padding:7px 0;cursor:pointer;box-shadow:0 2px 0 var(--bj-dark);transition:all .1s ease}.mine-count-btn.active{background:var(--bj-orange);color:#fff;font-weight:900}.mine-count-btn.extreme{border-color:#ff4757}.mine-count-btn.extreme.active{background:#ff4757;color:#fff}.mines-grid-5x5{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:100%;max-width:300px;margin:0 auto;aspect-ratio:1;box-sizing:border-box}.mine-tile{aspect-ratio:1;background:var(--bj-white);border:1.5px solid var(--bj-dark);border-radius:8px;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 0 var(--bj-dark);transition:transform .1s ease,background .15s ease}.mine-tile:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 0 var(--bj-dark)}.mine-tile.safe{background:var(--bj-green-bg);border-color:#27ae60;animation:popIn .2s ease-out}.mine-tile.bomb{background:var(--bj-red-bg);border-color:#c0392b;animation:shake .3s ease-in-out}@keyframes popIn{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.mines-win-preview{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-family:var(--bj-font);color:#555;background:var(--bj-white);border:1.5px solid var(--bj-dark);border-radius:10px;padding:8px 12px;box-shadow:var(--bj-shadow)}.mines-win-preview strong{font-size:17px;color:var(--bj-orange)}.slots-machine-frame{background:var(--bj-white);border:var(--bj-border-thick);border-radius:16px;padding:14px 12px;box-shadow:var(--bj-shadow);box-sizing:border-box;width:100%}.slots-screen{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.slot-reel-box{flex:1;height:84px;background:#f7f5f2;border:1.5px solid var(--bj-dark);border-radius:12px;box-shadow:inset 0 3px 6px #0000001a;display:flex;align-items:center;justify-content:center;font-size:42px;overflow:hidden;position:relative}.slot-reel-box.spinning .slot-emoji{animation:reelSpinBlur .12s infinite}@keyframes reelSpinBlur{0%{transform:translateY(-20px);filter:blur(3px);opacity:.6}50%{transform:translateY(0);filter:blur(0);opacity:1}to{transform:translateY(20px);filter:blur(3px);opacity:.6}}@keyframes reelBounce{0%{transform:translateY(-8px)}60%{transform:translateY(3px)}to{transform:translateY(0)}}.slot-reel-box:not(.spinning) .slot-emoji{animation:reelBounce .25s ease-out}.slots-paytable-box{background:#f7f5f2;border:1.5px solid var(--bj-dark);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.paytable-title{font-size:11px;font-weight:900;color:var(--bj-orange);text-align:center}.paytable-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;text-align:center}.pay-badge{background:var(--bj-white);border:1px solid var(--bj-dark);border-radius:6px;padding:2px 4px;font-size:10px;font-weight:900}.pay-badge.jackpot{background:var(--bj-yellow)}.coin-display-stage{height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:900px;position:relative;overflow:visible}.coin-wrapper{width:86px;height:86px;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.coin-wrapper.show-heads{transform:rotateY(0);animation:coinSettleBounce .25s ease-out}.coin-wrapper.show-tails{transform:rotateY(180deg);animation:coinSettleBounce .25s ease-out}@keyframes coinSettleBounce{0%{transform:translateY(-6px) scale(1.03)}60%{transform:translateY(2px) scale(.98)}to{transform:translateY(0) scale(1)}}.coin-wrapper.flip-to-heads{animation:coinTossHeads 1.2s cubic-bezier(.2,.85,.3,1) forwards}.coin-wrapper.flip-to-tails{animation:coinTossTails 1.2s cubic-bezier(.2,.85,.3,1) forwards}@keyframes coinTossHeads{0%{transform:translateY(0) rotateY(0) scale(1)}35%{transform:translateY(-70px) rotateY(720deg) scale(1.15)}70%{transform:translateY(-20px) rotateY(1440deg) scale(1.05)}88%{transform:translateY(-4px) rotateY(1800deg) scale(1.02)}to{transform:translateY(0) rotateY(1800deg) scale(1)}}@keyframes coinTossTails{0%{transform:translateY(0) rotateY(0) scale(1)}35%{transform:translateY(-70px) rotateY(720deg) scale(1.15)}70%{transform:translateY(-20px) rotateY(1440deg) scale(1.05)}88%{transform:translateY(-4px) rotateY(1980deg) scale(1.02)}to{transform:translateY(0) rotateY(1980deg) scale(1)}}.coin-side{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(135deg,#ffeaa7,gold 65%,#f39c12);border:3px solid #000000;box-sizing:border-box;box-shadow:inset 0 0 0 4px #e5a00d}.coin-side.front{transform:rotateY(0) translateZ(2px)}.coin-side.back{transform:rotateY(180deg) translateZ(2px)}.coin-emoji-icon{font-size:38px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));line-height:1}.coin-side-label{font-size:10px;font-weight:900;color:#000;font-family:var(--bj-font);margin-top:2px;letter-spacing:.5px}.coin-shadow{width:72px;height:10px;background:#00000040;border-radius:50%;margin-top:8px;filter:blur(2px);transition:transform .3s ease,opacity .3s ease}.coin-display-stage.is-flipping .coin-shadow{animation:shadowToss 1.2s cubic-bezier(.2,.85,.3,1) forwards}@keyframes shadowToss{0%{transform:scale(1);opacity:.25}35%{transform:scale(.35);opacity:.08}70%{transform:scale(.85);opacity:.2}to{transform:scale(1);opacity:.25}}.coin-result-banner{padding:8px 14px;border-radius:10px;text-align:center;font-family:var(--bj-font);font-size:13px;font-weight:900;border:var(--bj-border-thick);box-shadow:var(--bj-shadow);animation:popIn .25s ease-out;margin-bottom:2px}.coin-result-banner.win{background:var(--bj-green-bg);color:#27ae60;border-color:#27ae60}.coin-result-banner.lose{background:var(--bj-red-bg);color:#c0392b;border-color:#c0392b}.coin-streak-indicator{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:900;font-family:var(--bj-font);color:var(--bj-orange);background:var(--bj-white);border:1.5px solid var(--bj-dark);border-radius:8px;padding:4px 8px;box-shadow:0 1px 0 var(--bj-dark)}.coin-picker-row{display:flex;gap:8px}.coin-pick-btn{flex:1;background:var(--bj-white);border:var(--bj-border-thick);border-radius:10px;color:var(--bj-dark);font-family:var(--bj-font);font-size:13px;font-weight:900;padding:9px 0;cursor:pointer;box-shadow:0 2px 0 var(--bj-dark);transition:all .1s ease}.coin-pick-btn.active{background:var(--bj-orange);color:#fff}.race-track-wrapper{background:var(--bj-white);border:var(--bj-border-thick);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;position:relative;box-shadow:var(--bj-shadow);box-sizing:border-box;width:100%}.race-finish-banner{position:absolute;right:8px;top:8px;font-size:10px;font-weight:900;font-family:var(--bj-font);color:var(--bj-dark);background:var(--bj-yellow);border:1px solid var(--bj-dark);padding:2px 6px;border-radius:6px;box-shadow:0 1px 0 var(--bj-dark);z-index:5}.race-lane{background:#f7f5f2;border:1.5px solid var(--bj-dark);border-radius:8px;padding:6px 8px;cursor:pointer;transition:background .15s ease,border-color .15s ease;box-sizing:border-box}.race-lane.selected{border-color:var(--bj-orange);background:#fff8e7}.race-lane.winner-lane{border-color:#27ae60;background:var(--bj-green-bg)}.lane-header{display:flex;justify-content:space-between;font-size:11px;font-weight:900;font-family:var(--bj-font);margin-bottom:3px;color:var(--bj-dark)}.lane-mult{color:var(--bj-orange);font-weight:900}.track-bar{width:100%;height:30px;background:#ded7ce;border:1px solid var(--bj-dark);border-radius:6px;position:relative;overflow:hidden;box-sizing:border-box}.runner-sprite{position:absolute;top:1px;font-size:20px;line-height:28px}.race-runners-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.runner-pick-chip{background:var(--bj-white);border:1.5px solid var(--bj-dark);border-radius:8px;color:var(--bj-dark);font-family:var(--bj-font);font-size:11px;font-weight:800;padding:7px;cursor:pointer;box-shadow:0 1px 0 var(--bj-dark);transition:all .1s ease}.runner-pick-chip.active{background:var(--bj-yellow);font-weight:900}.casino-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.casino-result-modal{width:100%;max-width:320px;background:var(--bj-white);border:2.5px solid var(--bj-dark);border-radius:18px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--bj-shadow-deep);animation:popIn .25s cubic-bezier(.2,.8,.3,1);box-sizing:border-box;font-family:var(--bj-font)}.modal-icon-header{font-size:48px;margin-bottom:6px}.modal-headline{margin:0 0 3px;font-size:20px;font-weight:900;font-family:var(--bj-font);color:var(--bj-dark)}.modal-subline{margin:0 0 14px;font-size:12px;color:#555;line-height:1.35}.modal-win-badge{display:flex;align-items:center;gap:6px;background:var(--bj-green-bg);border:1.5px solid var(--bj-dark);border-radius:12px;padding:8px 16px;margin-bottom:16px;font-size:24px;font-weight:900;font-family:var(--bj-font);color:#27ae60;box-shadow:0 2px 0 var(--bj-dark)}.modal-coin-img{width:22px;height:22px}.modal-lose-badge{background:var(--bj-red-bg);border:1.5px solid var(--bj-dark);border-radius:12px;padding:8px 16px;margin-bottom:16px;font-size:22px;font-weight:900;font-family:var(--bj-font);color:#c0392b;box-shadow:0 2px 0 var(--bj-dark)}.modal-actions-row{width:100%;display:flex;flex-direction:column;gap:6px}.modal-btn{width:100%;padding:10px 0;border-radius:10px;font-family:var(--bj-font);font-size:14px;font-weight:900;cursor:pointer;box-shadow:var(--bj-shadow);transition:transform .1s ease;border:1.5px solid var(--bj-dark)}.modal-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--bj-dark)}.modal-btn.play-again{background:var(--bj-yellow);color:var(--bj-dark)}.modal-btn.exit-hub{background:var(--bj-card-bg);color:var(--bj-dark)}.toggle-slider-container{position:relative;display:grid;width:100%;height:40px;border-radius:8px;overflow:hidden;z-index:0}.toggle-slider-container.light{background:#e0e0e0}.toggle-slider-container.dark{background:#3a3a3a}.toggle-slider-indicator{position:absolute;top:2px;height:calc(100% - 4px);background-color:#fff;border-radius:6px;transition:left .25s ease;pointer-events:none;z-index:1}.toggle-slider-indicator.light{box-shadow:0 1px 3px #0000001f}.toggle-slider-indicator.dark{box-shadow:0 1px 3px #ffffff14}.toggle-slider-button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:16px;background:transparent;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1;color:var(--text-color)}.toggle-slider-button.selected{font-weight:600}.toggle-slider-button.unselected{font-weight:500}.toggle-slider-container.dark .toggle-slider-button.selected{color:#3a3a3a}.game-mode-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10001}.game-mode-popup{background-color:var(--popup-background);border-radius:10px;padding:30px 20px 20px;width:90%;max-width:400px;border:1px solid var(--border-color);position:relative;color:var(--text-color)}.close-button{position:absolute;top:10px;right:10px;width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;justify-content:center;align-items:center}.close-button path{stroke:var(--text-color)}.game-mode-title{text-align:center;margin-top:0;margin-bottom:20px;font-size:24px}.game-modes-container{display:flex;justify-content:space-between;gap:15px}.game-mode-option{width:48%;display:flex;flex-direction:column;align-items:center}.game-mode-button{width:100%;aspect-ratio:1 / 1;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--text-color);background-color:var(--popup-background)}.game-mode-button.selected{background-color:var(--button-background)}.game-mode-name{font-size:18px;font-weight:700;margin-bottom:10px}.game-mode-image-container{width:80%;height:70%;display:flex;justify-content:center;align-items:center}.game-mode-image{max-width:100%;max-height:100%;object-fit:contain}.game-mode-popup,.game-mode-button,.close-button path{transition:background-color .3s ease,color .3s ease,border-color .3s ease,stroke .3s ease}.permission-error{color:#f33;text-align:center;margin-top:15px;padding:8px;font-size:14px;background-color:#ff33331a;border-radius:5px}.menu-container{position:fixed;left:50%;transform:translate(-50%);bottom:clamp(25px,4.5vh,40px);z-index:9998;width:90%;display:flex;flex-direction:column}.menu-row{display:flex;gap:clamp(4px,1.5vw,10px);width:100%;margin-bottom:10px}.mode-button{flex:.5;padding:8px;border-radius:10px;font-family:inherit;font-size:20px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:min(1.2vw,5px)}.play-button{flex:.5;padding:clamp(4px,1.8vh,12px) 0;border-radius:10px;font-family:inherit;font-size:min(5vw,22px);cursor:pointer}.duel-button{flex:.2;padding:clamp(4px,1.8vh,12px) 0;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.6}.record-container{flex:1.2;padding:clamp(3px,1vh,8px) clamp(10px,2vw,16px);border-radius:10px;display:flex;align-items:center;justify-content:space-between;height:clamp(32px,6.5vh,42px);box-sizing:border-box}.record-label,.record-value{font-family:inherit;font-size:21px;display:flex;font-weight:200;align-items:center;justify-content:center}.record-label{padding-right:min(2vw,10px)}.record-value{padding-left:min(2vw,10px)}.buttons-container{flex:.8;display:flex;gap:clamp(4px,1.5vw,10px);height:clamp(32px,6.5vh,42px)}.coins-container{flex:1;padding:clamp(3px,1vh,8px) 0;border-radius:min(1.5vw,6px);display:flex;align-items:center;justify-content:center;gap:min(1.2vw,5px);height:100%;box-sizing:border-box}.menu-icon{height:30px;width:auto}.coin-icon2{height:25px;width:auto}.coins-value{font-family:inherit;font-size:min(4vw,18px)}.settings-button{flex:.5;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;height:100%;min-height:clamp(32px,6.5vh,42px);box-sizing:border-box}.settings-button .menu-icon,.duel-button .menu-icon{height:min(6.5vw,26px);width:auto}.light-theme .mode-button,.light-theme .record-container,.light-theme .coins-container,.light-theme .settings-button{background-color:#f5f0e1;border:.1px solid #000;color:#000}.light-theme .play-button{background-color:#ff9a3c;border:.1px solid #000;color:#000}.light-theme .duel-button{background-color:#ffb36b;border:.1px solid #000}.light-theme .settings-icon{filter:brightness(0)}.dark-theme .mode-button,.dark-theme .record-container,.dark-theme .coins-container,.dark-theme .settings-button{background-color:#2d2d2d;border:.1px solid #444;color:#fff}.dark-theme .play-button{background-color:#ff8c23;border:.1px solid #444;color:#fff}.dark-theme .duel-button{background-color:#ff9a45;border:.1px solid #444}.dark-theme .settings-icon{filter:invert(1)}.lobby-button{width:100%;padding:clamp(8px,1.8vh,12px) 16px;border-radius:12px;font-family:Rose,sans-serif;font-size:clamp(16px,4.4vw,20px);font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;letter-spacing:.3px;transition:transform .1s ease,box-shadow .1s ease}.light-theme .lobby-button{background:linear-gradient(135deg,gold,#ffb800);border:2px solid #000000;box-shadow:0 3px #000;color:#000}.light-theme .lobby-button:active{transform:translateY(2px);box-shadow:0 1px #000}.dark-theme .lobby-button{background:linear-gradient(135deg,#ffa000,#ff8c00);border:2px solid #222222;box-shadow:0 3px #111;color:#000}.dark-theme .lobby-button:active{transform:translateY(2px);box-shadow:0 1px #111}#fixed-bottom-nav{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9999;transition:transform .5s ease-in-out}#fixed-bottom-nav.hidden{transform:translate(-50%,200%);transition:transform .5s ease-in-out}#fixed-bottom-nav:not(.hidden){transition:transform .2s ease-out}.bottom-nav{display:flex;justify-content:space-between;align-items:center;bottom:20px;left:50%;transform:translate(-50%);padding:0 max(5px,1.5%);width:87%;background-color:#b34700;z-index:9999;border-radius:clamp(10px,2.5vw,16px);transition:left .3s ease,width .3s ease,bottom .5s ease-in-out;box-shadow:0 0 .625em #00000080;transition:background-color .3s ease;position:fixed}.nav-items-container{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.nav-item,.nav-item.active{background:transparent!important}.bottom-nav.dark-theme{background-color:#2d2d2d;box-shadow:0 0 .625em #000c}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(6px,1.5vh,12px) 0;background:none;border:none;outline:none;cursor:pointer;color:#ffffffb3;transition:all .2s ease;border-radius:clamp(6px,1.5vw,10px);margin:clamp(6px,1vh,10px) clamp(2px,.8vw,4px);position:relative;z-index:1}.nav-item:hover{color:#fff}.nav-icon{width:clamp(18px,4vw,24px);height:clamp(18px,4vw,24px);margin-bottom:clamp(2px,.8vh,4px);opacity:.7;transition:opacity .2s ease}.nav-item.active .nav-icon{opacity:1}.nav-label{font-size:clamp(10px,2.7vw,12px);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-indicator{position:absolute;top:8.75px;left:0;height:calc(100% - 17.5px);width:25%;background-color:#ffa64e;border-radius:clamp(6px,1.5vw,10px);transition:transform .3s ease;z-index:0;pointer-events:none}.bottom-nav.dark-theme .nav-indicator{background-color:#ff8d1e}.page-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700;color:#333;background-color:#f5f5f5;padding-bottom:80px;box-sizing:border-box;position:relative}.page-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 80px)}.app-container{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column}.page-wrapper{flex:1;position:relative}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-family:Rose,sans-serif;overflow:hidden}.loading-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}.loading-title{margin-top:180px;font-size:4rem;font-weight:700;text-align:center;-webkit-user-select:none;user-select:none}.loading-title .bunny{color:#ff8c00}.loading-title .jump{color:#000}.loading-caption{margin-bottom:40px;font-size:1.5rem;color:#000;text-align:center;-webkit-user-select:none;user-select:none}.carrot-left,.carrot-right{position:absolute;top:60%;width:80px;height:auto;transform:translateY(-50%);-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.carrot-left{left:20px}.carrot-right{right:20px}.rabbit{position:absolute;top:0;left:0;width:60px;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:center center;z-index:2}@font-face{font-family:Rose;src:url(/assets/rose-B4wlWwv0.ttf) format("truetype");font-weight:400;font-style:normal}:root{--background-color: #f0f0f0;--text-color: #000000;--popup-background: #f5f0e1;--border-color: #000000;--button-background: #FFD700;--button-text-color: #000000;--shadow-color: rgba(0, 0, 0, .2);--card-background: #ffffff;--accent-color: #FF8C00;--secondary-background: #EBE7E3}[data-theme=dark]{--background-color: #121212;--text-color: #ffffff;--popup-background: #2d2d2d;--border-color: #444444;--button-background: #FFD700;--button-text-color: #000000;--shadow-color: rgba(255, 255, 255, .1);--card-background: #1e1e1e;--accent-color: #FF8C00;--secondary-background: #2d2d2d}body{margin:0;padding:0;font-family:Rose,sans-serif;background:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}#game-container{display:block;margin:0 auto}button{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;color:var(--text-color);font-family:Rose,sans-serif;outline:none}button.inherit-color{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;color:inherit}button:focus{outline:none}*:focus{outline:none}button::-moz-focus-inner{border:0!important}button:focus,button:active{outline:none!important;box-shadow:none!important}:focus{outline:none!important;box-shadow:none!important}*{-webkit-tap-highlight-color:transparent}*{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none!important}
