:root{--bg:#0c0317;--bg-secondary:#19082e;--bg-tertiary:#080112;--card:#1f0a38;--card-hover:#2c0f4f;--text:#fff;--text-primary:#0c0317;--muted:#c4b5fd;--accent:gold;--accent-glow:#fa0;--accent-purple:#a855f7;--accent-magenta:#d946ef;--border:#3b1466;--border-glow:rgba(255,215,0,.45);--border-purple-glow:rgba(168,85,247,.45);--success:#0f8;--success-glow:rgba(0,255,136,.25);--danger:#f05;--danger-glow:rgba(255,0,85,.25);--facebook:#1877f2;--telegram:#229ed9;--whatsapp:#25d366;--youtube:red;--instagram:#e1306c;--twitter:#000}*{box-sizing:border-box;margin:0;padding:0}#__next,body,html{height:100%;width:100%;overflow-x:hidden;background-color:var(--bg)}body{color:var(--text);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.app{min-height:100vh;padding-bottom:75px;background-image:radial-gradient(circle at 50% 0,rgba(45,17,85,.8) 0,var(--bg) 60%),radial-gradient(circle at 100% 50%,rgba(255,215,0,.05) 0,transparent 40%);position:relative}.navbar{justify-content:space-between;padding:8px 14px;min-height:64px;background:rgba(12,3,23,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border)}.logo-container,.navbar{display:flex;align-items:center}.logo-container{gap:10px}.menu-toggle{background:none;border:none;color:var(--text);font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.menu-toggle:hover{transform:scale(1.1);color:var(--accent)}.betpk-logo{font-size:22px;font-weight:950;font-style:italic;letter-spacing:-1px;background:linear-gradient(135deg,#fff 10%,gold 50%,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 12px rgba(255,215,0,.4)}.header-right{gap:12px}.header-right,.wallet-display{display:flex;align-items:center}.wallet-display{gap:6px;background:rgba(36,16,74,.8);border:1px solid var(--border);padding:6px 10px;border-radius:20px;font-size:13px;font-weight:800;box-shadow:inset 0 2px 4px rgba(0,0,0,.5);transition:border-color .2s}.wallet-display:hover{border-color:var(--border-glow)}.wallet-flag{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px}.wallet-amount{color:var(--accent);font-family:monospace;letter-spacing:.5px}.wallet-refresh{background:none;border:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:transform .4s ease,color .2s;padding:2px}.wallet-refresh:hover{color:var(--accent);transform:rotate(1turn)}.btn-deposit,.deposit-dropdown-container{position:relative}.btn-deposit{background:linear-gradient(135deg,var(--accent) 0,#c80 100%);color:var(--text-primary);border:none;font-weight:900;font-size:13px;padding:8px 14px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:4px;box-shadow:0 4px 12px rgba(255,215,0,.3);transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-deposit:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(255,215,0,.45)}.deposit-badge{position:absolute;top:-6px;right:-6px;background:var(--danger);color:#fff;font-size:9px;padding:2px 4px;border-radius:8px;font-weight:900;box-shadow:0 2px 5px rgba(255,23,68,.4);animation:pulse-danger 1.5s infinite}@keyframes pulse-danger{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.btn{background:var(--bg-secondary);color:var(--muted);border:1px solid var(--border);padding:10px 20px;border-radius:12px;cursor:pointer;font-weight:700;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}.btn:hover{border-color:var(--accent);color:#fff;background:rgba(255,215,0,.05)}.btn.primary{background:linear-gradient(135deg,var(--accent) 0,#c80 100%);color:var(--text-primary);border:none;box-shadow:0 4px 15px rgba(255,215,0,.2)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,215,0,.4)}.banner-carousel{position:relative;width:calc(100% - 32px);margin:16px;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.5);border:1px solid var(--border);aspect-ratio:16/7}.carousel-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.carousel-slide{min-width:100%;height:100%;position:relative}.carousel-image{width:100%;height:100%;object-fit:cover}.carousel-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,7,50,.9) 0,rgba(24,7,50,.4) 50%,transparent);display:flex;flex-direction:column;justify-content:center;padding:24px}.carousel-title{font-size:20px;font-weight:900;color:var(--accent);margin-bottom:6px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.carousel-desc{font-size:12px;color:var(--text);max-width:60%;line-height:1.4;margin-bottom:12px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.carousel-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.carousel-dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.3);border:none;cursor:pointer;transition:all .3s}.carousel-dot.active{background:var(--accent);width:20px;border-radius:4px}.announcement-bar{display:flex;align-items:center;background:rgba(36,16,74,.7);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 16px;gap:12px}.announcement-icon{color:var(--accent);font-size:15px;display:flex;align-items:center}.announcement-marquee{flex:1 1;overflow:hidden;white-space:nowrap}.announcement-text{display:inline-block;padding-left:100%;animation:marquee 25s linear infinite;color:var(--muted);font-size:13px;font-weight:500}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.announcement-mail{position:relative;cursor:pointer;color:var(--muted);font-size:18px;display:flex;align-items:center;transition:color .2s}.announcement-mail:hover{color:var(--accent)}.mail-badge{position:absolute;top:-4px;right:-6px;background:var(--danger);color:#fff;font-size:9px;font-weight:900;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center}.winners-ticker-container{background:rgba(18,4,36,.5);padding:12px 16px;overflow:hidden;position:relative}.winners-ticker-title{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:800;display:flex;align-items:center;gap:6px}.winners-ticker-track{display:flex;gap:12px;width:max-content;animation:scroll-left 45s linear infinite}.winners-ticker-track:hover{animation-play-state:paused}@keyframes scroll-left{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.winner-card{background:rgba(42,15,76,.9);border:1px solid var(--border);border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:10px;min-width:180px;box-shadow:0 4px 10px rgba(0,0,0,.25);transition:border-color .2s,transform .2s}.winner-card:hover{border-color:var(--accent);transform:translateY(-2px)}.winner-avatar{font-size:20px}.winner-info{display:flex;flex-direction:column;gap:2px}.winner-name{font-size:11px;font-weight:700;color:var(--muted)}.winner-payout{font-size:13px;font-weight:900;color:var(--success)}.winner-game{font-size:9px;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.5px}.category-bar{display:flex;gap:8px;padding:16px;overflow-x:auto;scrollbar-width:none;position:relative}.category-bar::-webkit-scrollbar{display:none}.category-chip{background:var(--bg-secondary);color:var(--muted);border:1px solid var(--border);padding:10px 18px;border-radius:20px;cursor:pointer;white-space:nowrap;font-weight:800;font-size:13px;display:flex;align-items:center;gap:8px;transition:all .2s ease}.category-chip:hover{border-color:var(--accent);color:#fff;background:rgba(255,215,0,.05)}.category-chip.active{background:linear-gradient(135deg,var(--accent) 0,#c80 100%);color:var(--text-primary);border-color:var(--accent);box-shadow:0 4px 12px rgba(255,215,0,.35);transform:scale(1.02)}.section-title{padding:0 16px;margin:24px 0 12px;font-size:18px;font-weight:900;color:var(--text);justify-content:space-between}.section-title,.title-left{display:flex;align-items:center}.title-left{gap:8px}.title-left:before{content:"";display:block;width:4px;height:18px;background:var(--accent);border-radius:2px}.title-right{font-size:12px;color:var(--muted);cursor:pointer;font-weight:700;transition:color .2s}.title-right:hover{color:var(--accent)}.games-grid,.games-horizontal-scroll{display:grid;grid-template-rows:repeat(2,minmax(130px,155px));grid-auto-flow:column;grid-auto-columns:minmax(120px,140px);grid-gap:10px;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 14px 16px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.4) hsla(0,0%,100%,.05)}.games-grid::-webkit-scrollbar,.games-horizontal-scroll::-webkit-scrollbar{height:6px}.games-grid::-webkit-scrollbar-track,.games-horizontal-scroll::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.games-grid::-webkit-scrollbar-thumb,.games-horizontal-scroll::-webkit-scrollbar-thumb{background:rgba(255,215,0,.4);border-radius:4px}.games-grid::-webkit-scrollbar-thumb:hover,.games-horizontal-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent)}.games-grid>a,.games-horizontal-scroll>a{text-decoration:none;display:block;height:100%;scroll-snap-align:start}.games-grid .game-card,.games-horizontal-scroll .game-card{height:100%;width:100%}@media (max-width:480px){.games-grid,.games-horizontal-scroll{grid-template-rows:repeat(2,minmax(120px,140px));grid-auto-columns:minmax(105px,125px);gap:8px;padding:4px 10px 14px}}.game-card{background:linear-gradient(180deg,#240d42 0,var(--card) 100%);border:1px solid var(--border);border-radius:12px;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s cubic-bezier(.25,.8,.25,1),box-shadow .2s ease,border-color .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.4);display:flex;flex-direction:column;aspect-ratio:1/1.22;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.game-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 24px rgba(255,215,0,.3)}.game-card:active{transform:scale(.96)}.game-card-img-container{width:100%;flex:1 1;position:relative;background:var(--bg-tertiary);overflow:hidden}.game-card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.game-card:hover .game-card-img{transform:scale(1.08)}.game-provider-badge{position:absolute;top:5px;left:5px;background:rgba(12,3,23,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--accent);font-size:8px;font-weight:900;padding:2px 5px;border-radius:4px;border:1px solid rgba(255,215,0,.2);letter-spacing:.5px;text-transform:uppercase}.game-favorite-btn{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.6);border:none;color:#fff;font-size:10px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s,transform .2s}.game-favorite-btn:hover{transform:scale(1.1);color:var(--accent)}.game-details{padding:8px 10px;background:var(--card)}.game-title{font-weight:800;font-size:12px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-subtitle{font-size:9px;color:var(--muted);font-weight:700;margin-top:2px}.expand-btn{width:calc(100% - 32px);margin:8px 16px 24px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--muted);border-radius:10px;font-size:13px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.expand-btn:hover{border-color:var(--accent);color:#fff}.floating-widget-left{left:16px}.floating-widget-left,.floating-widget-right{position:fixed;bottom:85px;z-index:90;animation:bounce-slow 3s ease-in-out infinite}.floating-widget-right{right:16px;animation-delay:1.5s}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.widget-wheel-container{position:relative;width:76px;height:76px;background:linear-gradient(135deg,rgba(20,25,38,.95),rgba(18,4,36,.95));border:2px solid var(--accent);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 15px rgba(255,215,0,.4),inset 0 0 10px rgba(255,215,0,.2);cursor:pointer}.widget-wheel-graphic{font-size:32px;animation:spin-slow 20s linear infinite}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.widget-wheel-text{font-size:8px;font-weight:900;color:#fff;background:var(--accent);color:var(--text-primary);padding:1px 4px;border-radius:4px;position:absolute;bottom:-6px;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,.5)}.widget-close-btn{position:absolute;top:-4px;right:-4px;background:rgba(0,0,0,.85);border:1px solid var(--border);color:#f44;width:16px;height:16px;font-size:8px;z-index:5}.top-btn,.widget-close-btn{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;cursor:pointer}.top-btn{position:fixed;bottom:175px;right:16px;width:36px;height:36px;background:rgba(18,4,36,.85);border:1px solid var(--border);color:var(--muted);font-size:11px;z-index:90;transition:all .2s;box-shadow:0 4px 10px rgba(0,0,0,.3)}.top-btn:hover{border-color:var(--accent);color:var(--accent)}.footer{background:var(--bg-tertiary);border-top:1px solid var(--border);padding:32px 16px 40px;text-align:center}.social-channels-title{font-size:13px;font-weight:800;color:var(--text);margin-bottom:14px}.social-icons-row{gap:16px;margin-bottom:24px}.social-icon-btn,.social-icons-row{display:flex;justify-content:center}.social-icon-btn{width:42px;height:42px;border-radius:50%;align-items:center;font-size:20px;color:#fff;border:none;cursor:pointer;transition:transform .2s,filter .2s;box-shadow:0 4px 10px rgba(0,0,0,.3)}.social-icon-btn:hover{transform:scale(1.1);filter:brightness(1.15)}.social-icon-btn.fb{background:var(--facebook)}.social-icon-btn.tg{background:var(--telegram)}.social-icon-btn.wa{background:var(--whatsapp)}.social-icon-btn.yt{background:var(--youtube)}.social-icon-btn.ig{background:var(--instagram)}.social-icon-btn.tw{background:var(--twitter);border:1px solid var(--border)}.social-icon-btn.r21{background:transparent;border:2px solid #f44;color:#f44;font-weight:900;font-size:14px;font-family:sans-serif;cursor:default}.footer-disclaimer{font-size:11px;color:var(--muted);line-height:1.6;max-width:600px;margin:0 auto 24px}.footer-disclaimer strong{color:var(--accent)}.partners-title{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.partners-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;opacity:.5;transition:opacity .2s}.partners-row:hover{opacity:.8}.partner-logo{font-size:14px;font-weight:900;color:#fff;letter-spacing:.5px;font-family:Outfit,sans-serif;text-transform:uppercase;border:1px solid hsla(0,0%,100%,.15);padding:4px 10px;border-radius:4px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(60px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background:rgba(12,3,23,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:100;box-shadow:0 -4px 20px rgba(0,0,0,.6)}.bottom-nav,.bottom-nav-item{display:flex;align-items:center}.bottom-nav-item{flex:1 1;flex-direction:column;justify-content:center;gap:3px;color:var(--muted);font-size:10px;font-weight:800;text-decoration:none;cursor:pointer;height:100%;position:relative;transition:color .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}.bottom-nav-item.active,.bottom-nav-item:hover{color:var(--accent)}.bottom-nav-item.active .bottom-nav-icon{transform:translateY(-2px) scale(1.1);filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}.bottom-nav-icon{font-size:20px;transition:transform .2s ease,filter .2s ease}.bottom-nav-item:hover .bottom-nav-icon{transform:translateY(-2px)}.bottom-nav-badge{position:absolute;top:4px;right:22%;background:var(--danger);color:#fff;font-size:8px;font-weight:900;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(255,0,85,.5)}.felt-table{background:radial-gradient(circle at center,#0f6335 0,#063c1e 100%);position:relative;overflow:hidden;box-shadow:inset 0 0 100px rgba(0,0,0,.8)}.felt-table:before{content:"";position:absolute;inset:0;background-image:radial-gradient(hsla(0,0%,100%,.05) 1px,transparent 0);background-size:20px 20px;pointer-events:none}.matrix-bg{background:linear-gradient(rgba(18,20,29,.95),rgba(18,4,36,.98)),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,230,118,.05) 0,rgba(0,230,118,.05) 4px);border:1px solid #00e67633;box-shadow:0 0 30px rgba(0,230,118,.05)}.reel-blur{filter:blur(4px);transform:translateY(-10px);transition:filter .1s ease,transform .1s ease}.card-dealing{animation:deal-in .4s cubic-bezier(.18,.89,.32,1.28) forwards}@keyframes deal-in{0%{transform:translate3d(200px,-200px,0) rotate(45deg);opacity:0}to{transform:translateZ(0) rotate(0deg);opacity:1}}.odds-up{animation:flash-green 1s}.odds-down{animation:flash-red 1s}@keyframes flash-green{0%,to{background-color:transparent}50%{background-color:rgba(0,230,118,.25);color:var(--success)}}@keyframes flash-red{0%,to{background-color:transparent}50%{background-color:rgba(255,23,68,.25);color:var(--danger)}}.multiplier-bar-container{display:flex;background:rgba(0,0,0,.6);border-radius:8px;border:1px solid var(--border);overflow:hidden;margin-bottom:16px}.multiplier-step{flex:1 1;padding:8px 4px;text-align:center;font-size:11px;font-weight:900;color:var(--muted);border-right:1px solid var(--border);transition:all .3s}.multiplier-step.active{background:linear-gradient(180deg,var(--accent) 0,#cc8e00 100%);color:var(--text-primary);box-shadow:0 0 15px rgba(255,215,0,.5);text-shadow:0 1px 2px hsla(0,0%,100%,.4)}.multiplier-step:last-child{border-right:none}.game-screen-wrapper{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(circle at center,#0a0f1d 0,#02040a 100%)!important;width:100%;min-height:100%;overflow-y:auto;position:relative}.game-glass-panel{width:100%;max-width:480px;background:rgba(13,22,38,.65)!important;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(0,229,255,.2)!important;box-shadow:0 12px 40px rgba(0,229,255,.15),0 0 20px rgba(0,0,0,.8)!important;border-radius:24px!important;padding:24px!important;text-align:center;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.game-glass-panel:hover{border-color:rgba(0,229,255,.35)!important;box-shadow:0 16px 45px rgba(0,229,255,.22),0 0 25px rgba(0,0,0,.9)!important}.game-title-neon{font-size:24px!important;color:#0ff!important;text-shadow:0 0 15px rgba(0,255,255,.6),0 2px 4px #000!important;letter-spacing:2px!important;margin:0 0 16px!important;font-family:Outfit,Inter,sans-serif!important}.game-btn-primary,.game-title-neon{font-weight:900!important;text-transform:uppercase!important}.game-btn-primary{width:100%;background:linear-gradient(90deg,#0ff,#00b0ff)!important;color:#000!important;border:none!important;padding:14px!important;border-radius:12px!important;font-size:15px!important;cursor:pointer;box-shadow:0 4px 20px rgba(0,229,255,.4)!important;letter-spacing:1.5px!important;transition:all .25s ease!important}.game-btn-primary:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px 25px rgba(0,229,255,.6)!important;filter:brightness(1.1)!important}.game-btn-primary:active:not(:disabled){transform:translateY(1px)!important}.premium-chip-btn{width:36px;height:36px;border-radius:50%!important;border:2px solid hsla(0,0%,100%,.4)!important;color:#fff!important;font-size:10px!important;font-weight:900!important;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.5)!important;transition:all .2s cubic-bezier(.175,.885,.32,1.275)!important;display:flex;align-items:center;justify-content:center}.premium-chip-btn:hover{transform:scale(1.15)!important;border-color:#ffea00!important}.premium-chip-btn.active{transform:scale(1.2)!important;border-color:#ffea00!important;box-shadow:0 0 12px #ffea00!important}