code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.authentic-ludo-game *{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;box-sizing:initial!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.authentic-ludo-game .board-image,.authentic-ludo-game .ludo-board,.authentic-ludo-game .ludo-piece,.authentic-ludo-game .responsive-board-container{box-sizing:border-box!important}.authentic-ludo-game{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;transform:translateZ(0)!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#114a43;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;min-height:100vh;position:relative}body:before{animation:bgAnimation 20s ease infinite;background:radial-gradient(circle at 20% 50%,#114a431a 0,#0000 50%),radial-gradient(circle at 80% 80%,#1a645c1a 0,#0000 50%),radial-gradient(circle at 40% 20%,#2a8a801a 0,#0000 50%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.App{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.main-content{flex:1 1;padding:70px 0 80px;position:relative;z-index:1}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0a312b;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#fff;background:var(--btn-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f0f0f0;background:var(--btn-hover)}@keyframes glow{0%{box-shadow:0 0 5px #114a43,0 0 10px #114a43;box-shadow:0 0 5px var(--primary-green),0 0 10px var(--primary-green)}50%{box-shadow:0 0 10px #114a43,0 0 20px #114a43;box-shadow:0 0 10px var(--primary-green),0 0 20px var(--primary-green)}to{box-shadow:0 0 5px #114a43,0 0 10px #114a43;box-shadow:0 0 5px var(--primary-green),0 0 10px var(--primary-green)}}.btn{align-items:center;background-color:#fff;background-color:var(--btn-primary);border:none;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;outline:none;padding:10px 20px;text-decoration:none;transition:.3s ease;transition:var(--transition-medium)}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background-color:#fff;background-color:var(--btn-primary);border:2px solid #fff;border:2px solid var(--btn-primary);color:#114a43;color:var(--btn-text)}.btn-primary:hover{background-color:#f0f0f0;background-color:var(--btn-hover);border-color:#f0f0f0;border-color:var(--btn-hover);box-shadow:0 4px 12px #114a4333;box-shadow:var(--shadow-green)}.btn-outline{background:#0000;border:2px solid #fff;border:2px solid var(--btn-primary);color:#fff;color:var(--btn-primary);text-transform:none;transition:.3s ease;transition:var(--transition-medium)}.btn-outline:hover{background-color:#fff;background-color:var(--btn-primary);box-shadow:0 4px 12px #114a4333;box-shadow:var(--shadow-green);color:#114a43;color:var(--btn-text)}.btn-text{background:#0000;border:1px solid #fff;border:1px solid var(--btn-primary);padding:8px 12px;text-transform:none;transition:.2s ease;transition:var(--transition-fast)}.btn-text,.btn-text:hover{color:#fff;color:var(--btn-primary)}.btn-text:hover{background:#ffffff1a;text-decoration:underline}.btn-success{background:#fff;background:var(--btn-primary);border:2px solid #fff;border:2px solid var(--btn-primary);color:#114a43;color:var(--btn-text)}.btn-success:hover{background:#f0f0f0;background:var(--btn-hover);border-color:#f0f0f0;border-color:var(--btn-hover);box-shadow:0 4px 12px #114a4333;box-shadow:var(--shadow-green);transform:translateY(-2px)}.btn-gold{animation:pulse 2s infinite;background:#fff;background:var(--btn-primary);border:2px solid #fff;border:2px solid var(--btn-primary);color:#114a43;color:var(--btn-text)}.btn-gold:hover{background:#f0f0f0;background:var(--btn-hover);border-color:#f0f0f0;border-color:var(--btn-hover);box-shadow:0 4px 12px #114a4333;box-shadow:var(--shadow-green)}.card{background:#114a43;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;padding:20px;position:relative;transition:all .2s ease;transition:all var(--transition-fast)}.card:before{background:#fff;background:var(--btn-primary);border-radius:16px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .2s ease;transition:opacity var(--transition-fast);z-index:-1}.card:hover{box-shadow:0 8px 16px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card:hover:before{opacity:1}@media (max-width:768px){.main-content{padding:60px 0 70px}.btn{font-size:14px;padding:10px 20px}}.loading{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}.floating{animation:float 3s ease-in-out infinite}.home-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.hero-section{margin-bottom:40px}.banner-slider{display:flex;gap:20px;margin:0 -10px;overflow-x:auto;padding:0 10px 15px;scrollbar-color:var(--primary-green) #0000;scrollbar-width:thin}.banner-slider::-webkit-scrollbar{height:6px}.banner-slider::-webkit-scrollbar-thumb{background:#114a43;border-radius:3px}.banner{background:#114a43;border-radius:20px;cursor:pointer;height:150px;min-width:350px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.banner-content{align-items:center;color:var(--text-primary);display:flex;gap:20px;height:100%;position:relative;z-index:2}.banner-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:48px}.banner h2{font-size:24px;font-weight:800;margin-bottom:5px}.banner h2,.banner p{color:var(--text-primary)}.banner p{font-size:14px;opacity:.9}.claim-btn{background:#4cceac;border:2px solid #4cceac;border-radius:25px;margin-left:auto;transition:all .3s ease}.claim-btn:hover{background:#3bb89c;color:#fff;transform:scale(1.05)}@media (max-width:768px){.banner-slider{-webkit-overflow-scrolling:touch;margin:0 -10px;padding:0 10px 15px;scroll-snap-type:x mandatory}.banner{border-radius:16px;flex-basis:calc(100% - 40px);flex-grow:0;flex-shrink:0;height:130px;margin:0 10px!important;min-width:280px!important;padding:18px;scroll-snap-align:start}.banner-content{gap:12px}.banner-icon{flex-shrink:0;font-size:36px}.banner h2{font-size:18px;line-height:1.2}.banner p{font-size:12px;line-height:1.4;margin:5px 0}.claim-btn{align-self:center;flex-shrink:0;font-size:12px;padding:7px 14px;white-space:nowrap}.banner-slider{gap:15px}@media (max-width:480px){.banner{height:120px;min-width:260px!important;padding:15px}.banner h2{font-size:17px}.banner p,.claim-btn{font-size:11px}.claim-btn{padding:6px 12px}}}.banner-glow{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.games-section{margin-bottom:60px}.section-header{margin-bottom:40px;text-align:center}.section-title{align-items:center;display:flex;font-size:32px;gap:10px;justify-content:center;margin-bottom:10px}.title-icon{animation:bounce 2s ease-in-out infinite;font-size:36px}.section-subtitle{color:var(--text-secondary);font-size:16px}.games-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.game-card-link{text-decoration:none}.game-card{border-radius:20px;cursor:pointer;overflow:hidden;transition:all .3s ease}.game-card-header{background:#114a43!important;border-radius:12px 12px 0 0;color:var(--text-primary);height:180px;overflow:hidden;padding:20px;position:relative}.game-tag{background:#0000004d;border:1px solid #fff3;border-radius:20px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;position:absolute;right:10px;text-transform:uppercase;top:10px}.game-icon{text-align:center}.prize-pool{color:var(--text-primary);display:flex;flex-direction:column}.prize-label{font-size:12px;opacity:.8;text-transform:uppercase}.prize-amount{font-size:24px;font-weight:800}.game-card-body{padding:20px}.game-name{color:var(--text-primary);font-size:22px;font-weight:700;margin-bottom:8px}.game-description{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.game-info{justify-content:space-between}.players-info{color:var(--text-secondary);font-size:13px;gap:5px}.play-btn,.players-info{align-items:center;display:flex}.play-btn{background:#4cceac;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;gap:8px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}.play-btn:hover{box-shadow:0 5px 15px #6c5ce766;transform:translateX(5px)}.btn-arrow{transition:all .3s ease}.play-btn:hover .btn-arrow{transform:translateX(3px)}.card-glow{background:radial-gradient(circle at center,#0000 0,#6c5ce71a 100%);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.game-card:hover .card-glow{opacity:1}.features-section{margin-bottom:40px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#114a43;border:1px solid #ffffff1a;border-radius:15px;padding:30px;text-align:center;transition:all .3s ease}.feature-card:hover{background:#ffffff14;border-color:var(--primary-green);transform:translateY(-5px)}.feature-icon{display:block;font-size:48px;margin-bottom:15px}.feature-card h4{color:var(--text-primary);font-size:18px;margin-bottom:8px}.feature-card p{color:var(--text-secondary);font-size:14px}.floating-bonus{align-items:center;background:var(--gradient-gold);border-radius:50%;bottom:100px;box-shadow:0 5px 20px #ffd70080;cursor:pointer;display:flex;flex-direction:column;height:80px;justify-content:center;position:fixed;right:30px;transition:transform .3s ease,box-shadow .3s ease;width:80px;z-index:100}.floating-bonus:hover{box-shadow:0 7px 25px #ffd700b3;transform:scale(1.05)}.floating-bonus span:first-child{font-size:28px}.bonus-text{color:var(--dark-bg);font-size:9px;font-weight:700;text-transform:uppercase}@media (max-width:768px){.home-page{padding:15px}.banner{height:130px;min-width:280px;padding:20px}.banner h2{font-size:20px}.banner-icon{font-size:36px}.section-title{font-size:24px}.games-grid{gap:20px;grid-template-columns:1fr}.floating-bonus{bottom:90px;height:70px;right:20px;width:70px}.floating-bonus span:first-child{font-size:24px}.bonus-text{font-size:8px}}.authentic-ludo-game{background:#0000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;height:100dvh;left:0;margin:0;overflow:hidden;padding:0;position:fixed;top:0;-webkit-user-select:none;user-select:none;width:100vw}body:has(.authentic-ludo-game){height:100vh!important;margin:0!important;overflow:hidden!important;padding:0!important}html:has(.authentic-ludo-game){height:100vh!important;margin:0!important;overflow:hidden!important;padding:0!important}.mobile-game-layout{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.ludo-setup-screen{align-items:center;background:#0000;border-radius:25px;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:500px;padding:40px;width:90%}.game-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f8f9fa 30%,#e9ecef 70%,#dee2e6);-webkit-background-clip:text;background-clip:text;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:3.2rem;letter-spacing:.5px;line-height:1.1;margin-bottom:24px;position:relative;text-align:center;text-shadow:0 2px 20px #ffffff4d}.game-title:before{animation:titleGlow 3s ease-in-out infinite alternate;background:radial-gradient(ellipse,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:-1}@keyframes titleGlow{0%{opacity:.4;transform:translate(-50%,-50%) scale(1)}to{opacity:.7;transform:translate(-50%,-50%) scale(1.05)}}.game-subtitle{color:#ffffffd9;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.2rem;letter-spacing:.3px;line-height:1.4;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:400px;text-align:center}.setup-options h3{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:20px;text-align:center}.player-selection{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.player-btn{align-items:center;background:linear-gradient(135deg,#114a431a,#0d8a7a33);border:3px solid #fff6;border-radius:20px;box-shadow:0 8px 25px #0000004d;color:#fff;cursor:pointer;display:flex;flex-direction:column;min-width:100px;padding:20px 15px;transition:all .4s ease}.player-btn:hover{background:linear-gradient(135deg,gold,tomato);border-color:gold;box-shadow:0 15px 35px #00000080;transform:translateY(-8px) scale(1.05)}.player-count{font-size:2rem;font-weight:700;margin-bottom:8px}.player-text{font-size:.9rem;font-weight:500;opacity:.9}.top-status-bar{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f0f23f2;border-bottom:1px solid #ffd70033;box-shadow:0 2px 20px #00000080;display:flex;height:65px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.current-player-info{align-items:center;display:flex;gap:12px}.player-avatar{align-items:center;border:2px solid #fff6;border-radius:50%;box-shadow:0 0 15px #ffd70066;display:flex;font-size:16px;height:42px;justify-content:center;overflow:hidden;position:relative;width:42px}.player-avatar:before{animation:rotate 3s linear infinite;background:conic-gradient(from 0deg,#0000,#ffd70099,#0000);border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.player-details{display:flex;flex-direction:column;gap:2px}.player-name{margin:0}.turn-status{color:#4ecdc4;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.turn-status.ai-thinking{animation:pulse 1.5s infinite;color:#ff6b6b}.exit-game-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.exit-game-btn:hover{background:#ff6b6b33;border-color:#ff6b6b66;transform:scale(1.1)}.game-board-area{bottom:0;left:0;padding:15px;position:fixed;right:0;top:65px}.game-board-area,.responsive-board-container{align-items:center;display:flex;justify-content:center}.responsive-board-container{height:min(85vw,85vh - 65px);max-height:450px;max-width:450px;position:relative;width:min(85vw,85vh - 65px)}.ludo-board{border:3px solid #ffd7004d;border-radius:20px;box-shadow:0 20px 50px #000000b3;height:100%;overflow:hidden;position:relative;width:100%}.board-image{display:block;height:100%;object-fit:cover;width:100%}.floating-dice-container{bottom:20px;left:auto;position:fixed;right:20px;transform:none;z-index:500}.professional-dice-container{align-items:center;display:flex;flex-direction:column;gap:10px;padding:8px}.dice-tap-prompt{animation:promptPulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000e6,#000000b3);border:1px solid #ffd70066;border-radius:20px;box-shadow:0 4px 20px #0000004d,inset 0 1px 0 #fff3;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:6px 14px;text-transform:uppercase;white-space:nowrap}@keyframes promptPulse{0%,to{box-shadow:0 4px 20px #0000004d,inset 0 1px 0 #fff3;opacity:1;transform:translateY(0)}50%{box-shadow:0 6px 25px #ffd70033,inset 0 1px 0 #ffffff4d;opacity:.8;transform:translateY(-2px)}}.modern-dice-face{align-items:center;background:linear-gradient(145deg,#fff,#f0f0f0);border:2px solid #fffc;border-radius:18px;box-shadow:0 8px 32px #00000040,inset 0 2px 4px #ffffffe6,inset 0 -2px 4px #0000001a;cursor:pointer;display:flex;height:75px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:75px}.modern-dice-face:before{animation:borderGlow 3s linear infinite;background:linear-gradient(45deg,#4caf50,#0000 30%,#0000 70%,#4caf50);background:linear-gradient(45deg,var(--player-color,#4caf50),#0000 30%,#0000 70%,var(--player-color,#4caf50));border-radius:20px;bottom:-2px;content:"";left:-2px;opacity:.6;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes borderGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modern-dice-face:hover{box-shadow:0 12px 40px #0000004d,inset 0 2px 4px #ffffffe6,inset 0 -2px 4px #0000001a;transform:translateY(-3px) scale(1.02)}.modern-dice-face:active{box-shadow:0 4px 20px #0003,inset 0 1px 2px #ffffffe6,inset 0 -1px 2px #0000001a;transform:translateY(-1px) scale(.98)}.modern-dice-face.rolling{animation:diceRoll .8s ease-in-out;box-shadow:0 15px 50px #0006,inset 0 2px 4px #ffffffe6}@keyframes diceRoll{0%{transform:rotateX(0deg) rotateY(0deg)}25%{transform:rotateX(90deg) rotateY(90deg) scale(1.1)}50%{transform:rotateX(180deg) rotateY(180deg) scale(1.2)}75%{transform:rotateX(270deg) rotateY(270deg) scale(1.1)}to{transform:rotateX(1turn) rotateY(1turn) scale(1)}}.dice-dots-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:50px;padding:8px;position:relative;width:50px}.dice-dot{background:linear-gradient(145deg,#2c3e50,#34495e);box-shadow:0 2px 6px #0000004d,inset 0 1px 0 #ffffff1a;height:10px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:10px}.dice-dot.active{background:linear-gradient(145deg,#1a252f,#2c3e50);box-shadow:0 3px 8px #0006,inset 0 1px 0 #ffffff1a,0 0 0 1px #0003;transform:scale(1)}.dice-value-backup{color:#2c3e50;font-size:28px;font-weight:900;left:50%;opacity:0;pointer-events:none;position:absolute;text-shadow:0 1px 2px #fffc;top:50%;transform:translate(-50%,-50%);z-index:-1}.modern-dice-face:not(.dots-loaded) .dice-value-backup{opacity:1;z-index:1}.modern-dice-face:not(.dots-loaded) .dice-dots-grid{opacity:0}.dice-rolling-status{animation:rollStatusPulse .6s infinite alternate;background:linear-gradient(135deg,#ffd700f2,#ffc107f2);border:1px solid #ffd70099;border-radius:20px;box-shadow:0 6px 20px #ffd70066,inset 0 1px 0 #ffffff4d;color:#1a1a1a;font-size:11px;font-weight:700;left:50%;letter-spacing:.8px;padding:6px 14px;position:absolute;text-transform:uppercase;top:-40px;transform:translateX(-50%);white-space:nowrap}@keyframes rollStatusPulse{0%{filter:brightness(1);transform:translateX(-50%) scale(1)}to{filter:brightness(1.1);transform:translateX(-50%) scale(1.05)}}.dice-glow-effect{animation:glowPulse 2s ease-in-out infinite;border-radius:50%;height:120px;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px;z-index:-2}@keyframes glowPulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.1)}}.dice-3d-wrapper{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative}.ludo-piece{animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.25,.46,.45,.94);border-radius:50%;cursor:pointer;filter:drop-shadow(0 3px 12px rgba(0,0,0,.3));overflow:hidden;position:absolute;transform:translate(-50%,-50%);transition:left .6s cubic-bezier(.25,.46,.45,.94),top .6s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease,z-index .1s ease;z-index:10}.ludo-piece:hover{filter:drop-shadow(0 5px 20px rgba(0,0,0,.4))}.ludo-piece.movable{animation:pieceGlow 1.5s ease-in-out infinite;cursor:pointer;filter:drop-shadow(0 5px 20px rgba(255,215,0,.6)) drop-shadow(0 0 15px rgba(255,215,0,.4));z-index:80}@keyframes pieceGlow{0%,to{filter:drop-shadow(0 5px 20px rgba(255,215,0,.6)) drop-shadow(0 0 15px rgba(255,215,0,.4));transform:scale(1)}50%{filter:drop-shadow(0 8px 25px rgba(255,215,0,.8)) drop-shadow(0 0 20px rgba(255,215,0,.6));transform:scale(1.1)}}.ludo-piece.selected{animation:selectedPulse 1s ease-in-out infinite;filter:drop-shadow(0 8px 30px rgba(255,255,255,.8)) drop-shadow(0 0 20px rgba(255,255,255,.6));z-index:100}.ludo-piece.moving{animation:movingPulse .6s ease-in-out,tokenMovement .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-fill-mode:forwards;filter:drop-shadow(0 10px 35px rgba(255,165,0,.8)) drop-shadow(0 0 25px rgba(255,165,0,.6)) drop-shadow(0 0 40px rgba(255,165,0,.3));transform:translate(-50%,-50%) scale(1.1);z-index:150}@keyframes movingPulse{0%{filter:drop-shadow(0 5px 20px rgba(255,165,0,.6)) drop-shadow(0 0 15px rgba(255,165,0,.4));transform:translate(-50%,-50%) scale(1)}50%{filter:drop-shadow(0 12px 40px rgba(255,165,0,1)) drop-shadow(0 0 30px rgba(255,165,0,.8)) drop-shadow(0 0 50px rgba(255,165,0,.4));transform:translate(-50%,-50%) scale(1.15)}to{filter:drop-shadow(0 10px 35px rgba(255,165,0,.8)) drop-shadow(0 0 25px rgba(255,165,0,.6)) drop-shadow(0 0 40px rgba(255,165,0,.3));transform:translate(-50%,-50%) scale(1.1)}}@keyframes tokenMovement{0%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes selectedPulse{0%,to{filter:drop-shadow(0 8px 30px rgba(255,255,255,.8)) drop-shadow(0 0 20px rgba(255,255,255,.6));transform:scale(1.2)}50%{filter:drop-shadow(0 10px 35px rgba(255,255,255,1)) drop-shadow(0 0 25px rgba(255,255,255,.8));transform:scale(1.3)}}.piece-image{object-fit:contain}.custom-piece-fallback,.piece-image{border-radius:50%;height:100%;transition:all .3s ease;width:100%}.custom-piece-fallback{align-items:center;display:none;font-weight:700;justify-content:center;text-shadow:0 1px 2px #000c}.piece-glow{border:2px solid;bottom:-20%;left:-20%;opacity:.6;right:-20%;top:-20%}.piece-glow,.piece-movable{border-radius:50%;position:absolute;z-index:-1}.piece-movable{border:1px solid #ffd70099;bottom:-15%;left:-15%;opacity:.7;right:-15%;top:-15%}.ludo-winner-screen{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffd700f2,#ffa500f2);border:3px solid #ffffff80;border-radius:20px;box-shadow:0 25px 60px #0009;display:flex;flex-direction:column;justify-content:center;left:50%;margin-left:-175px;margin-top:-175px;max-width:350px;min-width:280px;padding:30px 20px;position:fixed;text-align:center;top:50%;width:85%;z-index:1000}@media (max-width:480px){.ludo-winner-screen{border-radius:15px;margin-left:-160px;margin-top:-160px;max-width:320px;padding:25px 15px;width:90%}}@media (max-width:360px){.ludo-winner-screen{border-radius:12px;margin-left:-150px;margin-top:-150px;max-width:300px;padding:20px 12px;width:95%}}@media (min-width:768px){.ludo-winner-screen{border-radius:25px;margin-left:-200px;margin-top:-200px;max-width:400px;padding:40px 30px}}.winner-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;gap:15px;justify-content:space-around;margin:20px 0;padding:15px}.stat,.winner-stats{align-items:center;display:flex}.stat{flex:1 1;flex-direction:column;text-align:center}.stat-value{font-size:1.8rem;margin-bottom:5px;text-shadow:0 2px 4px #00000080}.stat-label{color:#fffc}@media (max-width:480px){.winner-stats{border-radius:12px;gap:10px;margin:15px 0;padding:12px}.stat-value{font-size:1.5rem;margin-bottom:3px}.stat-label{font-size:.8rem}}@media (max-width:360px){.winner-stats{border-radius:10px;gap:8px;margin:12px 0;padding:10px}.stat-value{font-size:1.3rem}.stat-label{font-size:.75rem}}.winner-title{animation:winnerGlow 2s infinite;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 10px #00000080}@media (max-width:480px){.winner-title{font-size:2rem;margin-bottom:15px}}@media (max-width:360px){.winner-title{font-size:1.8rem;margin-bottom:12px}}@keyframes winnerGlow{0%,to{text-shadow:0 0 20px #fffc;transform:scale(1)}50%{text-shadow:0 0 30px #fff;transform:scale(1.02)}}.play-again-btn{background:linear-gradient(45deg,#4caf50,#45a049);border:none;border-radius:25px;box-shadow:0 6px 20px #4caf5066;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:20px;min-height:50px;min-width:140px;padding:15px 30px;transition:all .3s ease}@media (max-width:480px){.play-again-btn{font-size:1rem;margin-top:15px;min-height:45px;min-width:130px;padding:12px 25px}}@media (max-width:360px){.play-again-btn{font-size:.9rem;margin-top:12px;min-height:40px;min-width:120px;padding:10px 20px}}.play-again-btn:hover{box-shadow:0 8px 25px #4caf5099;transform:translateY(-3px)}@media (max-width:768px){.game-board-area{bottom:90px}.floating-dice-container{bottom:15px;right:15px}.professional-dice-container{gap:8px;padding:6px}.modern-dice-face{border-radius:16px;height:60px;width:60px}.dice-dots-grid{gap:2px;height:45px;padding:6px;width:45px}.dice-dot{height:9px;width:9px}.dice-value-backup{font-size:24px}.dice-tap-prompt{font-size:10px;letter-spacing:.8px;padding:5px 12px}.dice-rolling-status{font-size:10px;padding:5px 12px;top:-38px}.dice-glow-effect{height:110px;width:110px}.responsive-board-container{height:min(90vw,90vh - 155px);width:min(90vw,90vh - 155px)}.top-status-bar{height:60px;padding:0 15px}.player-avatar{font-size:14px;height:38px;width:38px}.player-name{font-size:14px}.turn-status{font-size:11px}}@media (max-width:480px){.game-board-area{bottom:130px;padding:8px;top:60px}.floating-dice-container{bottom:90px;right:20px}.professional-dice-container{gap:6px;padding:4px}.modern-dice-face{border-radius:14px;height:50px;width:50px}.dice-dots-grid{gap:1px;height:40px;padding:5px;width:40px}.dice-dot{height:8px;width:8px}.dice-value-backup{font-size:22px}.dice-tap-prompt{letter-spacing:.6px}.dice-rolling-status,.dice-tap-prompt{border-radius:15px;font-size:9px;padding:4px 10px}.dice-rolling-status{top:-35px}.dice-glow-effect{height:100px;width:100px}.responsive-board-container{height:min(95vw,95vh - 140px);max-height:380px;max-width:380px;width:min(95vw,95vh - 140px)}.top-status-bar{height:55px;padding:0 12px}.player-avatar{font-size:13px;height:35px;width:35px}.player-name{font-size:13px}.turn-status{font-size:10px}.exit-game-btn{font-size:16px;height:32px;width:32px}.game-title{font-size:2.2rem}.ludo-setup-screen{max-width:90%;padding:30px 20px}}@media (max-height:500px) and (orientation:landscape){.floating-dice-container{bottom:8px;left:auto;right:8px;transform:none}.dice-3d-container{height:50px;width:50px}.dice-prompt{font-size:9px;padding:3px 6px}.rolling-status{font-size:8px;padding:2px 6px;top:-20px}.player-indicator-3d{border-width:1px;bottom:-3px;left:-3px;right:-3px;top:-3px}.top-status-bar{height:45px}.game-board-area{padding:5px;top:45px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.board-image,.dice-image,.piece-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme:dark){.authentic-ludo-game{background:#0000}}.position-testing-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffd7004d;border-radius:15px;margin-top:30px;padding:20px}.position-testing-section h3{color:gold;font-size:1.2rem;margin-bottom:15px;text-align:center}.position-test-btn{align-items:center;background:linear-gradient(135deg,gold,orange);border:2px solid #fff6;border-radius:15px;box-shadow:0 8px 25px #0000004d;color:#333;cursor:pointer;display:flex;flex-direction:column;margin:0 auto;max-width:200px;padding:15px 20px;transition:all .4s ease;width:100%}.position-test-btn:hover{background:linear-gradient(135deg,orange,gold);box-shadow:0 15px 35px #ffd70066;transform:translateY(-5px) scale(1.05)}.test-icon{font-size:2rem;margin-bottom:8px}.test-text{font-size:.9rem;font-weight:600;text-align:center}.test-description{color:#ccc;font-size:.8rem;line-height:1.4;margin-top:10px;text-align:center}.position-testing-screen{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000c;border:2px solid #ffd7004d;border-radius:20px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;justify-content:flex-start;margin:20px auto;max-height:90vh;max-width:800px;padding:20px;width:95%}.testing-header{margin-bottom:20px;text-align:center}.testing-header h1{color:gold;font-size:2rem;margin-bottom:10px;text-shadow:0 0 20px #ffd70080}.testing-header p{color:#ccc;font-size:1rem;margin-bottom:0}.toggle-tokens-btn{margin-bottom:20px;transition:all .3s ease}.toggle-tokens-btn:hover{box-shadow:0 10px 30px #0006;transform:translateY(-2px)}.position-test-board-area{display:flex;justify-content:center;margin-bottom:20px}.testing-instructions{background:#ffffff0d;border:1px solid #ffd70033;border-radius:10px;margin:20px 0;max-width:500px;padding:15px;width:100%}.testing-instructions h3{color:gold;font-size:1.1rem;margin-bottom:10px}.testing-instructions ul{margin:0;padding-left:20px}.testing-instructions li{color:#ccc;font-size:.9rem;line-height:1.4;margin-bottom:5px}.back-to-setup-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.back-to-setup-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.top-bar-buttons{align-items:center;display:flex;gap:8px}.toggle-all-tokens-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0003;transition:all .3s ease}.toggle-all-tokens-btn:hover{box-shadow:0 4px 15px #0000004d;transform:translateY(-1px)}.position-test-token{transition:all .3s ease;-webkit-user-select:none;user-select:none}.position-test-token:hover{transform:translate(-50%,-50%) scale(1.2);z-index:30!important}.position-test-token img{transition:all .3s ease}.position-test-token:hover img{filter:brightness(1.2) contrast(1.1)}.current-position-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffd7004d;border-radius:15px;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;max-width:400px;padding:20px;width:100%}.position-counter{align-items:center;display:flex;gap:10px}.position-number{color:gold;font-size:2rem;font-weight:900;text-shadow:0 0 10px #ffd70080}.position-total{color:#ccc;font-size:1.2rem;font-weight:600}.position-details{align-items:center;display:flex;flex-direction:column;gap:8px}.position-label{color:#fff;font-size:1.4rem;font-weight:700;text-shadow:0 1px 3px #00000080}.position-coords{background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:8px;color:#4ecdc4;font-family:Courier New,monospace;font-size:1rem;font-weight:600;padding:8px 16px}.position-type{color:orange;font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.navigation-controls{flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.nav-btn,.navigation-controls{align-items:center;display:flex}.nav-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.nav-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.nav-btn:active{box-shadow:0 2px 10px #0003;transform:translateY(0)}.prev-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.prev-btn:hover{background:linear-gradient(135deg,#ff8e8e,#ff6b6b)}.next-btn{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.next-btn:hover{background:linear-gradient(135deg,#44a08d,#4ecdc4)}@keyframes tokenPulse{0%,to{filter:brightness(1.2) contrast(1.1);transform:translate(-50%,-50%) scale(1)}50%{filter:brightness(1.4) contrast(1.3);transform:translate(-50%,-50%) scale(1.1)}}.current-position-token{animation:tokenPulse 1.5s ease-in-out infinite}.current-position-token img{box-shadow:0 0 20px #ffffff80,0 4px 15px #00000080}.position-testing-screen{max-height:95vh;overflow-y:auto;scrollbar-color:#ffd70080 #0000;scrollbar-width:thin}.position-testing-screen::-webkit-scrollbar{width:8px}.position-testing-screen::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.position-testing-screen::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:10px}.position-testing-screen::-webkit-scrollbar-thumb:hover{background:#ffd700b3}@media (max-width:768px){.current-position-info{margin-bottom:15px;padding:15px}.position-number{font-size:1.8rem}.position-total{font-size:1.1rem}.position-label{font-size:1.2rem}.position-coords{font-size:.9rem;padding:6px 12px}.navigation-controls{gap:10px}.nav-btn{font-size:12px;padding:10px 16px}.position-testing-screen{margin:10px;padding:15px}}@media (max-width:480px){.current-position-info{margin-bottom:12px;padding:12px}.position-number{font-size:1.6rem}.position-total{font-size:1rem}.position-label{font-size:1.1rem}.position-coords{font-size:.8rem;padding:4px 8px}.navigation-controls{flex-direction:column;gap:8px}.nav-btn{font-size:11px;min-width:120px;padding:8px 12px}.position-testing-screen{margin:8px;padding:12px}}.position-adjustment-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f0f23f2;border-left:2px solid #ffd7004d;bottom:0;box-shadow:-5px 0 20px #00000080;overflow-y:auto;position:fixed;right:0;top:65px;width:280px;z-index:1000}.position-panel{display:flex;flex-direction:column;gap:20px;height:100%;padding:20px}.panel-header{align-items:center;border-bottom:1px solid #ffd7004d;display:flex;justify-content:space-between;padding-bottom:15px}.panel-header h3{color:gold;font-size:1.2rem;font-weight:700;margin:0}.close-panel-btn{align-items:center;background:#ff6b6b33;border:1px solid #ff6b6b66;border-radius:50%;color:#ff6b6b;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.close-panel-btn:hover{background:#ff6b6b4d;transform:scale(1.1)}.current-position-info-panel{background:#ffffff0d;border:1px solid #ffd70033;border-radius:10px;padding:15px}.position-counter-panel{align-items:center;display:flex;gap:5px;justify-content:center;margin-bottom:15px}.position-number-panel{color:gold;font-size:1.8rem;font-weight:900;text-shadow:0 0 10px #ffd70080}.position-total-panel{color:#ccc;font-size:1rem;font-weight:600}.position-details-panel{align-items:center;display:flex;flex-direction:column;gap:8px}.position-label-panel{color:#fff;font-size:1.1rem;font-weight:700;text-align:center}.position-coords-panel{background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:6px;color:#4ecdc4;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;line-height:1.4;padding:8px 12px;text-align:center}.position-type-panel{color:orange;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.navigation-controls-panel{display:flex;flex-direction:column;gap:10px}.nav-btn-panel{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:10px 15px;text-align:center;transition:all .3s ease}.nav-btn-panel:hover{box-shadow:0 4px 15px #0000004d;transform:translateY(-1px)}.prev-btn-panel{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.next-btn-panel{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.toggle-token-btn-panel{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:10px 15px;text-align:center;transition:all .3s ease}.toggle-token-btn-panel:hover{box-shadow:0 4px 15px #0000004d;transform:translateY(-1px)}.instructions-panel{background:#ffffff08;border:1px solid #ffd70033;border-radius:8px;padding:15px}.instructions-panel h4{color:gold;font-size:1rem;margin:0 0 10px}.instructions-panel ul{list-style:none;margin:0;padding-left:15px}.instructions-panel li{color:#ccc;font-size:.8rem;line-height:1.3;margin-bottom:4px;position:relative}.instructions-panel li:before{color:gold;content:"•";font-weight:700;left:-12px;position:absolute}@media (max-width:768px){.position-adjustment-overlay{top:65px;width:100%}.position-panel{gap:15px;padding:15px}.position-number-panel{font-size:1.5rem}.position-coords-panel{font-size:.8rem;padding:6px 10px}}@media (max-width:480px){.position-adjustment-overlay{width:100%}.position-panel{gap:12px;padding:12px}.panel-header h3{font-size:1rem}.position-number-panel{font-size:1.3rem}.position-coords-panel{font-size:.75rem;padding:5px 8px}.instructions-panel li{font-size:.75rem}}.active-player-indicator{bottom:20px;left:20px;pointer-events:none;position:fixed;z-index:1000}.player-badge-container{align-items:center;display:flex;flex-direction:column;gap:8px}.player-badge{align-items:center;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #0000004d,0 2px 6px #0003,inset 0 1px 0 #fff3;display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:48px}.player-badge-glow{height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:-1}.state-indicator{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 6px #0003;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.modern-dice-face.anticipating{animation:anticipation-pulse .6s ease-in-out infinite alternate}@keyframes anticipation-pulse{0%{filter:brightness(1);transform:scale(1)}to{filter:brightness(1.1);transform:scale(1.05)}}.active-player-indicator,.player-badge-container{transition:all .3s cubic-bezier(.4,0,.2,1)}.player-badge-container{position:relative}.mobile-game-layout{transition:background-color .5s cubic-bezier(.4,0,.2,1)}.player-avatar{color:#fff;font-size:18px;font-weight:700;text-shadow:0 1px 2px #00000080}.player-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;min-width:80px;padding:6px 12px}.player-name{color:#fff;font-size:12px;font-weight:600}.player-color,.player-name{line-height:1.2;text-align:center}.player-color{color:#fffc;font-size:10px;font-weight:400}@media (min-width:768px){.active-player-indicator{bottom:30px;left:30px}.player-badge{height:56px;width:56px}.player-avatar{font-size:20px}.player-info{border-radius:14px;min-width:90px;padding:8px 16px}.player-name{font-size:13px}.player-color{font-size:11px}}@media (min-width:1024px){.active-player-indicator{bottom:40px;left:40px}.player-badge{height:64px;width:64px}.player-avatar{font-size:22px}.player-info{border-radius:16px;min-width:100px;padding:10px 18px}.player-name{font-size:14px}.player-color{font-size:12px}}@media (min-width:1440px){.active-player-indicator{bottom:50px;left:50px}.player-badge{height:70px;width:70px}.player-avatar{font-size:24px}.player-info{border-radius:18px;min-width:110px;padding:12px 20px}.player-name{font-size:15px}.player-color{font-size:13px}}@media (min-width:992px){.mobile-navbar{display:none!important}}@media (max-width:991px){.mobile-navbar{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#114a43f2!important;border-bottom:1px solid #ffffff1a!important;height:60px!important;left:0!important;position:fixed!important;right:0!important;top:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;z-index:1001!important}.mobile-navbar.scrolled{background:#114a43fa;box-shadow:0 4px 20px #00000026}.mobile-navbar .navbar-content{align-items:center;display:flex;height:100%;justify-content:space-between;max-width:100vw;padding:0 16px}.mobile-navbar .navbar-brand{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:all .2s ease}.mobile-navbar .navbar-brand:hover{background:#ffffff1a}.mobile-navbar .brand-icon{font-size:24px;line-height:1}.mobile-navbar .brand-text{color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px}.mobile-navbar .navbar-actions{align-items:center;display:flex;gap:12px}}.mobile-navbar .user-avatar{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;overflow:hidden;transition:all .2s ease;width:36px}.mobile-navbar .user-avatar:hover{border-color:#fff6;transform:scale(1.05)}.mobile-navbar .user-avatar img{height:100%;object-fit:cover;width:100%}.mobile-navbar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.mobile-navbar .avatar-placeholder.large{font-size:24px}.mobile-navbar .hamburger-btn{align-items:center!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:4px!important;height:40px!important;justify-content:center!important;outline:none!important;pointer-events:auto!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:40px!important;z-index:1002!important}.mobile-navbar .hamburger-btn:hover{background:#ffffff26!important;border-color:#ffffff4d!important}.mobile-navbar .hamburger-line{background:#fff;border-radius:1px;height:2px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.mobile-navbar .hamburger-btn.active .hamburger-line:first-child{transform:translateY(6px) rotate(45deg)}.mobile-navbar .hamburger-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-navbar .hamburger-btn.active .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.mobile-menu{background:#114a43!important;border-radius:16px 0 0 16px!important;bottom:0!important;box-shadow:-8px 0 32px #0003!important;display:flex!important;flex-direction:column!important;max-width:85vw!important;overflow-y:auto!important;position:fixed!important;right:0!important;top:0!important;width:320px!important;z-index:1002!important}.close-menu-btn-top{align-items:center;background:#0000000d;border:1px solid #0000001a;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;font-weight:400;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px;z-index:1003}.close-menu-btn-top:hover{background:#0000001a;border-color:#0003;color:#333}.menu-header{background:#f7f9fccc;border-bottom:1px solid #00000014;padding:60px 20px 20px}.menu-user-info{align-items:center;display:flex;gap:16px}.menu-avatar{border:3px solid #fff3;border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;width:60px}.menu-avatar img{height:100%;object-fit:cover;width:100%}.mobile-menu .user-details{flex:1 1;min-width:0}.mobile-menu .user-name{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 4px}.mobile-menu .user-email,.mobile-menu .user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu .user-email{color:#666;font-size:13px;margin:0 0 8px}.mobile-menu .user-balance,.mobile-navbar .user-balance{align-items:center;background:#114a431a;border:1px solid #114a4333;border-radius:20px;display:flex;gap:6px;padding:6px 12px}.mobile-menu .balance-label,.mobile-navbar .balance-label{color:#666;font-size:12px}.mobile-menu .balance-amount,.mobile-navbar .balance-amount{color:#114a43;font-size:14px;font-weight:600}.mobile-menu .guest-info h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 4px}.mobile-menu .guest-info p{color:#666;font-size:13px;margin:0}.menu-content{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:20px;scrollbar-width:none}.menu-content::-webkit-scrollbar{display:none}.menu-section{margin-bottom:32px}.section-title{color:#888;font-size:12px;font-weight:600;letter-spacing:1px;margin:0 0 16px;padding-left:4px;text-transform:uppercase}.menu-item{background:#0000;border:none;border-radius:12px;gap:16px;padding:16px;text-align:left;transition:all .2s ease;width:100%}.menu-item:hover{background:#114a4314;transform:translateX(4px)}.item-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;width:24px}.item-content{flex:1 1;min-width:0}.item-label{color:#1a1a1a;display:block;font-size:16px;font-weight:500;margin-bottom:2px}.item-description{color:#666;font-size:13px}.item-arrow{color:#ccc;font-size:16px;transition:all .2s ease}.menu-item:hover .item-arrow{color:#114a43;transform:translateX(4px)}.quick-actions{display:flex;gap:12px}.quick-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 16px;transition:all .2s ease}.quick-action-btn.primary{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.quick-action-btn.primary:hover{box-shadow:0 8px 25px #4ecdc44d;transform:translateY(-2px)}.quick-action-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.quick-action-btn.secondary:hover{background:#ffffff26;border-color:#ffffff4d}.menu-footer{background:#0003;border-top:1px solid #ffffff1a;padding:20px}.logout-btn{align-items:center;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;margin-bottom:16px;padding:16px;transition:all .2s ease;width:100%}.logout-btn:hover{background:#ff6b6b33;border-color:#ff6b6b80}.logout-icon{font-size:18px}.app-version{color:#ffffff80;font-size:12px;text-align:center}@media (max-width:480px){.mobile-menu{max-width:100vw}.navbar-content{padding:0 12px}.brand-text{font-size:16px}.menu-header{padding:76px 16px 16px}.menu-content{padding:16px}.quick-actions{flex-direction:column}.quick-action-btn{width:100%}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.hamburger-btn:focus,.logout-btn:focus,.menu-item:focus,.quick-action-btn:focus{outline:2px solid #4ecdc4;outline-offset:2px}@media (max-width:768px){.navbar-content{padding:0 12px}.brand-text{font-size:16px}.close-menu-btn-top{font-size:18px;height:40px;right:16px;top:16px;width:40px}.menu-header{padding:70px 16px 16px}.menu-content{padding:16px}.quick-actions{flex-direction:column}.quick-action-btn{width:100%}}@media (prefers-contrast:high){.mobile-navbar{background:#000;border-bottom-color:#fff}.menu-item{background:#000;border-color:#fff}.menu-item:hover{background:#333}}.mlm-sharing-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mlm-sharing-modal{animation:slideUp .3s ease-out;background:#114a43;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:450px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.mlm-sharing-header{align-items:center;background:#114a43;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.mlm-sharing-header h3{font-size:20px;font-weight:600;margin:0}.close-btn{background:none;border:none;font-size:24px;height:30px;padding:0;transition:background-color .2s ease;width:30px}.mlm-sharing-content{padding:25px}.trigger-context{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:12px;margin-bottom:20px;padding:15px;text-align:center}.trigger-context p{color:#667eea;font-weight:500;margin:5px 0}.referral-code-section{margin-bottom:20px}.referral-code-section label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.referral-code-display{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;display:flex;gap:10px;padding:15px}.referral-code{color:#667eea;flex:1 1;font-size:18px;font-weight:700;letter-spacing:2px;text-align:center}.copy-btn{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s ease}.copy-btn:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px)}.copy-btn:disabled{cursor:not-allowed;opacity:.5}.earning-info{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:15px}.earning-info h4{color:#333;font-size:16px;margin:0 0 10px}.earning-info ul{color:#666;font-size:14px;margin:10px 0;padding-left:20px}.earning-info li{margin-bottom:4px}.earning-info p{color:#667eea;font-size:14px;font-weight:600;margin:10px 0 0}.sharing-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.share-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.share-btn:hover:not(:disabled){box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.share-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.share-btn.whatsapp{background:#25d366}.share-btn.telegram{background:#08c}.share-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.share-btn.generic{background:#6c757d}.share-btn i{font-size:16px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:10px}.copy-success-message{animation:slideInRight .3s ease-out;background:#28a745;border-radius:8px;color:#fff;font-weight:500;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:10001}@media (max-width:480px){.mlm-sharing-overlay{padding:10px}.mlm-sharing-modal{border-radius:15px;max-width:100%}.mlm-sharing-header{border-radius:15px 15px 0 0;padding:15px 20px}.mlm-sharing-header h3{font-size:18px}.mlm-sharing-content{padding:20px}.sharing-buttons{gap:10px;grid-template-columns:1fr}.referral-code{font-size:16px}}.profile-screen{background:linear-gradient(135deg,#114a43,#0a312b);color:#fff;min-height:100vh;padding-top:60px}.profile-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.back-btn,.edit-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.back-btn:hover,.edit-btn:hover{background:#ffffff26;border-color:#ffffff4d}.profile-header h1{font-size:20px;font-weight:600;margin:0}.profile-content{margin:0 auto;max-width:600px;padding:20px}.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;padding:24px}.profile-avatar-section{align-items:center;display:flex;flex-direction:column;margin-bottom:24px}.profile-avatar{border:4px solid #fff3;border-radius:50%;height:100px;margin-bottom:16px;overflow:hidden;position:relative;width:100px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:36px;font-weight:600;height:100%;width:100%}.avatar-placeholder,.change-avatar-btn{align-items:center;display:flex;justify-content:center}.change-avatar-btn{background:#4ecdc4;border:2px solid #fff;border-radius:50%;bottom:0;cursor:pointer;font-size:14px;height:32px;position:absolute;right:0;width:32px}.profile-level{text-align:center}.level-badge{background:linear-gradient(135deg,gold,#ffb347);border-radius:20px;color:#000;display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;padding:6px 12px}.level-progress{background:#fff3;border-radius:3px;height:6px;overflow:hidden;width:120px}.level-progress-fill{background:linear-gradient(90deg,#4ecdc4,#44a08d);border-radius:3px;height:100%;transition:width .3s ease}.profile-details h2{font-size:24px;font-weight:600;margin:0 0 8px;text-align:center}.profile-email{color:#ffffffb3;margin:0 0 20px;text-align:center}.profile-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.meta-item{align-items:center;display:flex;font-size:14px;gap:8px}.meta-icon{font-size:16px;width:20px}.profile-bio{background:#ffffff0d;border-radius:8px;color:#fffc;font-style:italic;margin:0;padding:16px;text-align:center}.edit-form{gap:16px}.edit-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#fffc}.form-group input,.form-group textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:12px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{background:#ffffff26;border-color:#4ecdc4;outline:none}.form-group textarea{min-height:80px;resize:vertical}.save-btn{background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;transition:all .2s ease}.save-btn:hover{box-shadow:0 8px 25px #4ecdc44d;transform:translateY(-2px)}.achievements-section,.activity-section,.referral-section,.stats-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;padding:24px}.achievements-section h3,.activity-section h3,.referral-section h3,.stats-section h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px;text-align:center;transition:all .2s ease}.stat-card:hover{background:#ffffff14;transform:translateY(-2px)}.stat-icon{margin-bottom:8px}.stat-value{font-size:20px;margin-bottom:4px}.achievements-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.achievement-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:16px;position:relative;transition:all .2s ease}.achievement-card.unlocked{background:#4ecdc41a;border-color:#4ecdc44d}.achievement-card.locked{opacity:.5}.achievement-card:hover{transform:translateY(-2px)}.achievement-icon{align-items:center;display:flex;flex-shrink:0;font-size:28px;height:40px;justify-content:center;width:40px}.achievement-content h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.achievement-content p{color:#ffffffb3;font-size:12px;line-height:1.4;margin:0}.achievement-badge{align-items:center;background:#4ecdc4;border-radius:50%;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.activity-item:hover{background:#ffffff14}.activity-icon{align-items:center;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-game{color:#fff;font-size:14px;font-weight:500;margin-bottom:2px}.activity-time{color:#fff9;font-size:12px}.activity-amount{border-radius:6px;font-size:14px;font-weight:600;padding:6px 12px}.activity-amount.win{background:#4ecdc41a;color:#4ecdc4}.activity-amount.loss{background:#ff6b6b1a;color:#ff6b6b}.activity-amount.achievement{background:#ffd7001a;color:gold}.referral-card{background:linear-gradient(135deg,#4ecdc41a,#44a08d1a);border:1px solid #4ecdc433;border-radius:12px;margin-top:8px;padding:20px}.referral-header{gap:16px;margin-bottom:20px}.referral-icon{align-items:center;background:#4ecdc433;border-radius:50%;display:flex;flex-shrink:0;font-size:32px;height:50px;justify-content:center;width:50px}.referral-text h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.referral-text p{color:#ffffffb3;font-size:14px;line-height:1.4;margin:0}.referral-code-display{background:#ffffff14;border-radius:10px;margin-bottom:20px;padding:16px}.code-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.code-label{color:#fff9;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.code-value{color:#4ecdc4;font-family:Courier New,monospace;font-size:20px;font-weight:700;letter-spacing:1px}.copy-code-btn{align-items:center;background:#4ecdc433;border:1px solid #4ecdc44d;border-radius:6px;color:#4ecdc4;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px;transition:all .2s ease}.copy-code-btn:hover{background:#4ecdc44d;border-color:#4ecdc480;transform:scale(1.05)}.referral-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.referral-stats .stat-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px;text-align:center}.referral-stats .stat-number{color:#4ecdc4;display:block;font-size:18px;font-weight:700;margin-bottom:4px}.referral-stats .stat-label{color:#ffffffb3;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.share-referral-btn{align-items:center;background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.share-referral-btn:hover{box-shadow:0 8px 25px #4ecdc44d;transform:translateY(-2px)}@media (max-width:768px){.profile-content{padding:16px}.profile-card{padding:20px}.achievements-grid,.stats-grid{grid-template-columns:1fr}.profile-meta{align-items:flex-start}.activity-item{padding:12px}.activity-icon{font-size:20px;height:32px;width:32px}}@media (max-width:480px){.profile-header{padding:16px}.profile-content{padding:12px}.achievements-section,.activity-section,.profile-card,.referral-section,.stats-section{padding:16px}.profile-avatar{height:80px;width:80px}.avatar-placeholder{font-size:28px}.achievement-card{flex-direction:column;gap:12px;text-align:center}.achievement-content{order:2}.achievement-icon{order:1}.referral-card{padding:16px}.referral-header{flex-direction:column;gap:12px;text-align:center}.code-container{flex-direction:column;gap:8px}.code-value{font-size:18px}.referral-stats{gap:12px;grid-template-columns:1fr}}.wallet-screen{background:linear-gradient(135deg,#114a43,#0a312b);color:#fff;min-height:100vh;padding-top:60px}.wallet-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.add-money-btn,.back-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.add-money-btn{background:linear-gradient(135deg,#4ecdc4,#44a08d);border-color:#0000}.add-money-btn:hover,.back-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.add-money-btn:hover{background:linear-gradient(135deg,#44a08d,#4ecdc4);box-shadow:0 4px 15px #4ecdc44d}.wallet-header h1{font-size:20px;font-weight:600;margin:0}.wallet-content{margin:0 auto;max-width:600px;padding:20px}.balance-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4ecdc41a,#44a08d1a);border:1px solid #4ecdc44d;border-radius:16px;margin-bottom:24px;padding:24px}.balance-info{margin-bottom:20px;text-align:center}.balance-label{color:#ffffffb3;font-size:14px}.balance-amount{color:#4ecdc4;font-size:36px;margin-bottom:16px;text-shadow:0 2px 10px #4ecdc44d}.balance-breakdown{display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.breakdown-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1 1;padding:12px;text-align:center}.breakdown-label{color:#fff9;display:block;font-size:12px;margin-bottom:4px}.breakdown-value{color:#fff;font-size:14px;font-weight:600}.balance-actions{display:flex;gap:12px}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 16px;transition:all .2s ease}.action-btn.primary{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.action-btn.primary:hover{box-shadow:0 8px 25px #4ecdc44d;transform:translateY(-2px)}.action-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.action-btn.secondary:hover{background:#ffffff26;border-color:#ffffff4d}.btn-icon{font-size:16px}.wallet-tabs{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;margin-bottom:24px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.tab-btn.active{background:#4ecdc433;border:1px solid #4ecdc44d;color:#4ecdc4}.tab-btn:hover:not(.active){background:#ffffff0d;color:#fffc}.tab-content{min-height:400px}.quick-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:32px}.stat-item{align-items:center;border:1px solid #ffffff1a;display:flex;gap:12px;transition:all .2s ease}.stat-item:hover{background:#ffffff14;transform:translateY(-2px)}.stat-icon{align-items:center;background:#4ecdc41a;border-radius:8px;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.stat-content{flex:1 1}.stat-value{color:#4ecdc4;font-size:18px;margin-bottom:2px}.stat-label{color:#fff9;font-size:12px}.offers-list h3,.recent-transactions h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.transaction-list{display:flex;flex-direction:column;gap:12px}.transaction-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.transaction-item:hover{background:#ffffff14}.transaction-item.positive{border-left:4px solid #4ecdc4}.transaction-item.negative{border-left:4px solid #ff6b6b}.transaction-icon{align-items:center;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.transaction-content{flex:1 1}.transaction-title{color:#fff;font-size:14px;font-weight:500;margin-bottom:2px}.transaction-subtitle{color:#fff9;font-size:12px;margin-bottom:2px}.transaction-date{color:#ffffff80;font-size:12px}.transaction-details{text-align:right}.transaction-amount{font-size:16px;font-weight:600;margin-bottom:4px}.transaction-amount.positive{color:#4ecdc4}.transaction-amount.negative{color:#ff6b6b}.transaction-status{border-radius:4px;font-size:10px;font-weight:500;padding:2px 6px;text-transform:uppercase}.transaction-status.completed{background:#4ecdc433;color:#4ecdc4}.transaction-status.pending{background:#ffc10733;color:#ffc107}.view-all-btn{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:12px;transition:all .2s ease;width:100%}.view-all-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.transaction-filters{display:flex;gap:12px;margin-bottom:20px}.filter-select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;padding:10px 12px}.filter-select:focus{border-color:#4ecdc4;outline:none}.offers-list{display:flex;flex-direction:column;gap:16px}.offer-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px;position:relative;transition:all .2s ease}.offer-card.featured{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border-color:#ffc1074d}.offer-card:hover{background:#ffffff14;transform:translateY(-2px)}.offer-badge{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border-radius:12px;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;position:absolute;right:12px;text-transform:uppercase;top:12px}.offer-content h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.offer-content p{color:#ffffffb3;font-size:14px;line-height:1.4;margin:0 0 12px}.offer-code,.offer-validity{background:#ffffff1a;border-radius:6px;color:#4ecdc4;display:inline-block;font-family:Courier New,monospace;font-size:12px;padding:6px 10px}.claim-btn{background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:10px 20px;transition:all .2s ease}.claim-btn.secondary{background:#ffffff1a;border:1px solid #fff3}.claim-btn:hover{box-shadow:0 4px 15px #4ecdc44d;transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;z-index:10000}.add-money-modal{background:linear-gradient(135deg,#114a43,#0a312b);border:1px solid #ffffff1a;border-radius:16px;max-height:90vh;max-width:400px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#fff;font-size:18px;font-weight:600;margin:0}.close-btn{font-size:14px;transition:all .2s ease}.modal-content{padding:20px}.amount-section{margin-bottom:24px}.amount-section label{color:#fffc;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.amount-input-container{margin-bottom:16px}.currency-symbol{color:#4ecdc4;font-size:18px;font-weight:600;left:16px;top:37%;transform:translateY(-50%)}.amount-input{border:1px solid #fff3;border-radius:8px;font-size:18px;font-weight:600;padding:16px 16px 16px 40px;transition:all .2s ease}.amount-input:focus{border-color:#4ecdc4}.quick-amounts{grid-gap:8px;gap:8px;grid-template-columns:repeat(3,1fr)}.quick-amount-btn{background:#ffffff0d;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px;transition:all .2s ease}.quick-amount-btn.selected,.quick-amount-btn:hover{background:#4ecdc433;border-color:#4ecdc4;color:#4ecdc4}.payment-section{margin-bottom:24px}.payment-section label{color:#fffc;display:block;font-size:14px;font-weight:500;margin-bottom:12px}.payment-methods{display:flex;flex-direction:column;gap:8px}.payment-method{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;text-align:left;transition:all .2s ease;width:100%}.payment-method.selected,.payment-method:hover{background:#4ecdc41a;border-color:#4ecdc4}.payment-icon{align-items:center;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.payment-content{flex:1 1}.payment-name{color:#fff;font-size:14px;font-weight:500;margin-bottom:2px}.payment-description{color:#fff9;font-size:12px}.bonus-info{background:linear-gradient(135deg,#ffd7001a,#ffc1071a);border:1px solid #ffd7004d;border-radius:8px;color:gold;font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}.proceed-btn{background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .2s ease;width:100%}.proceed-btn:hover:not(:disabled){box-shadow:0 8px 25px #4ecdc44d;transform:translateY(-2px)}.proceed-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.wallet-content{padding:16px}.balance-card{padding:20px}.balance-amount{font-size:28px}.balance-breakdown{gap:8px}.balance-actions,.balance-breakdown{flex-direction:column}.quick-stats{grid-template-columns:1fr}.transaction-filters{flex-direction:column}.modal-overlay{padding:12px}.add-money-modal{max-height:95vh}.quick-amounts{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.wallet-header{padding:16px}.wallet-content{padding:12px}.balance-card{padding:16px}.balance-amount{font-size:24px}.stat-item{padding:12px}.stat-icon{font-size:20px;height:32px;width:32px}.transaction-item{padding:12px}.transaction-icon{font-size:20px;height:32px;width:32px}.modal-content,.modal-header,.offer-card{padding:16px}}.game-container{background:linear-gradient(135deg,#0f3c36,#114a43 50%,#1a645c);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.game-container:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.game-container>*{position:relative;z-index:2}.game-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:2px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0003,inset 0 0 0 1px #ffffff1a;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.game-header:before{animation:headerGlow 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#4cceac,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes headerGlow{0%,to{opacity:.3}50%{opacity:1}}.game-title h1{font-size:2.5rem;font-weight:800;letter-spacing:1px;text-shadow:2px 2px 4px #00000080,0 0 10px #ffffff4d}.game-subtitle{color:#ffffffe6;font-size:1.1rem;font-weight:500;text-shadow:1px 1px 2px #0000004d}.current-game-info{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fffc;font-family:Courier New,monospace;font-size:.9rem;padding:.25rem .5rem}.game-info{min-width:200px;text-align:right}.connection-status{border:1px solid #fff3;border-radius:15px;font-size:.9rem}.game-type-indicator{border-radius:15px;font-size:.9rem}.game-type-value{color:#4cceac;font-weight:700;text-shadow:1px 1px 2px #0000004d,0 0 8px #4cceac80}.timer-display{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f39c1233;border:2px solid #f39c1266;border-radius:15px;box-shadow:0 4px 8px #0003;font-size:1.1rem;font-weight:600}.timer-value{color:#f39c12;text-shadow:1px 1px 2px #00000080,0 0 10px #f39c1299}.game-status-indicator{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.status-label{color:#ffffffe6;font-weight:600;text-shadow:1px 1px 2px #0000004d}.status-value{font-weight:700;text-shadow:1px 1px 2px #0000004d,0 0 8px currentColor}.betting-info-message{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #fff3;border-radius:15px;color:#ffffffe6;display:flex;gap:1rem;justify-content:center;margin:1rem 0;padding:1.5rem}.info-icon{font-size:1.5rem;opacity:.8}.info-text{font-size:1rem;font-weight:500;text-shadow:1px 1px 2px #0000004d}.bet-types-horizontal{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:1.5rem 0}.bet-card{background:linear-gradient(135deg,var(--card-color),#0003);border:2px solid #ffffff4d;overflow:hidden;padding:1.5rem;transition:all .3s ease}.bet-card:before{animation:cardShimmer 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes cardShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.bet-card:hover{border-color:#ffffff80;box-shadow:0 10px 30px #0000004d}.card-header{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem;position:relative;text-align:center;z-index:2}.card-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem;margin-bottom:.5rem}.card-title{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:.25rem;text-shadow:1px 1px 2px #00000080}.card-multiplier{background:#fff3;border:1px solid #ffffff4d;border-radius:15px;color:#fff;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.card-amounts{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);position:relative;z-index:2}.amount-btn{background:#fffffff2;border:2px solid #ffffffe6;border-radius:10px;color:#1a1a1a;font-size:1rem;font-weight:800;min-height:45px;padding:.75rem;transition:all .3s ease}.amount-btn:before{background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);bottom:0;left:0;right:0;transform:translateX(-100%);transition:transform .3s ease}.amount-btn:hover:before{transform:translateX(100%)}.amount-btn:hover:not(:disabled){background:#fff;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.amount-btn:disabled{background:#96969680;opacity:.6}.amount-text{color:#000;font-weight:800;position:relative;text-shadow:1px 1px 2px #fffc;z-index:2}.warning-icon{animation:flash .5s infinite alternate;margin-left:.3rem}@keyframes flash{0%{opacity:.5}to{opacity:1}}.btn-loader{align-items:center;display:flex;justify-content:center}.btn-loader .spinner{animation:spin 1s linear infinite;border:2px solid #0000004d;border-radius:50%;border-top-color:#000;height:16px;width:16px}.error-message,.initializing-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #fff3;border-radius:20px;color:#fff;padding:2rem;text-align:center}.error-icon,.init-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:3rem;margin-bottom:1rem}.retry-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:2px solid #ffffff4d;border-radius:10px;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem}.retry-btn:hover{background:linear-gradient(135deg,#2980b9,#3498db);box-shadow:0 5px 15px #3498db66}.professional-dice-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff26;border-radius:25px;box-shadow:0 25px 50px #0000004d,inset 0 0 0 1px #ffffff1a;margin:2rem 0;padding:3rem;position:relative}.professional-dice-container:before{animation:containerShimmer 4s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes containerShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.dice-arena{flex-direction:column;min-height:200px}.dice-2d-container,.dice-arena{align-items:center;display:flex;justify-content:center;position:relative}.dice-2d-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:radial-gradient(ellipse at center,#4cceac33 0,#0000001a 100%),linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #ffffff1a;border-radius:25px;box-shadow:0 20px 40px #0003,inset 0 0 0 1px #ffffff1a;gap:2.5rem;margin:2rem 0;min-height:250px;padding:3rem}.dice-2d-container:after{animation:diceGlow 3s ease-in-out infinite;background:radial-gradient(circle,#4cceac1a 0,#0000 70%);border-radius:50%;content:"";height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}@keyframes diceGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.dice-2d{background:linear-gradient(135deg,#fff,#f8f9fa 30%,#e9ecef);border:4px solid #2c3e50;border-radius:20px;box-shadow:0 15px 30px #00000080,inset 0 0 0 2px #fff6,inset 0 0 30px #0000001a,0 0 0 1px #fff3;display:grid;height:100px;margin:0 15px;place-items:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100px;z-index:10}.dice-2d:before{background:linear-gradient(45deg,#4cceac,#3bb89c,#2aa085);border-radius:20px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.dice-2d:hover:before{opacity:1}.dice-2d:hover{box-shadow:0 20px 40px #0009,inset 0 0 0 2px #ffffff80,inset 0 0 40px #0000001a;transform:translateY(-5px) scale(1.05)}.dice-2d.rolling{animation:dice2DRoll 1.5s ease-in-out infinite}@keyframes dice2DRoll{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}}@keyframes dice2DRollEnhanced{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.dice-2d-dots{grid-gap:4px;display:grid;gap:4px;height:100%;width:100%}.dice-2d-dot{background:linear-gradient(135deg,#1a1a1a,#2c3e50);border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff4d,0 3px 6px #0006,0 0 0 1px #0003;height:16px;margin:2px;position:relative;width:16px}.dice-2d-dot:after{background:#ffffff4d;border-radius:50%;box-shadow:0 0 2px #ffffff80;content:"";height:4px;left:2px;position:absolute;top:2px;width:4px}.dice-2d-face-1{grid-template:1fr 1fr 1fr/1fr 1fr 1fr}.dice-2d-face-1 .dice-2d-dot{grid-area:2/2}.dice-2d-face-2{grid-template:1fr 1fr 1fr/1fr 1fr 1fr}.dice-2d-face-2 .dice-2d-dot:first-child{grid-area:1/1}.dice-2d-face-2 .dice-2d-dot:nth-child(2){grid-area:3/3}.dice-2d-face-3{grid-template:1fr 1fr 1fr/1fr 1fr 1fr}.dice-2d-face-3 .dice-2d-dot:first-child{grid-area:1/1}.dice-2d-face-3 .dice-2d-dot:nth-child(2){grid-area:2/2}.dice-2d-face-3 .dice-2d-dot:nth-child(3){grid-area:3/3}.dice-2d-face-4{grid-template:1fr 1fr 1fr/1fr 1fr 1fr}.dice-2d-face-4 .dice-2d-dot:first-child{grid-area:1/1}.dice-2d-face-4 .dice-2d-dot:nth-child(2){grid-area:1/3}.dice-2d-face-4 .dice-2d-dot:nth-child(3){grid-area:3/1}.dice-2d-face-4 .dice-2d-dot:nth-child(4){grid-area:3/3}.dice-2d-face-5{grid-template:1fr 1fr 1fr/1fr 1fr 1fr}.dice-2d-face-5 .dice-2d-dot:first-child{grid-area:1/1}.dice-2d-face-5 .dice-2d-dot:nth-child(2){grid-area:1/3}.dice-2d-face-5 .dice-2d-dot:nth-child(3){grid-area:2/2}.dice-2d-face-5 .dice-2d-dot:nth-child(4){grid-area:3/1}.dice-2d-face-5 .dice-2d-dot:nth-child(5){grid-area:3/3}.dice-2d-face-6{grid-template:1fr 1fr 1fr/1fr 1fr 1fr}.dice-2d-face-6 .dice-2d-dot:first-child{grid-area:1/1}.dice-2d-face-6 .dice-2d-dot:nth-child(2){grid-area:1/3}.dice-2d-face-6 .dice-2d-dot:nth-child(3){grid-area:2/1}.dice-2d-face-6 .dice-2d-dot:nth-child(4){grid-area:2/3}.dice-2d-face-6 .dice-2d-dot:nth-child(5){grid-area:3/1}.dice-2d-face-6 .dice-2d-dot:nth-child(6){grid-area:3/3}.operation-symbol-2d{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#4cceac33,#4cceac1a),radial-gradient(circle,#ffffff1a 0,#0000 70%);border:3px solid #4cceac66;border-radius:50%;box-shadow:0 12px 24px #0000004d,inset 0 0 0 1px #fff3,0 0 20px #4cceac4d;color:#4cceac;display:flex;font-size:3rem;font-weight:900;height:80px;justify-content:center;margin:0 10px;min-width:80px;position:relative;text-shadow:3px 3px 6px #0009,0 0 15px #4cceac99,0 0 30px #4cceac4d;transition:all .3s ease}.operation-symbol-2d:before{background:linear-gradient(45deg,#4cceac,#3bb89c,#2aa085);border-radius:50%;bottom:-3px;content:"";left:-3px;opacity:0;position:absolute;right:-3px;top:-3px;transition:opacity .3s ease;z-index:-1}.operation-symbol-2d:hover:before{opacity:.3}.operation-symbol-2d:hover{color:#fff;text-shadow:3px 3px 6px #000c,0 0 20px #fffc;transform:scale(1.1)}.sum-result-2d{background:linear-gradient(135deg,#667eea,#764ba2 50%,#5a4fcf),radial-gradient(circle at center,#ffffff1a 0,#0000 70%);border:3px solid #ffffff4d;border-radius:25px;box-shadow:0 20px 40px #667eea80,inset 0 0 0 2px #ffffff4d,0 0 30px #667eea66;color:#fff;font-size:3.5rem;font-weight:900;margin:0 15px;min-width:120px;overflow:hidden;padding:1.5rem 2rem;position:relative;text-align:center;text-shadow:3px 3px 6px #0006,0 0 15px #ffffff4d;transition:all .4s cubic-bezier(.4,0,.2,1)}.sum-result-2d:before{animation:sumShimmer 2s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes sumShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.sum-result-2d:hover{box-shadow:0 25px 50px #667eea99,inset 0 0 0 2px #fff6,0 0 40px #667eea99;transform:scale(1.05)}.sum-result-2d.rolling{animation:sum2DPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f39c12,#e67e22 50%,#d35400),radial-gradient(circle at center,#fff3 0,#0000 70%);box-shadow:0 20px 40px #f39c1280,inset 0 0 0 2px #ffffff4d,0 0 30px #f39c1299}@keyframes sum2DPulse{0%,to{box-shadow:0 10px 25px #f39c1266;transform:scale(1)}50%{box-shadow:0 15px 35px #f39c1299;transform:scale(1.1)}}@media (max-width:768px){.dice-2d-container{gap:1.5rem;min-height:150px;padding:1.5rem}.dice-2d{height:70px;width:70px}.dice-2d-dot{height:10px;width:10px}.operation-symbol-2d{font-size:2rem;height:45px;min-width:45px}.sum-result-2d{font-size:2.5rem;min-width:70px;padding:.8rem 1.2rem}.bet-types-horizontal{gap:.75rem;grid-template-columns:1fr}.bet-card{padding:1rem}.card-amounts{gap:.5rem;grid-template-columns:repeat(2,1fr)}.amount-btn{font-size:.9rem;min-height:40px;padding:.6rem}.game-info{min-width:auto}}@media (max-width:480px){.dice-2d-container{flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;min-height:120px;padding:1rem}.dice-2d{height:60px;width:60px}.dice-2d-dot{height:8px;width:8px}.operation-symbol-2d{font-size:1.5rem;height:40px;min-width:40px}.sum-result-2d{font-size:2rem;min-width:60px;padding:.6rem 1rem}.betting-blocked{margin:1rem 0;padding:1.5rem}.blocked-icon{font-size:3rem;margin-bottom:1rem}.betting-blocked h3{font-size:1.5rem;margin-bottom:1rem}.betting-blocked p{font-size:1rem;margin-bottom:.6rem}.game-container{padding:10px}.professional-dice-container{margin:.5rem 0;padding:1rem}.bet-types-horizontal{gap:.5rem;grid-template-columns:1fr}.bet-card{padding:1rem}.card-amounts{gap:.5rem;grid-template-columns:1fr}.amount-btn{font-size:.85rem;min-height:35px;padding:.5rem}.game-header{flex-direction:column;gap:1rem}.game-header,.game-info{text-align:center}}.betting-options{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #ffffff1a;border-radius:25px;box-shadow:0 20px 40px #0003,inset 0 0 0 1px #ffffff1a;margin:2rem 0;overflow:hidden;padding:2rem;position:relative}.betting-options:before{animation:bettingGlow 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#4cceac,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes bettingGlow{0%,to{opacity:.3}50%{opacity:1}}.betting-options h3{color:#fff;letter-spacing:1px;margin-bottom:1.5rem;position:relative;text-shadow:2px 2px 4px #00000080,0 0 15px #ffffff4d;z-index:2}.bet-types-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;position:relative;z-index:2}@media (max-width:768px){.bet-types-grid{gap:1rem;grid-template-columns:1fr;max-width:400px}}.bet-option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--option-color),#0000004d);border:3px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000004d,inset 0 0 0 2px #fff3;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.bet-option:before{animation:betOptionShimmer 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);pointer-events:none}@keyframes betOptionShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.bet-option:hover{border-color:#ffffff80;box-shadow:0 30px 60px #0006,inset 0 0 0 2px #fff6,0 0 30px var(--option-color);transform:translateY(-8px) scale(1.02)}.option-header{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;text-align:center}.option-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4)) drop-shadow(0 0 15px rgba(255,255,255,.3));font-size:3.5rem;margin-bottom:1rem}.option-label{color:#fff;font-size:1.4rem;letter-spacing:.5px;margin-bottom:.5rem;text-shadow:2px 2px 4px #00000080,0 0 10px #ffffff4d}.option-multiplier{background:#fff3;border:2px solid #ffffff4d;border-radius:25px;box-shadow:0 4px 8px #0003;font-size:1.2rem;padding:.5rem 1rem;text-shadow:1px 1px 2px #0000004d}.quick-amounts{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:auto}.quick-amount{align-items:center;background:#fffffff2;border:3px solid #ffffffe6;border-radius:15px;box-shadow:0 6px 12px #0000004d,inset 0 0 0 1px #ffffff80;color:#1a1a1a;display:flex;font-size:1.2rem;font-weight:900;justify-content:center;min-height:60px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-shadow:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-amount:before{background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease}.quick-amount:hover:before{transform:translateX(100%)}.quick-amount:hover:not(:disabled){background:#fff;box-shadow:0 10px 20px #0006,inset 0 0 0 1px #fffc;color:#000;transform:translateY(-3px) scale(1.05)}.amount-value{color:#000!important;font-size:1.3rem;position:relative;text-shadow:1px 1px 2px #fffc;z-index:2}.current-bet-display{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#3498dbe6,#2980b9cc);border:3px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #3498db66,inset 0 0 0 2px #fff3;margin:2rem 0;overflow:hidden;padding:2rem;position:relative}.current-bet-display:before{animation:currentBetShimmer 2s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes currentBetShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.bet-header{gap:1rem;justify-content:center;margin-bottom:1.5rem}.bet-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem}.bet-header h4{font-size:1.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000004d}.bet-summary{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.bet-type{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:2px solid #ffffff4d;border-radius:30px;font-size:1.2rem;font-weight:700;padding:.75rem 1.5rem}.bet-amount,.bet-type{box-shadow:0 4px 8px #0003}.bet-amount{background:#0000004d;border:2px solid #f1c40f4d;border-radius:25px;color:#f1c40f;font-size:1.5rem;font-weight:900;padding:.5rem 1rem;text-shadow:2px 2px 4px #00000080}.bet-game-info{align-items:center;display:flex;font-size:1rem;justify-content:space-between;opacity:.9}.game-name{color:#ffffffe6;font-weight:600}.game-id{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#ffffffe6;font-family:Courier New,monospace;font-size:.9rem;padding:.5rem 1rem}.game-id,.status-text{text-shadow:1px 1px 2px #0000004d}.status-text{color:#27ae60}.game-type-label,.timer-label{color:#ffffffe6;font-weight:600;text-shadow:1px 1px 2px #0000004d}.status-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.betting-blocked{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#e74c3cf2,#c0392be6),radial-gradient(circle at center,#ffffff1a 0,#0000 70%);border:3px solid #ffffff4d;border-radius:25px;box-shadow:0 25px 50px #e74c3c80,inset 0 0 0 2px #ffffff4d,0 0 30px #e74c3c66;color:#fff;margin:2rem 0;overflow:hidden;padding:3rem;position:relative;text-align:center}.betting-blocked:before{animation:shimmerEffect 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}@keyframes shimmerEffect{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.betting-blocked>*{position:relative;z-index:2}.blocked-icon{animation:pulseIcon 2s ease-in-out infinite;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(255,255,255,.3));font-size:5rem;margin-bottom:2rem;text-shadow:0 0 30px #ffffff80}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.betting-blocked h3{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:1px;margin-bottom:1.5rem;text-shadow:3px 3px 6px #0009,0 0 15px #fff6,0 0 30px #fff3}.betting-blocked p{color:#fffffff2;font-size:1.1rem;line-height:1.5;margin-bottom:.8rem;opacity:.95;text-shadow:1px 1px 2px #0000004d}.betting-blocked p:last-child{color:#ffffffe6;font-size:1.05rem;font-weight:600;margin-bottom:0}@media (prefers-contrast:high){.dice-2d{background:#fff;border:4px solid #000}.dice-2d-dot{background:#000;box-shadow:none}.operation-symbol-2d,.sum-result-2d{background:#000;border:2px solid #fff;color:#fff}.betting-blocked{background:#dc3545;border:3px solid #000;color:#fff}}.results-announcement{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#114a43f2,#1a645cd9);border:3px solid #fff3;border-radius:25px;box-shadow:0 25px 50px #0000004d,inset 0 0 0 1px #ffffff1a;margin:2rem 0;overflow:hidden;padding:2.5rem;position:relative;text-align:center}.results-announcement:before{animation:resultShimmer 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff0d 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes resultShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.winning-declaration{animation:declarationPulse 1s ease-in-out 2;color:#fff;font-size:2.5rem;font-weight:900;margin-bottom:1.5rem;text-shadow:3px 3px 6px #000c,0 0 20px #fff9}@keyframes declarationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.personal-result{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:3px solid #fff3;border-radius:20px;margin-top:1.5rem;overflow:hidden;padding:2rem;position:relative;text-align:center}.personal-result:before{animation:personalResultShimmer 2s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes personalResultShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.personal-result.winner{animation:celebrationBounce .8s ease-in-out 3;background:linear-gradient(135deg,#27ae60e6,#2ecc71cc);box-shadow:0 20px 40px #27ae6066,inset 0 0 0 2px #fff3}.personal-result.loser{animation:loserShake .5s ease-in-out 2;background:linear-gradient(135deg,#e74c3ce6,#c0392bcc);box-shadow:0 20px 40px #e74c3c66,inset 0 0 0 2px #fff3}.personal-result.refund{animation:refundGlow 1.5s ease-in-out infinite alternate;background:linear-gradient(135deg,#f39c12f2,#e67e22d9);border:3px solid #ffd70066;box-shadow:0 20px 40px #f39c1280,inset 0 0 0 2px #ffd7004d}@keyframes celebrationBounce{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes loserShake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}@keyframes refundGlow{0%{border-color:#ffd70066;box-shadow:0 20px 40px #f39c1280}to{border-color:#ffd70099;box-shadow:0 25px 50px #f39c12b3}}.result-icon{animation:iconBounce 1s ease-in-out 2;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:3.5rem;margin-bottom:1rem}.result-message{color:#fff;font-size:2.2rem;font-weight:900;margin-bottom:1rem;position:relative;text-shadow:3px 3px 6px #000c,0 0 15px #ffffff80;z-index:2}.result-detail{color:#fffffff2;font-size:1.2rem;font-weight:600;margin-bottom:.5rem;position:relative;z-index:2}.result-detail,.win-amount{text-shadow:2px 2px 4px #0009}.win-amount{animation:winAmountGlow 1s ease-in-out infinite alternate;border:2px solid #ffffff4d;border-radius:12px;color:#fff;font-family:Courier New,monospace;font-size:1.8rem;font-weight:900;margin-top:1rem;padding:1rem 1.5rem}@keyframes winAmountGlow{0%{box-shadow:0 0 20px #ffffff4d}to{box-shadow:0 0 30px #ffffff80}}.refund-declaration{color:#f39c12;text-shadow:3px 3px 6px #000c,0 0 20px #f39c1299}.refund-explanation{background:#ffffff1a;border:2px solid #ffd7004d;border-radius:15px;margin-bottom:1.5rem;padding:1.5rem}.refund-reason{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px #0009}.refund-policy{color:#ffffffe6;font-size:1.1rem;text-shadow:1px 1px 2px #00000080}.refund-status{align-items:center;background:#ffffff26;border:2px solid #ffd70066;border-radius:10px;display:flex;gap:.5rem;justify-content:center;margin-top:1rem;padding:.8rem}.status-icon{font-size:1.2rem}.status-text{color:#fff;font-size:1.1rem;font-weight:600;text-shadow:1px 1px 2px #00000080}.no-bet-message{background:#ffffff1a;border:2px solid #fff3;border-radius:15px;padding:1.5rem;text-align:center}.no-bet-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.no-bet-text{color:#ffffffe6;font-size:1.2rem;font-weight:600;text-shadow:1px 1px 2px #00000080}@media (max-width:1024px){.game-container{padding:1rem}.professional-dice-container{margin:1rem 0;padding:1.5rem}.bet-types-horizontal{gap:1rem;grid-template-columns:repeat(2,1fr)}.bet-card{padding:1.5rem}.card-amounts{gap:.8rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.game-container{padding:.5rem}.game-header{flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem;text-align:center}.game-title h1{font-size:1.8rem}.game-subtitle{font-size:.9rem;margin-top:.5rem}.game-info{grid-gap:.8rem;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #ffffff1a;border-radius:15px;box-shadow:0 10px 20px #0000001a;display:grid;gap:.8rem;grid-template-columns:1fr 1fr;justify-items:center;padding:1rem}.connection-status,.game-status-indicator,.game-type-indicator,.timer-display{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;font-size:.9rem;min-width:100px;padding:.5rem .8rem;text-align:center}.timer-display{background:linear-gradient(135deg,#114a43,#1a645c);box-shadow:0 5px 15px #114a434d;color:#fff;font-weight:700;grid-column:1/-1}.professional-dice-container{margin:.5rem 0;min-height:200px;padding:1rem}.dice-2d-container{flex-wrap:wrap;gap:1rem;justify-content:center;min-height:120px;padding:1rem}.dice-2d{box-sizing:border-box;height:65px;padding:8px;width:65px}.dice-2d-dot{height:8px;margin:1px;width:8px}.operation-symbol-2d{font-size:1.8rem;height:45px;line-height:45px;min-width:45px}.sum-result-2d{font-size:2.2rem;min-width:80px;padding:.8rem 1.2rem}.betting-options{border-radius:15px;margin:1rem 0;padding:1rem}.betting-options h3{font-size:1.2rem;margin-bottom:1rem}.bet-types-horizontal{gap:1rem;grid-template-columns:1fr}.bet-card{border-radius:12px;padding:1rem}.card-header{margin-bottom:1rem}.card-icon{font-size:1.5rem}.card-title{font-size:1rem}.card-multiplier{font-size:.9rem}.card-amounts{gap:.5rem;grid-template-columns:repeat(2,1fr)}.amount-btn{border-radius:8px;font-size:.9rem;min-height:40px;padding:.6rem .8rem}.betting-info-message{border-radius:12px;margin:1rem 0;padding:1rem}.info-icon{font-size:2rem}.info-text{font-size:1rem}.current-bet-display{border-radius:12px;margin:1rem 0;padding:1rem}.bet-summary{flex-direction:column;gap:.5rem}.results-announcement{border-radius:15px;margin:1rem 0;padding:1.5rem}.winning-declaration{font-size:1.8rem;margin-bottom:1rem}.personal-result{border-radius:15px;padding:1.5rem}.result-icon{font-size:2.5rem}.result-message{font-size:1.6rem}.result-detail{font-size:1rem}.win-amount{font-size:1.4rem;padding:.8rem 1rem}.refund-reason{font-size:1.1rem}.refund-policy{font-size:1rem}}@media (max-width:480px){.game-container{padding:.25rem}.game-header{margin-bottom:.5rem;padding:.5rem}.game-title h1{font-size:1.5rem}.game-subtitle{font-size:.8rem}.current-game-info{font-size:.75rem}.game-info{grid-gap:.5rem;border-radius:12px;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;padding:.8rem}.connection-status,.game-status-indicator,.game-type-indicator,.timer-display{border-radius:8px;font-size:.8rem;min-width:80px;padding:.4rem .6rem}.timer-display{font-size:.9rem;font-weight:700;grid-column:1/-1}.professional-dice-container{margin:.25rem 0;min-height:50px;padding:.5rem}.dice-2d-container{gap:.5rem;min-height:100px;padding:.5rem}.dice-2d{box-sizing:border-box;height:55px;padding:6px;width:55px}.dice-2d-dot{height:6px;margin:1px;width:6px}.operation-symbol-2d{font-size:1.5rem;height:35px;line-height:35px;min-width:35px}.sum-result-2d{font-size:1.8rem;min-width:60px;padding:.6rem 1rem}.betting-options{border-radius:10px;margin:.5rem 0;padding:.5rem}.betting-options h3{font-size:1rem;margin-bottom:.8rem}.bet-card{border-radius:10px;padding:.8rem}.card-header{margin-bottom:.8rem}.card-icon{font-size:1.2rem}.card-title{font-size:.9rem}.card-multiplier{font-size:.8rem}.card-amounts{gap:.4rem;grid-template-columns:repeat(2,1fr)}.amount-btn{border-radius:6px;font-size:.8rem;min-height:35px;padding:.5rem .6rem}.betting-info-message{margin:.5rem 0;padding:.8rem}.info-icon{font-size:1.5rem}.info-text{font-size:.9rem}.current-bet-display{margin:.5rem 0;padding:.8rem}.bet-header h4,.bet-summary{font-size:.9rem}.results-announcement{margin:.5rem 0;padding:1rem}.winning-declaration{font-size:1.4rem;margin-bottom:.8rem}.personal-result{padding:1rem}.result-icon{font-size:2rem}.result-message{font-size:1.3rem}.result-detail{font-size:.9rem}.win-amount{font-size:1.2rem;padding:.6rem .8rem}.refund-reason{font-size:.95rem}.refund-policy{font-size:.85rem}.refund-explanation{margin-bottom:1rem;padding:1rem}.refund-status{margin-top:.8rem;padding:.6rem}.status-icon{font-size:1rem}.status-text{font-size:.9rem}}@media (max-width:360px){.game-container{padding:.125rem}.game-header{padding:.25rem}.game-title h1{font-size:1.25rem}.game-subtitle{font-size:.7rem}.dice-2d{height:45px;width:45px}.dice-2d-dot{height:7px;width:7px}.operation-symbol-2d{font-size:1.2rem;height:30px;line-height:30px;min-width:30px}.sum-result-2d{font-size:1.4rem;min-width:45px;padding:.4rem .7rem}.game-info{gap:.4rem;grid-template-columns:1fr;padding:.6rem}.connection-status,.game-status-indicator,.game-type-indicator,.timer-display{font-size:.75rem;min-width:70px;padding:.3rem .5rem}.timer-display{font-size:.8rem;grid-column:1}.card-amounts{gap:.3rem;grid-template-columns:1fr}.amount-btn{font-size:.75rem;min-height:30px;padding:.4rem .5rem}}@media (max-width:768px) and (orientation:landscape){.game-container{padding:.5rem}.game-header{flex-direction:row;justify-content:space-between;padding:.5rem 1rem}.game-title h1{font-size:1.2rem}.game-info{flex-direction:row;gap:1rem}.professional-dice-container{min-height:120px;padding:.5rem}.dice-2d-container{gap:.8rem;min-height:80px}.bet-types-horizontal{gap:.5rem;grid-template-columns:repeat(3,1fr)}.bet-card{padding:.5rem}.card-amounts{gap:.3rem;grid-template-columns:repeat(4,1fr)}.amount-btn{font-size:.8rem;min-height:28px;padding:.3rem .5rem}}@media (max-width:768px){.amount-btn{min-height:44px}.amount-btn,.bet-card{touch-action:manipulation}.dice-2d.rolling{animation-duration:.5s}.personal-result:before,.results-announcement:before{animation-duration:2s}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.dice-2d-dot{border-radius:50%;box-shadow:0 0 2px #0000004d}.operation-symbol-2d,.sum-result-2d{text-rendering:optimizeLegibility}}.lucky7-container{align-items:center;background:#114a43;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.next-game-countdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-top:20px;padding:15px;text-align:center}.countdown-text{color:#fff;font-size:16px;font-weight:600;margin-bottom:10px;text-shadow:0 1px 2px #0000004d}.countdown-bar{background:#fff3;border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.countdown-progress{background:linear-gradient(90deg,#f39c12,#e74c3c);border-radius:3px;box-shadow:0 0 10px #f39c1280;height:100%;transition:width 1s linear}.countdown-progress:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.lucky7-container.celebration{animation:celebrationPulse .5s ease-in-out infinite alternate}@keyframes celebrationPulse{0%{background:#114a43}to{background:#1a645c}}.game-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#114a43;border:2px solid #114a43;border-radius:24px;box-shadow:0 20px 40px #0000001a;max-width:900px;padding:32px;position:relative;width:100%}.professional-loader{align-items:center!important;display:flex!important;height:80px!important;justify-content:center!important;margin-bottom:1.5rem!important;position:relative!important;width:80px!important;z-index:100000!important}.professional-loader .loader-ring:first-child{animation-duration:2s!important;border-top:3px solid #4cceac!important;box-shadow:0 0 15px #4cceac66!important;height:80px!important;opacity:.9!important;width:80px!important}.professional-loader .loader-ring:nth-child(2){animation-direction:reverse!important;animation-duration:1.5s!important;border-top:3px solid #fff!important;box-shadow:0 0 10px #fff3!important;height:60px!important;opacity:.7!important;width:60px!important}.professional-loader .loader-ring:nth-child(3){animation-duration:1s!important;border-top:2px solid #f39c12!important;box-shadow:0 0 8px #f39c124d!important;height:40px!important;opacity:.6!important;width:40px!important}.loading-dots{display:inline-flex;gap:4px;margin-left:8px}.loading-dots span{animation:loadingDots 1.4s ease-in-out infinite both;background:#114a43;height:6px;width:6px}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loadingDots{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.error-message{animation:errorShake .5s ease-in-out;background:#0a312b;border-radius:12px;color:#fff;margin-bottom:24px;padding:16px 24px}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.game-header{border-bottom:2px solid #114a43;margin-bottom:32px;padding-bottom:24px}.game-title{align-items:center;color:#114a43;display:flex;font-size:2.5rem;font-weight:800;gap:16px;margin:0}.title-icon{animation:iconBounce 2s ease-in-out infinite;font-size:2rem}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.timer-display{background:#114a43;border-radius:16px;box-shadow:0 8px 24px #114a434d;padding:16px 24px;text-align:center}.timer-label{font-weight:500;margin-bottom:8px}.timer-value{font-size:1.8rem;font-weight:800;letter-spacing:2px}.balance-display{background:#114a43;border-radius:16px;box-shadow:0 8px 24px #114a434d;color:#fff;margin-bottom:32px;padding:20px;text-align:center}.balance-label{font-size:1rem;font-weight:500;margin-bottom:8px}.balance-value{font-family:Courier New,monospace;font-size:2rem;font-weight:800}.bet-amount-selector{background:#114a43;border:2px solid #114a43;border-radius:16px;margin-bottom:32px;padding:24px}.bet-amount-selector h4{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 16px}.amount-input{margin-bottom:20px}.amount-input input{background:#114a43;border:2px solid #114a43;border-radius:12px;color:#fff;font-family:Courier New,monospace;font-size:1.2rem;font-weight:600;padding:16px 20px;transition:all .3s ease;width:100%}.amount-input input:focus{border-color:#114a43;outline:none}.quick-amounts{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.quick-amount{background:#114a43;border:2px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 16px;transition:all .3s ease}.quick-amount:hover:not(:disabled){background:#114a43;border-color:#114a43}.quick-amount.active{background:#114a43;border-color:#0000;color:#fff}.quick-amount:disabled{cursor:not-allowed;opacity:.5}.betting-options{margin-bottom:32px}.betting-options h3{color:#114a43;font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center}.bet-types-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.bet-option{background:#114a43;border:3px solid #fff;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.bet-option:before{background:var(--option-color);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.bet-option:hover:before{opacity:.1}.bet-option.user-selected{background:var(--option-color);color:#fff;transform:scale(1.05)}.bet-option.disabled{cursor:not-allowed;opacity:.5;transform:none!important}.bet-option>*{position:relative;z-index:1}.option-icon{animation:iconFloat 3s ease-in-out infinite;font-size:2.5rem;margin-bottom:12px}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.option-label{color:inherit;font-size:1.2rem;font-weight:700;margin-bottom:8px}.option-multiplier{color:#fff;font-family:Courier New,monospace;font-size:1.5rem;font-weight:800;margin-bottom:16px}.bet-option.user-selected .option-multiplier{color:#ffffffe6}.bet-stats{border-top:1px solid #0000001a;display:flex;font-size:.9rem;justify-content:space-between;padding-top:16px}.bet-option.user-selected .bet-stats{border-top-color:#ffffff4d}.user-bet-indicator{background:#fff3;border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px;position:absolute;right:12px;top:12px}.dice-container{margin-bottom:32px;text-align:center}.dice-container h2{color:#114a43;font-size:1.8rem;font-weight:700;margin-bottom:32px}.dice-window{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:32px}.dice{height:80px;perspective:1000px;position:relative;width:80px}.dice.rolling{animation:diceShake .1s ease-in-out infinite}@keyframes diceShake{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.dice-face{background:#fff;border:3px solid #114a43;border-radius:16px;box-shadow:0 8px 24px #0003;display:grid;height:100%;padding:8px;position:relative;width:100%}.dice-face.face-1{grid-template:1fr/1fr}.dice-face.face-2{grid-template:1fr 1fr/1fr}.dice-face.face-3{grid-template:1fr 1fr 1fr/1fr}.dice-face.face-4{grid-template:1fr 1fr/1fr 1fr}.dice-face.face-5,.dice-face.face-6{grid-template:1fr 1fr 1fr/1fr 1fr}.dice-dot{align-self:center;background:#114a43;border-radius:50%;height:12px;justify-self:center;width:12px}.face-2 .dice-dot:first-child{align-self:start;justify-self:start}.face-2 .dice-dot:last-child{align-self:end;justify-self:end}.face-3 .dice-dot:first-child{align-self:start;justify-self:start}.face-3 .dice-dot:nth-child(2){align-self:center;justify-self:center}.face-3 .dice-dot:last-child{align-self:end;justify-self:end}.face-5 .dice-dot:nth-child(3){grid-column:1/3}.equals-sign,.plus-sign{font-size:2rem}.equals-sign,.plus-sign,.sum-display{align-self:center;color:#114a43;font-weight:800}.sum-display{background:#114a431a;border:3px solid #114a43;border-radius:16px;font-size:3rem;min-width:100px;padding:16px 24px}.results-display{background:#f8f9fa;border:2px solid #114a43;border-radius:16px;padding:24px;text-align:center}.winning-bet{color:#114a43;font-size:1.4rem;font-weight:700;margin-bottom:16px}.user-result{border-radius:12px;font-size:1.8rem;font-weight:800;margin-top:16px;padding:16px 24px}.user-result.won{animation:winPulse 1s ease-in-out infinite alternate;background:#114a43;color:#fff}.user-result.lost{background:#0a312b;color:#fff}@keyframes winPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.betting-state,.rolling-state,.waiting-state{animation:fadeSlideIn .5s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.waiting-message{padding:40px 20px;text-align:center}.waiting-message h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:16px}.waiting-message p{color:#fff;font-size:1.1rem;margin-bottom:32px}.placing-bet-overlay{align-items:center!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#000000d9!important;bottom:0!important;display:flex!important;flex-direction:column!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:99999!important}.placing-bet-overlay .spinner{height:50px;margin-bottom:16px;width:50px}.placing-bet-overlay h4{font-size:2rem!important;font-weight:700!important;letter-spacing:.5px!important;margin:0 0 1rem!important;text-shadow:0 2px 4px #000c,0 0 15px #ffffff4d!important}.placing-bet-overlay h4,.placing-bet-overlay p{color:#fff!important;position:relative!important;text-align:center!important;z-index:100000!important}.placing-bet-overlay p{font-size:1.1rem!important;font-weight:400!important;margin:0!important;opacity:.8!important;text-shadow:0 1px 2px #0009!important}.current-bet-display{background:#114a43;border-radius:16px;color:#fff;margin-bottom:24px;padding:20px;text-align:center}.current-bet-display h4{font-size:1.1rem;margin:0 0 12px;opacity:.9}.bet-summary{font-size:1.3rem;font-weight:700}.game-history{background:#114a43;border:2px solid #fff;border-radius:16px;margin-bottom:24px;padding:24px}.game-history h3{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:20px;text-align:center}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{grid-gap:16px;background:#fff;border:2px solid #114a43;border-radius:12px;display:grid;font-size:.9rem;gap:16px;grid-template-columns:1fr 1fr 1fr;padding:16px;text-align:center}.history-dice{color:#114a43;font-family:Courier New,monospace;font-weight:700}.history-result{color:#114a43;font-weight:600}.history-time{color:#114a43;font-size:.85rem}.user-stats{background:#114a43;border:2px solid #fff;border-radius:16px;padding:24px}.user-stats h3{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:20px;text-align:center}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-item{background:#114a43;border:2px solid #fff;border-radius:12px;padding:16px}.stat-label{font-size:.9rem;font-weight:500;margin-bottom:8px}.stat-value{font-size:1.4rem}.stat-value.negative,.stat-value.positive{color:#fff}.celebration-effects{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.confetti{animation:confettiFall 3s linear forwards;font-size:1.5rem;position:absolute}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}@media (max-width:1024px){.lucky7-container{padding:15px}.game-card{border-radius:20px;max-width:100%;padding:24px}.game-header{flex-direction:column;gap:16px;margin-bottom:20px}.game-title{font-size:2.2rem}.timer-display{border-radius:12px;padding:12px 20px}.timer-value{font-size:1.6rem}.balance-display{border-radius:12px;margin-bottom:20px;padding:16px}.balance-value{font-size:1.8rem}}@media (max-width:768px){.lucky7-container{background:#114a43;min-height:100vh;padding:10px}.game-card{border-radius:16px;box-shadow:0 10px 20px #0000001a;max-width:100%;padding:16px}.game-header{flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:16px;text-align:center}.game-title{margin:0}.game-title,.title-icon{font-size:1.8rem}.timer-display{border-radius:10px;padding:10px 16px}.timer-label{font-size:.8rem}.timer-value{font-size:1.4rem}.balance-display{border-radius:12px;margin-bottom:16px;padding:16px}.balance-label{font-size:.9rem}.balance-value{font-size:1.6rem}.bet-amount-selector{border-radius:12px;margin-bottom:16px;padding:16px}.bet-amount-selector h4{font-size:1.1rem}.amount-input input{border-radius:8px;font-size:1.1rem;padding:12px 16px}.quick-amounts{gap:8px;grid-template-columns:repeat(2,1fr)}.quick-amount{border-radius:8px;font-size:.9rem;padding:10px 12px}.betting-options{margin-bottom:16px}.betting-options h3{font-size:1.3rem;margin-bottom:16px}.bet-types-grid{gap:12px;grid-template-columns:1fr}.bet-option{border-radius:12px;padding:16px}.option-icon{font-size:2rem}.option-label{font-size:1.1rem}.option-multiplier{font-size:1.3rem}.bet-stats{font-size:.8rem}.dice-container{margin-bottom:16px}.dice-container h2{font-size:1.5rem;margin-bottom:16px}.dice-window{gap:8px;margin-bottom:16px}.dice{height:50px;width:50px}.dice-face{border-radius:8px;padding:6px}.dice-dot{height:8px;width:8px}.equals-sign,.plus-sign{font-size:1.2rem}.sum-display{border-radius:8px;font-size:1.8rem;padding:8px 16px}.results-display{border-radius:12px;padding:16px}.winning-bet{font-size:1.2rem}.user-result{font-size:1.5rem;padding:12px 16px}.current-bet-display{border-radius:12px;margin-bottom:16px;padding:16px}.current-bet-display h4{font-size:1rem}.bet-summary{font-size:1.1rem}.game-history{border-radius:12px;margin-bottom:16px;padding:16px}.game-history h3{font-size:1.2rem}.history-item{border-radius:8px;gap:8px;grid-template-columns:1fr;padding:12px;text-align:left}.user-stats{border-radius:12px;padding:16px}.user-stats h3{font-size:1.2rem}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-item{border-radius:8px;padding:12px}.stat-value{font-size:1.2rem}.placing-bet-overlay h4{font-size:1.5rem!important}.placing-bet-overlay p{font-size:1rem!important}}@media (max-width:480px){.lucky7-container{padding:8px}.game-card{border-radius:12px;padding:12px}.game-header{gap:8px;margin-bottom:12px;padding-bottom:12px}.game-title{gap:8px}.game-title,.title-icon{font-size:1.5rem}.timer-display{border-radius:8px;padding:8px 12px}.timer-label{font-size:.7rem}.timer-value{font-size:1.2rem}.balance-display{border-radius:10px;margin-bottom:12px;padding:12px}.balance-label{font-size:.8rem}.balance-value{font-size:1.4rem}.bet-amount-selector{border-radius:10px;margin-bottom:12px;padding:12px}.bet-amount-selector h4{font-size:1rem}.amount-input input{border-radius:6px;font-size:1rem;padding:10px 12px}.quick-amounts{gap:6px;grid-template-columns:repeat(2,1fr)}.quick-amount{border-radius:6px;font-size:.8rem;padding:8px 10px}.betting-options{margin-bottom:12px}.betting-options h3{font-size:1.1rem;margin-bottom:12px}.bet-types-grid{gap:8px}.bet-option{border-radius:10px;padding:12px}.option-icon{font-size:1.5rem}.option-label{font-size:1rem}.option-multiplier{font-size:1.1rem}.bet-stats{font-size:.7rem}.dice-container h2{font-size:1.3rem;margin-bottom:12px}.dice-window{gap:6px;margin-bottom:12px}.dice{height:40px;width:40px}.dice-face{border-radius:6px;padding:4px}.dice-dot{height:6px;width:6px}.equals-sign,.plus-sign{font-size:1rem}.sum-display{border-radius:6px;font-size:1.5rem;padding:6px 12px}.results-display{border-radius:10px;padding:12px}.winning-bet{font-size:1.1rem}.user-result{font-size:1.3rem;padding:10px 12px}.current-bet-display{border-radius:10px;margin-bottom:12px;padding:12px}.bet-summary{font-size:1rem}.game-history{border-radius:10px;margin-bottom:12px;padding:12px}.game-history h3{font-size:1.1rem}.history-item{border-radius:6px;font-size:.8rem;padding:8px}.user-stats{border-radius:10px;padding:12px}.user-stats h3{font-size:1.1rem}.stats-grid{gap:8px;grid-template-columns:1fr}.stat-item{border-radius:6px;padding:8px}.stat-value{font-size:1.1rem}.placing-bet-overlay h4{font-size:1.3rem!important}.placing-bet-overlay p{font-size:.9rem!important}}@media (max-width:360px){.lucky7-container{padding:4px}.game-card{border-radius:8px;padding:8px}.game-title{font-size:1.3rem}.timer-value{font-size:1.1rem}.balance-value{font-size:1.2rem}.dice{height:35px;width:35px}.dice-dot{height:5px;width:5px}.sum-display{font-size:1.3rem;padding:4px 8px}.quick-amounts{gap:4px;grid-template-columns:1fr}.quick-amount{font-size:.7rem;padding:6px 8px}.bet-option{padding:8px}.option-icon{font-size:1.3rem}.option-label{font-size:.9rem}.option-multiplier{font-size:1rem}}@media (max-width:768px){.bet-option,.quick-amount{min-height:44px;touch-action:manipulation}.amount-input input{min-height:44px}.quick-amounts{gap:12px}.bet-types-grid{gap:16px}@media (prefers-reduced-motion:reduce){.confetti,.dice.rolling,.title-icon{animation:none}}}@media (max-width:768px) and (orientation:landscape){.lucky7-container{padding:8px}.game-card{padding:12px}.game-header{align-items:center;flex-direction:row;gap:16px;justify-content:space-between;margin-bottom:8px}.game-title{font-size:1.3rem}.timer-display{padding:6px 12px}.timer-value{font-size:1.1rem}.balance-display{margin-bottom:8px;padding:8px}.balance-value{font-size:1.3rem}.bet-amount-selector{margin-bottom:8px;padding:8px}.betting-options,.dice-container,.dice-window{margin-bottom:8px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.amount-input input:focus,.bet-option:focus,.quick-amount:focus{outline:3px solid #114a43;outline-offset:2px}.next-game-info{background:linear-gradient(135deg,#114a43,#1a645c);border:2px solid #ffffff1a;border-radius:16px;color:#fff;margin-bottom:32px;padding:24px;text-align:center}.next-game-card{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}.next-game-icon{animation:nextGamePulse 2s ease-in-out infinite;font-size:3rem}@keyframes nextGamePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.next-game-details{text-align:center}.next-game-title{color:#fff;font-size:1.8rem;font-weight:800;margin:0 0 8px}.next-game-timer{color:#ffffffe6;font-family:Courier New,monospace;font-size:1.2rem;font-weight:600}.game-sequence{background:#ffffff1a;border-radius:12px;margin-top:16px;padding:16px}.game-sequence h4{color:#ffffffe6;font-size:1rem;font-weight:600;margin:0 0 12px}.sequence-display{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sequence-item{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.sequence-item.next{animation:nextGameGlow 1s ease-in-out infinite alternate;background:#fff3;border-color:#fff9;transform:scale(1.05)}.sequence-item.passed{background:#ffffff0d;opacity:.5}@keyframes nextGameGlow{0%{box-shadow:0 0 5px #ffffff4d}to{box-shadow:0 0 15px #fff9}}.connection-status{background:#f8d7da;border-radius:8px;color:#721c24;font-weight:600;margin-bottom:16px;padding:12px 16px;text-align:center}.connection-status.connecting{background:#114a43;color:#fff}.connection-status.reconnecting{background:#114a43;color:#155724}.connection-status.error{background:#f8d7da;color:#721c24}.status-indicator{align-items:center;display:flex;gap:8px;justify-content:center}@media print{.lucky7-container{background:#fff;color:#000}.celebration-effects,.placing-bet-overlay{display:none}}.game-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000c,#0009);border-radius:15px;box-shadow:0 10px 30px #0000004d;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem 2rem}.game-title h1{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #00000080}.game-subtitle{color:#fffc;font-size:1rem;font-weight:400;margin-top:.5rem}.game-info{align-items:flex-end;flex-direction:column;gap:.5rem}.game-type-indicator{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;gap:.5rem;padding:.5rem 1rem}.game-type-label{color:#fffc;font-size:.9rem;font-weight:400}.game-type-value{font-size:1rem;font-weight:600;text-shadow:0 1px 2px #00000080}.current-game-info{color:#fff9;font-family:monospace;font-size:.85rem;margin-top:.25rem}.connection-status{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:20px;display:flex;gap:.5rem;padding:.5rem 1rem}.status-icon{font-size:1rem}.status-text{font-size:.9rem;font-weight:500}.timer-display{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:20px;box-shadow:0 4px 12px #e74c3c4d;color:#fff;display:flex;font-weight:700;gap:.5rem;padding:.5rem 1rem}.timer-label{font-size:.9rem;opacity:.9}.timer-value{font-family:Courier New,monospace;font-size:1.2rem;text-shadow:1px 1px 2px #0000004d}.game-container{margin:0 auto;max-width:1200px;padding:1rem}@media (max-width:768px){.game-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.game-title h1{font-size:1.5rem}.game-subtitle{font-size:.9rem}.game-info{flex-direction:row;gap:1rem;justify-content:center}.timer-display{padding:.4rem .8rem}.timer-value{font-size:1rem}}@media (max-width:480px){.game-container{padding:.5rem}.game-header{margin-bottom:.5rem}.game-title h1{font-size:1.3rem}.game-subtitle{font-size:.8rem}.game-info{flex-direction:column;gap:.5rem}.connection-status,.timer-display{font-size:.8rem;padding:.3rem .6rem}}:root{--accent-green:#4cceac;--hover-green:#3bb89c;--success-green:#10b981;--error-red:#dc2626;--warning-orange:#f59e0b;--info-blue:#3b82f6;--glass-white:#ffffff1a;--glass-white-strong:#ffffff26;--glass-white-subtle:#ffffff0d;--glass-green:#114a431a;--glass-green-strong:#114a4333;--glass-accent:#4cceac1a;--border-glass:#fff3;--border-glass-strong:#ffffff4d;--border-accent:#4cceac4d;--text-secondary:#ffffffe6;--text-muted:#ffffffb3;--text-caption:#fff9;--blur-light:blur(10px);--blur-medium:blur(15px);--blur-strong:blur(20px);--blur-intense:blur(25px);--shadow-glass-light:0 4px 16px #114a431a;--shadow-glass-medium:0 8px 32px #114a4326;--shadow-glass-strong:0 12px 48px #114a4333;--shadow-floating:0 16px 64px #114a4340;--shadow-glow:0 0 24px #4cceac4d;--font-display:clamp(32px,8vw,48px);--font-heading-xl:clamp(24px,6vw,32px);--font-heading-lg:clamp(20px,5vw,28px);--font-heading-md:clamp(18px,4.5vw,24px);--font-heading-sm:clamp(16px,4vw,20px);--font-body-lg:clamp(16px,4vw,18px);--font-body-md:clamp(14px,3.5vw,16px);--font-body-sm:clamp(12px,3vw,14px);--font-caption:clamp(10px,2.5vw,12px);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--space-5xl:48px;--space-6xl:64px;--space-8xl:96px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:50%;--navbar-height:70px;--mobile-navbar-height:60px;--bottom-nav-height:70px;--z-screen:1500;--z-overlay:1501;--z-content:1502;--z-floating:1503;--z-header:1504;--duration-fast:0.15s;--duration-normal:0.3s;--duration-slow:0.5s;--duration-slower:0.8s;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.7,0,0.84,0);--ease-in-out:cubic-bezier(0.87,0,0.13,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55)}.glass-card{backdrop-filter:blur(15px);backdrop-filter:var(--blur-medium);-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:var(--blur-medium);background:#ffffff1a;background:var(--glass-white);border:1px solid #fff3;border:1px solid var(--border-glass);box-shadow:0 8px 32px #114a4326;box-shadow:var(--shadow-glass-medium)}.glass-card-strong{backdrop-filter:blur(20px);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--blur-strong);background:#ffffff26;background:var(--glass-white-strong);border:1px solid #ffffff4d;border:1px solid var(--border-glass-strong);box-shadow:0 12px 48px #114a4333;box-shadow:var(--shadow-glass-strong)}.glass-card-floating{backdrop-filter:blur(25px);backdrop-filter:var(--blur-intense);-webkit-backdrop-filter:blur(25px);-webkit-backdrop-filter:var(--blur-intense);background:#ffffff1a;background:var(--glass-white);border:1px solid #fff3;border:1px solid var(--border-glass);box-shadow:0 16px 64px #114a4340;box-shadow:var(--shadow-floating)}.winner-results-screen{bottom:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1500;z-index:var(--z-screen)}.screen-overlay{backdrop-filter:blur(20px);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--blur-strong);background:radial-gradient(circle at 20% 80%,#114a43cc 0,#0000 50%),radial-gradient(circle at 80% 20%,#4cceac99 0,#0000 50%),linear-gradient(135deg,#114a43f2,#1a645ce6 30%,#0a312bf2 70%,#114a43fa);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1501;z-index:var(--z-overlay)}.screen-container{display:flex;flex-direction:column;height:100%;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);position:relative;width:100%;z-index:1502;z-index:var(--z-content)}.screen-header{backdrop-filter:blur(20px);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--blur-strong);background:#ffffff0d;background:var(--glass-white-subtle);border-bottom:1px solid #fff3;border-bottom:1px solid var(--border-glass);justify-content:space-between;margin-top:68px;margin-top:calc(var(--mobile-navbar-height) + var(--space-sm));padding:16px 20px;padding:var(--space-lg) var(--space-xl);position:-webkit-sticky;position:sticky;top:0;z-index:1504;z-index:var(--z-header)}.back-button,.screen-header{align-items:center;display:flex}.back-button{backdrop-filter:blur(15px);backdrop-filter:var(--blur-medium);-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:var(--blur-medium);background:#ffffff1a;background:var(--glass-white);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:50%;border-radius:var(--radius-full);box-shadow:0 4px 16px #114a431a;box-shadow:var(--shadow-glass-light);color:#fff;color:var(--text-primary);cursor:pointer;font-size:20px;height:48px;justify-content:center;touch-action:manipulation;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-out);width:48px}.back-button:focus,.back-button:hover{background:#ffffff26;background:var(--glass-white-strong);border-color:#ffffff4d;border-color:var(--border-glass-strong);box-shadow:0 16px 64px #114a4340;box-shadow:var(--shadow-floating);transform:translateY(-2px) scale(1.05)}.back-button:active{transform:translateY(0) scale(.98)}.screen-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;flex:1 1;font-size:clamp(20px,5vw,28px);font-size:var(--font-heading-lg);font-weight:800;gap:12px;gap:var(--space-md);justify-content:center;letter-spacing:-.02em;margin:0;text-align:center}.title-icon{animation:float 4s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(76,206,172,.3));font-size:clamp(24px,6vw,32px);font-size:var(--font-heading-xl)}.header-spacer{width:48px}.content-container{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:20px;padding:var(--space-xl);padding-bottom:32px;padding-bottom:var(--space-3xl);scroll-behavior:smooth}.wallet-loading-container{background:#114a43;background:var(--primary-green);gap:32px;gap:var(--space-3xl)}.wallet-loading-container h2{color:#fff;color:var(--text-primary);font-size:clamp(20px,5vw,28px);font-size:var(--font-heading-lg);font-weight:700;margin:0}.wallet-loading-container p{color:#ffffffe6;color:var(--text-secondary);font-size:clamp(14px,3.5vw,16px);font-size:var(--font-body-md);font-weight:500;margin:0}.error-container{align-items:center;display:flex;flex-direction:column;gap:32px;gap:var(--space-3xl);height:60vh;justify-content:center;padding:48px;padding:var(--space-5xl);text-align:center}.error-icon{filter:drop-shadow(0 4px 12px rgba(220,38,38,.3));font-size:64px}.error-title{color:#fff;color:var(--text-primary);font-size:clamp(20px,5vw,28px);font-size:var(--font-heading-lg);font-weight:800;letter-spacing:-.02em;margin:0}.error-message{color:#ffffffe6;color:var(--text-secondary);line-height:1.6;margin:0;max-width:320px}.error-message,.error-retry-btn{font-size:clamp(14px,3.5vw,16px);font-size:var(--font-body-md)}.error-retry-btn{background:linear-gradient(135deg,#4cceac,#3bb89c);background:linear-gradient(135deg,var(--accent-green) 0,var(--hover-green) 100%);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #114a4326;box-shadow:var(--shadow-glass-medium);color:#fff;color:var(--text-primary);cursor:pointer;font-weight:700;margin-top:20px;margin-top:var(--space-xl);padding:16px 32px;padding:var(--space-lg) var(--space-3xl);transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-out)}.error-retry-btn:hover{box-shadow:0 16px 64px #114a4340;box-shadow:var(--shadow-floating);transform:translateY(-3px)}.results-content{display:flex;flex-direction:column;gap:40px;gap:var(--space-4xl);min-height:calc(100vh - 150px);padding-bottom:96px;padding-bottom:var(--space-8xl)}.match-header-section{position:relative}.match-header-card{backdrop-filter:blur(20px);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--blur-strong);background:#ffffff26;background:var(--glass-white-strong);border:1px solid #ffffff4d;border:1px solid var(--border-glass-strong);border-radius:32px;border-radius:var(--radius-3xl);box-shadow:0 16px 64px #114a4340;box-shadow:var(--shadow-floating);overflow:hidden;padding:40px 32px;padding:var(--space-4xl) var(--space-3xl);position:relative}.match-header-card:before{background:linear-gradient(90deg,#4cceac,#3bb89c);background:linear-gradient(90deg,var(--accent-green) 0,var(--hover-green) 100%);border-radius:32px 32px 0 0;border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.match-meta{gap:16px;gap:var(--space-lg);margin-bottom:32px;margin-bottom:var(--space-3xl)}.sport-type{backdrop-filter:blur(10px);backdrop-filter:var(--blur-light);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--blur-light);background:linear-gradient(135deg,#4cceac,#3bb89c);background:linear-gradient(135deg,var(--accent-green),var(--hover-green));border-radius:50%;border-radius:var(--radius-full);box-shadow:0 4px 16px #114a431a;box-shadow:var(--shadow-glass-light);font-weight:800;letter-spacing:.8px;padding:8px 20px;padding:var(--space-sm) var(--space-xl);text-transform:uppercase}.match-venue,.sport-type{font-size:clamp(12px,3vw,14px);font-size:var(--font-body-sm)}.match-venue{align-items:center;color:#ffffffe6;color:var(--text-secondary);display:flex;font-weight:600;gap:8px;gap:var(--space-sm)}.match-title{color:#fff;font-size:clamp(32px,8vw,48px);font-size:var(--font-display);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin:0;text-align:center;text-shadow:0 2px 8px #114a434d}.score-card,.score-section{position:relative}.score-card{backdrop-filter:blur(20px);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--blur-strong);background:#ffffff1a;background:var(--glass-white);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 12px 48px #114a4333;box-shadow:var(--shadow-glass-strong);overflow:hidden;padding:40px 32px;padding:var(--space-4xl) var(--space-3xl)}.section-title{font-size:clamp(18px,4.5vw,24px);font-size:var(--font-heading-md);font-weight:800;letter-spacing:-.02em;margin:0 0 40px;margin:0 0 var(--space-4xl) 0;text-align:center}.teams-score-display{align-items:center;display:flex;gap:32px;gap:var(--space-3xl);justify-content:center;margin-bottom:40px;margin-bottom:var(--space-4xl)}.team-score-card{align-items:center;backdrop-filter:blur(10px);backdrop-filter:var(--blur-light);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--blur-light);background:#ffffff0d;background:var(--glass-white-subtle);border:2px solid #fff3;border:2px solid var(--border-glass);border-radius:24px;border-radius:var(--radius-2xl);display:flex;flex:1 1;flex-direction:column;gap:16px;gap:var(--space-lg);max-width:160px;padding:32px 24px;padding:var(--space-3xl) var(--space-2xl);position:relative;transform-origin:center;transition:all .5s cubic-bezier(.16,1,.3,1);transition:all var(--duration-slow) var(--ease-out)}.team-score-card.winner{animation:pulse-winner 2s ease-in-out infinite;background:linear-gradient(135deg,#10b98133,#4cceac26);border-color:#4cceac4d;border-color:var(--border-accent);box-shadow:0 0 24px #4cceac4d;box-shadow:var(--shadow-glow);transform:scale(1.05)}@keyframes pulse-winner{0%,to{box-shadow:0 0 24px #4cceac4d;box-shadow:var(--shadow-glow)}50%{box-shadow:0 0 32px #4cceac80}}.team-info{align-items:center;display:flex;flex-direction:column;gap:12px;gap:var(--space-md);width:100%}.team-name{font-size:clamp(12px,3vw,14px);font-size:var(--font-body-sm);font-weight:800;letter-spacing:1px;line-height:1.2;text-align:center;text-transform:uppercase}.team-score{color:var(--text-primary);font-size:clamp(32px,8vw,48px);font-size:var(--font-display);font-weight:900;line-height:1;text-shadow:0 2px 8px #114a434d}.winner-crown{animation:crown-celebration 3s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(255,215,0,.5));font-size:24px;position:absolute;right:-12px;top:-12px}@keyframes crown-celebration{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(15deg) scale(1.1)}50%{transform:rotate(0deg) scale(1.2)}75%{transform:rotate(-15deg) scale(1.1)}}.vs-separator{align-items:center;background:#ffffff1a;background:var(--glass-white);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:50%;border-radius:var(--radius-full);box-shadow:0 8px 32px #114a4326;box-shadow:var(--shadow-glass-medium);color:#fff;color:var(--text-primary);display:flex;flex-shrink:0;font-size:clamp(16px,4vw,20px);font-size:var(--font-heading-sm);font-weight:900;height:60px;justify-content:center;letter-spacing:2px;text-transform:uppercase;width:60px}.vs-separator,.winner-announcement{backdrop-filter:blur(15px);backdrop-filter:var(--blur-medium);-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:var(--blur-medium)}.winner-announcement{background:linear-gradient(135deg,#f59e0be6,#4cceaccc);border:1px solid #f59e0b4d;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 12px 48px #114a4333;box-shadow:var(--shadow-glass-strong);padding:24px 32px;padding:var(--space-2xl) var(--space-3xl);text-align:center}.draw-text,.winner-text{color:#fff;color:var(--text-primary);font-size:clamp(16px,4vw,20px);font-size:var(--font-heading-sm);font-weight:900;line-height:1.3;margin:0;text-shadow:0 1px 4px #0000004d}.outcome-card,.outcome-section{position:relative}.outcome-card{backdrop-filter:blur(20px);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--blur-strong);background:#ffffff1a;background:var(--glass-white);border:2px solid #fff3;border:2px solid var(--border-glass);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 12px 48px #114a4333;box-shadow:var(--shadow-glass-strong);overflow:hidden;padding:40px 32px;padding:var(--space-4xl) var(--space-3xl);transition:all .5s cubic-bezier(.16,1,.3,1);transition:all var(--duration-slow) var(--ease-out)}.outcome-card:before{border-radius:24px 24px 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.outcome-card.win{background:linear-gradient(135deg,#10b98126,#4cceac1a);border-color:#10b981;border-color:var(--success-green);box-shadow:0 0 40px #10b98133}.outcome-card.win:before{background:linear-gradient(90deg,#10b981,#4cceac);background:linear-gradient(90deg,var(--success-green) 0,var(--accent-green) 100%)}.outcome-card.loss{background:linear-gradient(135deg,#dc262626,#b91c1c1a);border-color:#dc2626;border-color:var(--error-red);box-shadow:0 0 40px #dc262633}.outcome-card.loss:before{background:linear-gradient(90deg,#dc2626,#b91c1c);background:linear-gradient(90deg,var(--error-red) 0,#b91c1c 100%)}.outcome-card.refund{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-color:#3b82f6;border-color:var(--info-blue);box-shadow:0 0 40px #3b82f633}.outcome-card.refund:before{background:linear-gradient(90deg,#3b82f6,#2563eb);background:linear-gradient(90deg,var(--info-blue) 0,#2563eb 100%)}.outcome-card.neutral:before{background:linear-gradient(90deg,#4cceac,#3bb89c);background:linear-gradient(90deg,var(--accent-green) 0,var(--hover-green) 100%)}.outcome-header{align-items:center;display:flex;gap:32px;gap:var(--space-3xl);margin-bottom:32px;margin-bottom:var(--space-3xl)}.outcome-icon{animation:outcome-bounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));flex-shrink:0;font-size:56px}@keyframes outcome-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.outcome-content{flex:1 1;min-width:0}.outcome-title{color:#fff;color:var(--text-primary);font-size:clamp(18px,4.5vw,24px);font-size:var(--font-heading-md);font-weight:900;letter-spacing:-.02em;line-height:1.2;margin:0 0 12px;margin:0 0 var(--space-md) 0}.outcome-message{color:#ffffffe6;color:var(--text-secondary);font-size:clamp(14px,3.5vw,16px);font-size:var(--font-body-md);font-weight:600;line-height:1.5;margin:0}.outcome-amounts{border-top:1px solid #fff3;border-top:1px solid var(--border-glass);display:flex;flex-direction:column;gap:16px;gap:var(--space-lg);padding-top:32px;padding-top:var(--space-3xl)}.amount-item{align-items:center;backdrop-filter:blur(10px);backdrop-filter:var(--blur-light);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--blur-light);background:#ffffff0d;background:var(--glass-white-subtle);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:16px;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:16px;padding:var(--space-lg)}.amount-label{color:#ffffffb3;color:var(--text-muted);font-size:clamp(12px,3vw,14px);font-size:var(--font-body-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.amount-value{font-size:clamp(16px,4vw,20px);font-size:var(--font-heading-sm);font-weight:900;letter-spacing:-.02em}.amount-value.profit,.amount-value.win{color:#10b981;color:var(--success-green);text-shadow:0 1px 4px #10b9814d}.amount-value.loss{color:#dc2626;color:var(--error-red);text-shadow:0 1px 4px #dc26264d}.amount-value.refund{color:#3b82f6;color:var(--info-blue);text-shadow:0 1px 4px #3b82f64d}.statistics-section{position:relative}.statistics-card{backdrop-filter:blur(20px);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--blur-strong);background:#ffffff1a;background:var(--glass-white);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 12px 48px #114a4333;box-shadow:var(--shadow-glass-strong);padding:40px 32px;padding:var(--space-4xl) var(--space-3xl)}.stats-grid{grid-gap:32px;grid-gap:var(--space-3xl);display:grid;gap:32px;gap:var(--space-3xl);grid-template-columns:1fr;margin-bottom:40px;margin-bottom:var(--space-4xl);margin-top:32px;margin-top:var(--space-3xl)}.stat-item{backdrop-filter:blur(15px);backdrop-filter:var(--blur-medium);-webkit-backdrop-filter:blur(15px);-webkit-backdrop-filter:var(--blur-medium);background:#ffffff0d;background:var(--glass-white-subtle);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #114a431a;box-shadow:var(--shadow-glass-light);overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-out)}.stat-item:hover{border-color:#4cceac4d;border-color:var(--border-accent);box-shadow:0 16px 64px #114a4340;box-shadow:var(--shadow-floating);transform:translateY(-4px) scale(1.02)}.stat-header{background:linear-gradient(135deg,#114a43,#0a312b);background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);padding:24px 32px;padding:var(--space-2xl) var(--space-3xl);position:relative;text-align:center}.stat-header:after{background:linear-gradient(90deg,#4cceac,#3bb89c);background:linear-gradient(90deg,var(--accent-green) 0,var(--hover-green) 100%);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.stat-amount{color:#fff;color:var(--text-primary);font-size:clamp(16px,4vw,20px);font-size:var(--font-heading-sm);font-weight:900;text-shadow:0 1px 4px #0003}.stat-details{padding:32px;padding:var(--space-3xl)}.stat-row{align-items:center;backdrop-filter:blur(10px);backdrop-filter:var(--blur-light);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--blur-light);background:#ffffff0d;background:var(--glass-white-subtle);border:1px solid #fff3;border:1px solid var(--border-glass);border-radius:12px;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-xl);padding:16px;padding:var(--space-lg)}.stat-row:last-child{margin-bottom:0}.stat-label{color:#ffffffb3;color:var(--text-muted);font-size:clamp(12px,3vw,14px);font-size:var(--font-body-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:clamp(14px,3.5vw,16px);font-size:var(--font-body-md);font-weight:800;letter-spacing:-.01em}.glass-card-subtle{backdrop-filter:blur(10px);backdrop-filter:var(--blur-light);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--blur-light);background:#ffffff0d;background:var(--glass-white-subtle);border:1px solid #fff3;border:1px solid var(--border-glass);box-shadow:0 4px 16px #114a431a;box-shadow:var(--shadow-glass-light)}@media (max-width:480px){.content-container{padding:16px 12px;padding:var(--space-lg) var(--space-md);padding-bottom:24px;padding-bottom:var(--space-2xl)}.results-content{gap:32px;gap:var(--space-3xl)}.match-header-card,.outcome-card,.score-card,.statistics-card{padding:24px 16px;padding:var(--space-2xl) var(--space-lg)}.teams-score-display{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:12px;gap:var(--space-md);justify-content:center}.team-score-card{flex:0 0 120px;max-width:120px;padding:16px;padding:var(--space-lg);width:120px}.vs-separator{align-items:center;display:flex;flex:0 0 40px;font-size:clamp(12px,3vw,14px);font-size:var(--font-body-sm);height:40px;justify-content:center;width:40px}.team-name{font-size:clamp(10px,2.5vw,12px);font-size:var(--font-caption);letter-spacing:.5px;line-height:1.1}.team-score{font-size:clamp(20px,5vw,28px);font-size:var(--font-heading-lg)}.team-info{gap:8px;gap:var(--space-sm)}.outcome-header{flex-direction:column;gap:24px;gap:var(--space-2xl);text-align:center}.outcome-icon{font-size:48px}}@media (min-width:768px){.screen-header{margin-top:86px;margin-top:calc(var(--navbar-height) + var(--space-lg));padding:24px 40px;padding:var(--space-2xl) var(--space-4xl)}.content-container{padding:40px 48px;padding:var(--space-4xl) var(--space-5xl);padding-bottom:64px;padding-bottom:var(--space-6xl)}.results-content{margin:0 auto;max-width:700px}.results-content,.teams-score-display{gap:48px;gap:var(--space-5xl)}.team-score-card{max-width:200px;padding:40px 32px;padding:var(--space-4xl) var(--space-3xl)}.stats-grid{gap:32px;gap:var(--space-3xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.outcome-header{gap:40px;gap:var(--space-4xl)}.outcome-icon{font-size:72px}}@media (min-width:1024px){.content-container{padding:48px 64px;padding:var(--space-5xl) var(--space-6xl)}.results-content{gap:64px;gap:var(--space-6xl);max-width:900px}.match-header-card,.outcome-card,.score-card,.statistics-card{padding:48px 40px;padding:var(--space-5xl) var(--space-4xl)}.teams-score-display{gap:64px;gap:var(--space-6xl)}.team-score-card{max-width:240px;padding:48px 40px;padding:var(--space-5xl) var(--space-4xl)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.vs-separator{font-size:clamp(18px,4.5vw,24px);font-size:var(--font-heading-md);height:80px;width:80px}}@media (min-width:1200px){.results-content{max-width:1100px}.stats-grid{grid-template-columns:repeat(3,1fr)}.match-title{font-size:clamp(48px,8vw,64px)}}@media (prefers-contrast:high){.glass-card,.glass-card-strong{background:#fff3;border-width:2px}.outcome-card,.stat-item,.team-score-card{border-width:3px}}@media (prefers-reduced-motion:reduce){.crown-celebration,.outcome-bounce,.outcome-icon,.pulse-winner,.title-icon,.winner-crown{animation:none}.view-history-button:before{display:none}*{transition-duration:.1s!important}}@media print{.winner-results-screen{background:#fff;color:#000;position:static}.action-section,.back-button,.screen-overlay{display:none}.glass-card,.glass-card-strong{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:2px solid #333}}:root{--primary-green:#114a43;--primary-white:#fff;--primary-green-light:#1a645c;--primary-green-dark:#0a312b;--text-primary:#fff;--text-secondary:#fff;--text-accent:#fff;--bg-primary:#114a43;--bg-secondary:#0a312b;--card-bg:#114a43;--btn-primary:#fff;--btn-hover:#f0f0f0;--btn-text:#114a43;--border-light:#2a8a80;--border-green:#fff;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 8px #0000001a;--shadow-lg:0 8px 16px #0000001a;--shadow-green:0 4px 12px #114a4333;--transition-fast:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease}.sports-betting-container{background:#114a43;background:var(--bg-primary);color:#fff;color:var(--text-primary);min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.sports-betting-container:before{animation:bgAnimation 20s ease infinite;background:radial-gradient(circle at 20% 50%,#ffffff0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff08 0,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0a 0,#0000 50%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.betting-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #2a8a80;border:2px solid var(--border-light);border-radius:20px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px;position:relative;z-index:1}.header-content{flex:1 1}.betting-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;gap:15px;margin:0}.title-icon{font-size:clamp(1.5rem,3vw,2rem)}.subtitle{color:#fff;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.1rem);font-weight:300;margin:5px 0 0;opacity:.9}.wallet-display{align-items:center;display:flex}.wallet-card{background:#ffffff26;border:2px solid #2a8a80;border:2px solid var(--border-light);border-radius:15px;min-width:150px;padding:15px 25px;text-align:center;transition:.3s ease;transition:var(--transition-medium)}.wallet-card:hover{background:#fff3;box-shadow:0 4px 12px #114a4333;box-shadow:var(--shadow-green);transform:translateY(-2px)}.wallet-label{color:#fff;color:var(--text-secondary);display:block;font-size:.9rem;margin-bottom:5px;opacity:.8}.wallet-amount{color:#fff;color:var(--primary-white);display:block;font-size:1.5rem;font-weight:700}.filter-tabs{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px;overflow-x:auto;padding:0 20px;position:relative;z-index:1}.filter-tab{border:2px solid #2a8a80;border:2px solid var(--border-light);color:var(--text-primary);transition:.3s ease;transition:var(--transition-medium)}.filter-tab.active,.filter-tab:hover{box-shadow:0 4px 12px #114a4333;box-shadow:var(--shadow-green)}.filter-tab.active{background:#fff;background:var(--btn-primary);border-color:#fff;border-color:var(--btn-primary);color:#114a43;color:var(--btn-text)}.matches-container{position:relative;z-index:1}.matches-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.match-card{border:2px solid #2a8a80;border:2px solid var(--border-light);transition:.3s ease;transition:var(--transition-medium)}.match-card:hover{background:#ffffff26;box-shadow:0 8px 16px #0000001a;box-shadow:var(--shadow-lg)}.match-card.live,.match-card:hover{border-color:#fff;border-color:var(--btn-primary)}.match-card.live{box-shadow:0 0 20px #ffffff4d}.match-card.live:before{background:linear-gradient(90deg,#fff,#fff);background:linear-gradient(90deg,var(--btn-primary),var(--primary-white))}.live-badge{background:#fff;background:var(--btn-primary);color:#114a43;color:var(--btn-text)}.live-dot{background:#114a43;background:var(--btn-text)}.completed-badge{align-items:center;background:#22c55e;border-radius:15px;color:#fff;display:flex;font-size:.8rem;font-weight:700;gap:5px;padding:5px 12px;position:absolute;right:15px;top:15px}.completed-icon{font-size:12px}.user-bet-result{animation:slideInRight .5s ease;border-radius:12px;box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow-md);font-size:.85rem;font-weight:600;max-width:160px;padding:8px 12px;position:absolute;right:15px;top:60px;z-index:2}.user-bet-result.won{background:linear-gradient(135deg,#22c55e,#16a34a);border:2px solid #15803d;color:#fff}.user-bet-result.lost{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #b91c1c;color:#fff}.result-status{font-size:.9rem;font-weight:700;margin-bottom:4px;text-align:center}.result-details{font-size:.75rem;line-height:1.3}.bet-info{margin-bottom:2px}.bet-team{flex:1 1;margin-right:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bet-amount{padding:2px 6px}.bet-amount,.win-amount{background:#fff3;border-radius:8px;font-weight:700}.win-amount{font-size:.8rem;margin-top:4px;padding:3px 8px;text-align:center}.user-bet-result-section{align-items:center;display:flex;justify-content:center;margin:10px 0;padding:15px}.user-bet-result-centered{animation:bounceIn .6s ease;border-radius:16px;box-shadow:0 8px 16px #0000001a;box-shadow:var(--shadow-lg);font-weight:600;min-width:250px;padding:20px;text-align:center}.user-bet-result-centered.won{background:linear-gradient(135deg,#22c55e,#16a34a);border:3px solid #15803d;color:#fff}.user-bet-result-centered.lost{background:linear-gradient(135deg,#ef4444,#dc2626);border:3px solid #b91c1c;color:#fff}.result-status-large{font-size:1.4rem;font-weight:700;margin-bottom:12px}.result-details-centered{font-size:1rem;line-height:1.4}.bet-info-centered{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:8px}.bet-team-large{flex:1 1;font-size:1rem;font-weight:600}.bet-amount-large{font-size:1.1rem;padding:6px 12px}.bet-amount-large,.win-amount-large{background:#ffffff40;border-radius:12px;font-weight:700}.win-amount-large{font-size:1.2rem;margin-top:8px;padding:8px 16px;text-align:center}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.winner-crown{animation:bounce 2s infinite;font-size:18px;margin-left:8px}.match-card.completed{background:linear-gradient(135deg,#114a43,#1a645c);background:linear-gradient(135deg,var(--card-bg),#1a645c);border:2px solid #22c55e}.select-team-btn.completed{background:#22c55e;color:#fff;cursor:pointer}.select-team-btn.completed:hover{background:#16a34a;transform:translateY(-2px)}.match-meta{gap:10px}.sport-type{border:1px solid #2a8a80;border:1px solid var(--border-light);color:#fff;color:var(--text-primary)}.match-time,.venue{color:#fff}.team{border:2px solid #2a8a80;border:2px solid var(--border-light);transition:.3s ease;transition:var(--transition-medium)}.team:hover{box-shadow:0 4px 12px #114a4333;box-shadow:var(--shadow-green)}.team.disabled:hover{box-shadow:none}.team-logo{background-color:#0a312b;background-color:var(--bg-secondary);border:2px solid #2a8a80;border:2px solid var(--border-light)}.team-initial{color:var(--text-primary)}.team-logo-loader{border-top:3px solid var(--btn-primary)}.team-name{color:#fff}.select-team-btn{background:#fff;background:var(--btn-primary);color:#114a43;color:var(--btn-text);transition:.3s ease;transition:var(--transition-medium)}.select-team-btn:hover{background:#f0f0f0;background:var(--btn-hover);box-shadow:0 4px 12px #114a4333;box-shadow:var(--shadow-green);transform:translateY(-2px)}.team.disabled .select-team-btn{background:#0a312b;background:var(--bg-secondary);color:#fff;color:var(--text-secondary);opacity:.5}.vs-divider{border:2px solid #2a8a80;color:#fff;flex-shrink:0}.match-stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat-item{border:1px solid #2a8a80;border:1px solid var(--border-light)}.stat-label{color:#fff;color:var(--text-secondary)}.stat-value{color:#fff;color:var(--primary-white)}.slots-title{color:#fff;color:var(--text-secondary)}.slot-badge{color:#fff;color:var(--primary-white)}.slot-badge,.user-bet-status{background:#fff3;border:1px solid #2a8a80;border:1px solid var(--border-light)}.bet-indicator{color:#fff;color:var(--primary-white)}.active-bets-section{position:relative;z-index:1}.section-title{color:var(--text-primary);font-size:clamp(1.5rem,3vw,1.8rem)}.bet-card{border:2px solid #2a8a80;border:2px solid var(--border-light);transition:.3s ease;transition:var(--transition-medium)}.bet-card:hover{border-color:#fff;border-color:var(--btn-primary);box-shadow:0 8px 16px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.bet-header{align-items:flex-start;flex-wrap:wrap;gap:15px;min-height:30px;padding-right:80px;position:relative}.bet-sport{border:1px solid #2a8a80;border:1px solid var(--border-light);color:#fff;color:var(--text-primary)}.bet-date{color:#fff;color:var(--text-secondary);display:inline-block;margin-right:10px;max-width:calc(100% - 90px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bet-match h4{color:#fff;color:var(--text-primary);margin:5px 0;padding-right:20px}.selected-team{color:var(--text-secondary)}.bet-details{gap:20px}.bet-amount,.potential-win{flex:1 1}.bet-details .label{color:#fff;color:var(--text-secondary)}.bet-details .value,.bet-status.active{color:#fff;color:var(--primary-white)}.bet-status.active{background:#fff3;border:1px solid #2a8a80;border:1px solid var(--border-light)}.bet-status.won{background:#ffffff4d;border:1px solid #fff;border:1px solid var(--btn-primary);color:#fff;color:var(--primary-white)}.bet-status.lost{background:#ffffff1a;border:1px solid #2a8a80;border:1px solid var(--border-light);color:#fff;color:var(--text-secondary);opacity:.7}.error-state,.loading-state{position:relative;z-index:1}.loader{border-top:5px solid var(--btn-primary)}.error-icon{color:#fff}.error-icon,.retry-btn{color:var(--text-primary)}.retry-btn{border:2px solid #2a8a80;border:2px solid var(--border-light);transition:.3s ease;transition:var(--transition-medium)}.retry-btn:hover{box-shadow:0 4px 12px #114a4333;box-shadow:var(--shadow-green)}.no-matches{position:relative;z-index:1}.no-matches-icon{color:#fff;color:var(--text-primary)}@media (max-width:1200px){.matches-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.sports-betting-container{padding:15px 15px 80px}.betting-header{flex-direction:column;gap:20px;padding:15px;text-align:center}.betting-title{font-size:clamp(1.8rem,5vw,2.2rem)}.matches-grid{gap:20px;grid-template-columns:1fr;padding:0 10px}.teams-container{align-items:stretch;flex-direction:column;gap:15px}.team{justify-content:center;order:1;text-align:center}.team:last-child{order:3}.vs-divider{align-self:center;height:50px;order:2!important;width:50px}.match-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.filter-tabs{flex-wrap:wrap;gap:8px;overflow-x:auto;padding:0 10px 10px}}.filter-tab{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:6px;min-width:-webkit-fit-content;min-width:fit-content;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.filter-tab:hover{background:#fff3;transform:translateY(-2px)}.filter-tab.active{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 5px 15px #0003}.matches-container{margin-bottom:40px}.matches-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));padding:0 20px}.match-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.match-card:hover{border-color:#fff6;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.match-card.live{border-color:#ff4757;box-shadow:0 0 20px #ff47574d}.match-card.live:before{background:linear-gradient(90deg,#ff4757,#ff3742);content:"";height:3px;left:0;position:absolute;right:0;top:0}.live-badge{align-items:center;background:#ff4757;border-radius:15px;color:#fff;display:flex;font-size:.8rem;font-weight:700;gap:5px;padding:5px 12px;position:absolute;right:15px;top:15px}.live-dot{animation:blink 1s infinite;background:#fff;border-radius:50%;height:8px;width:8px}.match-info{margin-bottom:20px}.match-meta{justify-content:space-between;margin-bottom:8px}.sport-type{background:#fff3;border-radius:12px;font-size:.8rem;font-weight:700;padding:4px 12px}.match-time{font-size:.9rem;opacity:.9}.venue{font-size:.9rem;opacity:.8}.teams-container{gap:20px;margin-bottom:25px}.team,.teams-container{align-items:center;display:flex}.team{background:#ffffff1a;border:2px solid #0000;border-radius:15px;cursor:pointer;flex:1 1;gap:15px;padding:15px;transition:all .3s ease}.team:hover{background:#fff3;transform:scale(1.02)}.team.disabled{cursor:not-allowed;opacity:.5}.team.disabled:hover{background:#ffffff1a;transform:none}.team-logo{background-color:#0003;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;overflow:hidden}.team-logo-img{display:block;object-fit:cover;position:relative;z-index:2}.team-logo-fallback{z-index:1}.team-initial{color:#fff;font-size:2.5rem;font-weight:600}.team-logo-loader{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:30px;width:30px}.team-info{flex:1 1;text-align:left}.team-name{font-size:1.2rem;margin:0 0 5px}.select-team-btn{background:#0f8;border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;font-weight:700;margin-left:auto;padding:8px 16px;transition:background .3s}.select-team-btn:hover{background:#00e078}.team.disabled .select-team-btn{background:#555;color:#999;cursor:not-allowed}.team-score{color:#114a43;font-size:1.5rem;font-weight:700;margin:0}.vs-divider{background:#fff3;font-size:1.1rem}.match-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.stat-item{background:#ffffff1a;border-radius:10px;padding:10px;text-align:center}.stat-label{display:block;font-size:.8rem;margin-bottom:5px;opacity:.8}.stat-value{color:#0f8;display:block;font-size:1.1rem;font-weight:700}.available-slots{margin-bottom:15px}.slots-title{font-size:.9rem;margin-bottom:10px;opacity:.9}.slots-list{display:flex;flex-wrap:wrap;gap:8px}.slot-badge{background:#0f83;border:1px solid #00ff884d;border-radius:12px;color:#0f8;font-size:.8rem;font-weight:700;padding:4px 10px}.user-bet-status{background:#0f83;border:1px solid #00ff884d;border-radius:10px;padding:10px;text-align:center}.bet-indicator{color:#0f8;font-weight:700}.active-bets-section{margin-bottom:40px;padding:0 20px}.section-title{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:20px}.bets-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.bet-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:20px;position:relative}.bet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.bet-sport{background:#fff3;border-radius:10px;font-size:.8rem;font-weight:700;padding:4px 10px}.bet-date{font-size:.8rem;opacity:.8}.bet-match h4{font-size:1.1rem;margin:0 0 5px}.selected-team{margin:0;opacity:.9}.bet-details{display:flex;justify-content:space-between;margin:15px 0}.bet-amount,.potential-win{text-align:center}.bet-details .label{display:block;font-size:.8rem;margin-bottom:5px;opacity:.8}.bet-details .value{color:#0f8;display:block;font-size:1.1rem;font-weight:700}.bet-status{border-radius:10px;font-size:.8rem;font-weight:700;padding:4px 10px;position:absolute;right:15px;top:15px}.bet-status.active{background:#ffa50033;border:1px solid #ffa5004d;color:orange}.bet-status.won{background:#0f83;border:1px solid #00ff884d;color:#0f8}.bet-status.lost{background:#ff475733;border:1px solid #ff47574d;color:#ff4757}.loader{border:5px solid #ffffff4d;border-top-color:#fff}.error-icon{font-size:3rem}.retry-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.no-matches{padding:60px 20px;text-align:center}.no-matches-icon{font-size:4rem;margin-bottom:20px}@media (max-width:768px){.sports-betting-container{padding:15px 15px 80px}.betting-header{flex-direction:column;gap:20px;text-align:center}.betting-title{font-size:2rem}.matches-grid{grid-template-columns:1fr;padding:0}.teams-container{align-items:stretch;display:flex!important;flex-direction:column!important;gap:15px}.team{justify-content:center;order:1;text-align:center}.team:last-child{order:3}.vs-divider{align-self:center;height:50px;order:2!important;width:50px}.match-stats{gap:10px;grid-template-columns:1fr}.filter-tabs{flex-wrap:wrap;gap:8px;overflow-x:auto;padding-bottom:10px}.filter-tab{flex-shrink:0;font-size:13px;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 16px}.bet-slip-modal{margin:10px;max-height:95vh}.slot-options{grid-template-columns:repeat(2,1fr)}.bet-slip-actions{flex-direction:column}}@media (max-width:480px){.betting-title{font-size:1.8rem}.match-card{padding:20px}.team-logo{height:60px;width:60px}.team-logo:hover{transform:scale(1.02)}.team-initial{font-size:2rem}.team-name{font-size:1rem}.wallet-card{min-width:120px;padding:12px 20px}.wallet-amount{font-size:1.2rem}}.bet-slip-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:10px;position:fixed;right:0;top:0;z-index:1000}.bet-slip-modal{animation:modalSlideIn .3s ease-out;background:#114a43;border-radius:20px;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3;color:#fff;margin:auto;max-height:95vh;max-width:420px;overflow-y:auto;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.bet-slip-header{align-items:center;background:linear-gradient(135deg,#114a43,#0d3a33);border-bottom:1px solid #ffffff1a;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:18px 22px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.bet-slip-header h3{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:700;gap:8px;margin:0}.bet-slip-header h3:before{content:"🎯";font-size:1.1rem}.close-btn{font-size:1.4rem;font-weight:300;height:32px;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.close-btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.bet-slip-content{padding:20px}.selected-match{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:16px}.selected-match h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 8px}.match-details{color:#fffc;font-size:.85rem;margin:6px 0}.selected-team{color:#fff;font-size:.9rem;font-weight:600;margin:6px 0}.slot-selection{margin-bottom:20px}.slot-selection h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 12px}.slot-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.slot-option{background:#ffffff1a;border:1.5px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:70px;padding:12px 8px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.slot-option:hover:not(:disabled){background:#ffffff26;border-color:#fff6;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.slot-option.selected{background:#fff3;border-color:#ffffff80;box-shadow:0 0 0 2px #ffffff4d;color:#fff}.slot-option:disabled{cursor:not-allowed;opacity:.4}.slot-option:disabled:hover{box-shadow:none;transform:none}.slot-amount{font-size:1rem;font-weight:700}.potential-win{font-size:.75rem;opacity:.9}.group-info{font-size:.7rem;opacity:.8}.group-explanation{background:#ffffff0d;border-radius:8px;color:#fffc;font-size:.8rem;padding:10px}.group-explanation p{margin:4px 0}.bet-summary{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:16px;padding:16px}.summary-row{border-bottom:1px solid #ffffff1a;font-size:.85rem;padding:6px 0}.summary-row:last-child{color:#fff;font-size:.9rem;font-weight:700}.bet-info{border-radius:8px;margin-bottom:16px;padding:12px}.info-text{color:#fffc;font-size:.8rem;margin:6px 0}.bet-slip-actions{border-top:1px solid #ffffff1a;display:flex;gap:10px;padding:20px}.cancel-btn,.place-bet-btn{align-items:center;border:1.5px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;justify-content:center;min-height:44px;padding:12px 16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-btn{background:#ffffff1a;border:1.5px solid #ffffff4d}.cancel-btn:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-1px)}.place-bet-btn{background:#ffffffe6;border:1.5px solid #ffffffe6;color:#114a43;font-weight:700}.place-bet-btn:hover:not(:disabled){background:#fff;border-color:#fff;box-shadow:0 4px 12px #ffffff4d;transform:translateY(-1px)}.place-bet-btn:disabled{cursor:not-allowed;opacity:.5}.place-bet-btn:disabled:hover{box-shadow:none;transform:none}@media (max-width:480px){.bet-slip-overlay{padding:5px}.bet-slip-modal{border-radius:15px;max-height:98vh;max-width:100%}.bet-slip-header{border-radius:15px 15px 0 0;padding:15px 18px}.bet-slip-header h3{font-size:1.1rem}.close-btn{font-size:1.2rem;height:28px;width:28px}.bet-slip-content{padding:15px}.slot-options{gap:6px;grid-template-columns:1fr}.slot-option{min-height:60px;padding:10px}.bet-slip-actions{flex-direction:column;gap:8px;padding:15px}.cancel-btn,.place-bet-btn{font-size:1rem;padding:14px;width:100%}}@media (max-width:360px){.bet-slip-header h3,.selected-match h4{font-size:1rem}.slot-amount{font-size:.9rem}}@media (min-width:481px) and (max-width:768px){.bet-slip-modal{max-width:380px}.slot-options{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px) and (max-width:1024px){.bet-slip-modal{max-width:400px}}@media (max-width:320px){.bet-slip-header{padding:12px 15px}.bet-slip-actions,.bet-slip-content{padding:12px}.slot-option{min-height:55px;padding:8px}.slot-amount{font-size:.85rem}.potential-win{font-size:.7rem}}.team-selection-container{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.team-selection-container:before{animation:bgAnimation 20s ease infinite;background:radial-gradient(circle at 20% 50%,#ffffff0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff08 0,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0a 0,#0000 50%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}@keyframes bgAnimation{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.selection-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:2px solid var(--border-light);border-radius:20px;box-shadow:var(--shadow-lg);margin:0 auto;max-width:800px;position:relative;z-index:1}.selection-header{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border-bottom:2px solid var(--border-light);border-radius:18px 18px 0 0;display:flex;justify-content:space-between;padding:20px}.back-btn{background:var(--btn-primary);border:none;border-radius:25px;color:var(--btn-text);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:var(--transition-fast)}.back-btn:hover{background:var(--btn-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.selection-title{align-items:center;color:var(--text-primary);display:flex;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;gap:15px;margin:0}.title-icon{animation:pulse 2s infinite;font-size:clamp(1.2rem,2.5vw,1.5rem)}.match-info-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:15px;margin:20px;padding:20px;text-align:center}.match-meta{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:10px}.sport-type{background:var(--btn-primary);border-radius:15px;color:var(--btn-text);font-size:12px;font-weight:600;padding:5px 12px}.match-time{color:var(--text-secondary);font-size:14px;font-weight:500}.match-title{color:var(--text-primary);font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;margin:10px 0}.venue{color:var(--text-secondary);font-size:14px;margin-top:5px}.balance-display{display:flex;justify-content:center;margin:20px}.balance-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:15px;min-width:200px;padding:15px 25px;text-align:center}.balance-label{display:block;letter-spacing:.5px}.balance-value{color:var(--text-primary);font-size:20px;font-weight:700}.team-selection-screen{padding:20px}.team-selection-screen h2{color:var(--text-primary);font-size:clamp(1.3rem,2.5vw,1.8rem);margin-bottom:30px;text-align:center}.teams-grid{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:600px}.team-card{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:15px;cursor:pointer;overflow:hidden;padding:20px;position:relative;text-align:center;transition:var(--transition-medium)}.team-card:hover{transform:translateY(-5px)}.team-card.selected,.team-card:hover{border-color:var(--border-green);box-shadow:var(--shadow-green)}.team-card.selected{background:var(--bg-primary)}.team-logo{height:80px;margin:0 auto 15px;position:relative;width:80px}.team-logo-img{object-fit:contain}.team-logo-fallback,.team-logo-img{border-radius:50%;height:100%;width:100%}.team-logo-fallback{align-items:center;background:var(--btn-primary);color:var(--btn-text);display:flex;font-size:36px;font-weight:700;justify-content:center;left:0;position:absolute;top:0}.team-name{color:var(--text-primary);font-size:18px;font-weight:700;margin:10px 0}.team-score{background-color:#114a43;color:#fff;font-size:16px;font-weight:600}.select-indicator{color:var(--text-secondary);font-size:14px;font-weight:500;margin-top:10px}.vs-divider{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:50%;color:var(--text-primary);display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;width:60px}.amount-selection-screen{padding:20px}.amount-selection-screen h2{color:var(--text-primary);font-size:clamp(1.3rem,2.5vw,1.8rem);margin-bottom:10px;text-align:center}.selected-team-info{color:var(--text-secondary);font-size:16px;margin-bottom:30px;text-align:center}.selected-team-info strong{color:var(--text-primary)}.amount-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.amount-card{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:15px;cursor:pointer;padding:20px;position:relative;text-align:center;transition:var(--transition-medium)}.amount-card:hover{transform:translateY(-5px)}.amount-card.selected,.amount-card:hover{border-color:var(--border-green);box-shadow:var(--shadow-green)}.amount-card.selected{background:var(--bg-primary)}.amount-value{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:8px}.potential-win{font-size:14px}.group-info,.potential-win{color:var(--text-secondary);margin-bottom:5px}.group-info{font-size:12px}.insufficient-funds{background:#ff6b6b33;border-radius:10px;color:#ff6b6b;font-size:12px;font-weight:600;margin-top:10px;padding:5px 10px}.group-explanation{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;color:var(--text-secondary);font-size:14px;padding:15px}.group-explanation p{margin:5px 0}.confirmation-screen{padding:20px}.confirmation-screen h2{color:var(--text-primary);font-size:clamp(1.3rem,2.5vw,1.8rem);margin-bottom:30px;text-align:center}.bet-summary-card{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:15px;margin-bottom:30px;padding:20px}.summary-header h3{color:var(--text-primary);font-size:18px;margin:0 0 20px;text-align:center}.summary-details{margin-bottom:20px}.summary-row{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:8px 0}.summary-row:last-child{border-bottom:none}.summary-row span:first-child{color:var(--text-secondary);font-size:14px}.summary-row span:last-child{color:var(--text-primary);font-size:14px;font-weight:600}.bet-info{background:#ffffff0d;border-radius:10px;color:var(--text-secondary);padding:15px}.bet-info p{margin:5px 0}.confirmation-actions{display:flex;gap:15px;justify-content:center}.cancel-btn,.confirm-btn{border-radius:25px;flex:1 1;font-size:16px;max-width:200px;padding:15px 25px;transition:var(--transition-fast)}.cancel-btn{background:var(--bg-secondary);border:2px solid var(--border-light);color:var(--text-primary)}.cancel-btn:hover{background:var(--bg-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.confirm-btn{background:var(--btn-primary);color:var(--btn-text)}.confirm-btn:hover:not(:disabled){background:var(--btn-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.confirm-btn:disabled{background:#ffffff4d;color:#114a4399;cursor:not-allowed;transform:none}.error-state,.loading-state{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loader{animation:spin 1s linear infinite;border-top:4px solid var(--border-light);border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--text-primary);height:50px;margin-bottom:20px;width:50px}.error-icon{font-size:48px;margin-bottom:20px}.floating-elements{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.floating-element{color:var(--text-primary);font-size:24px;opacity:.1;position:absolute}@media (max-width:768px){.team-selection-container{padding:10px}.selection-card{border-radius:15px;margin:0}.selection-header{padding:15px}.back-btn{font-size:12px;padding:8px 16px}.teams-grid{gap:15px;grid-template-columns:1fr;text-align:center}.vs-divider{margin:10px auto;order:-1}.amount-grid{gap:10px;grid-template-columns:1fr}.confirmation-actions{flex-direction:column;gap:10px}.cancel-btn,.confirm-btn{max-width:none}}@media (max-width:480px){.selection-header{flex-direction:column;gap:15px;text-align:center}.back-btn{align-self:flex-start}.match-meta{flex-direction:column;gap:10px}.balance-item{min-width:auto;width:100%}.team-logo{height:60px;width:60px}.team-logo-fallback{font-size:24px}}:root{--color-primary:#4cceac;--color-primary-dark:#3bb89c;--color-primary-darker:#2aa085;--color-bg-primary:#114a43;--color-bg-secondary:#1a645c;--color-error:#ff6b6b;--color-success:#4cceac;--color-warning:#ffa726;--color-white:#fff;--color-white-translucent:#ffffff1a;--color-white-semi:#fffc;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}.wallet-topup-container{align-items:flex-end;animation:fadeInOverlay .25s ease-in-out;animation:fadeInOverlay var(--transition-normal);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;overscroll-behavior:none;padding:0;position:fixed;right:0;top:0;z-index:10000}@media (min-width:25rem){.wallet-topup-container{align-items:center;justify-content:center;overflow:auto;padding:1rem;padding:var(--space-md)}}@keyframes fadeInOverlay{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}.wallet-topup-modal{-webkit-overflow-scrolling:touch;animation:modalSlideUp cubic-bezier(.25,.46,.45,.94) .35s ease-in-out;animation:modalSlideUp var(--transition-slow) cubic-bezier(.25,.46,.45,.94);background:linear-gradient(135deg,#114a43,#1a645c);background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%);border:1px solid #ffffff1a;border:1px solid var(--color-white-translucent);border-radius:1.25rem 1.25rem 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-height:90vh;max-width:100vw;overflow-y:auto;overscroll-behavior:contain;position:relative;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (min-width:25rem){.wallet-topup-modal{animation:modalZoomIn cubic-bezier(.25,.46,.45,.94) .35s ease-in-out;animation:modalZoomIn var(--transition-slow) cubic-bezier(.25,.46,.45,.94);border-radius:1.25rem;border-radius:var(--radius-2xl);max-height:95vh;max-width:95vw;width:auto}}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.topup-header{background:linear-gradient(135deg,#114a43,#1a645c);background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--color-white-translucent);border-radius:1.25rem 1.25rem 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;justify-content:space-between;padding:1.5rem;padding:var(--space-lg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.topup-header,.topup-header h2{align-items:center;display:flex}.topup-header h2{color:#fff;color:var(--color-white);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;gap:.5rem;gap:var(--space-sm);line-height:1.2;margin:0}.topup-header h2:before{content:"💰";filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem;font-size:var(--text-2xl)}.close-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;background:var(--color-white-translucent);border:1px solid #fff3;border-radius:50%;color:#fff;color:var(--color-white);cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--text-lg);height:44px;justify-content:center;transition:all .25s ease-in-out;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;width:44px}.close-btn:focus:not(:disabled),.close-btn:hover:not(:disabled){background:#fff3;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);outline:2px solid #4cceac;outline:2px solid var(--color-primary);outline-offset:2px;transform:scale(1.05)}.close-btn:active:not(:disabled){transform:scale(.95)}.close-btn:disabled{cursor:not-allowed;opacity:.5}.current-balance{align-items:center;background:linear-gradient(135deg,#1a645c,#4cceac);background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-primary) 100%);border:1px solid #ffffff1a;border:1px solid var(--color-white-translucent);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--color-white);display:flex;justify-content:space-between;margin:1.5rem;margin:var(--space-lg);padding:1.5rem;padding:var(--space-lg)}.balance-label{font-size:.75rem;font-size:var(--text-xs);letter-spacing:.05em;opacity:.9}.balance-amount{font-size:1.5rem;font-size:var(--text-2xl);margin-top:.25rem;margin-top:var(--space-xs);text-shadow:0 2px 4px #0000004d;word-break:break-all}.topup-form{padding:0 1.5rem 1.5rem;padding:0 var(--space-lg) var(--space-lg)}.section-label{align-items:center;color:#fff;color:var(--color-white);display:block;display:flex;font-size:1rem;font-size:var(--text-base);font-weight:600;gap:.5rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-md)}.section-label:before{content:"🏷️";font-size:1.125rem;font-size:var(--text-lg)}.amount-section{margin-bottom:2rem;margin-bottom:var(--space-xl)}.amount-grid{grid-gap:.5rem;grid-gap:var(--space-sm);display:grid;gap:.5rem;gap:var(--space-sm);grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.amount-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;background:var(--color-white-translucent);border:2px solid #fff3;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--color-white);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;justify-content:center;min-height:48px;overflow:hidden;padding:1.5rem 1rem;padding:var(--space-lg) var(--space-md);position:relative;text-align:center;transition:all .25s ease-in-out;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.amount-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.amount-btn:focus:not(:disabled):before,.amount-btn:hover:not(:disabled):before{left:100%}.amount-btn:focus:not(:disabled),.amount-btn:hover:not(:disabled){background:#4cceac33;border-color:#4cceac;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);outline:2px solid #4cceac;outline:2px solid var(--color-primary);outline-offset:2px;transform:translateY(-2px)}.amount-btn:active:not(:disabled){transform:translateY(0)}.amount-btn.selected{background:linear-gradient(135deg,#4cceac,#1a645c);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-bg-secondary) 100%);border-color:#4cceac;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--color-white)}.amount-btn:disabled{cursor:not-allowed;opacity:.5}.custom-amount{margin-top:1.5rem;margin-top:var(--space-lg)}.input-label{color:#fffc;color:var(--color-white-semi);display:block;font-size:.875rem;font-size:var(--text-sm);font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.amount-input-container{align-items:center;display:flex;position:relative}.currency-symbol{color:var(--color-primary);font-size:1.125rem;font-size:var(--text-lg);left:1.5rem;left:var(--space-lg);position:absolute;z-index:1}.amount-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;background:var(--color-white-translucent);border:2px solid #fff3;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--color-white);font-size:1rem;font-size:var(--text-base);min-height:48px;padding:1.5rem 1.5rem 1.5rem 2.5rem;padding:var(--space-lg) var(--space-lg) var(--space-lg) calc(var(--space-xl) + var(--space-sm));transition:all .25s ease-in-out;transition:all var(--transition-normal);width:100%}.amount-input::placeholder{color:#ffffff80}.amount-input:focus{background:#ffffff26;border-color:#4cceac;border-color:var(--color-primary);box-shadow:0 0 0 3px #4cceac33;outline:none}.amount-input:disabled{background:#ffffff0d;opacity:.7}.payment-section{margin-bottom:2rem;margin-bottom:var(--space-xl)}.card-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;background:var(--color-white-translucent);border:2px solid #fff3;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;min-height:52px;padding:1.5rem;padding:var(--space-lg);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.card-container .StripeElement{background:#0000!important;width:100%}.card-container .StripeElement--focus{border:none!important;box-shadow:none!important;outline:none!important}.card-container .StripeElement iframe{background:#0000!important}.card-container.loading{opacity:.7;pointer-events:none}.card-container:focus-within{background:#ffffff26;border-color:#4cceac;border-color:var(--color-primary);box-shadow:0 0 0 3px #4cceac33}.card-error{align-items:center;color:#ff6b6b;color:var(--color-error);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.5rem;gap:var(--space-sm);margin-top:.5rem;margin-top:var(--space-sm)}.card-error:before{content:"⚠️";font-size:1rem;font-size:var(--text-base)}.security-notice{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#4cceac1a;border:1px solid #4cceac4d;border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:2rem;margin-bottom:var(--space-xl);padding:1.5rem;padding:var(--space-lg);text-align:center}.security-icons{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-lg);justify-content:center;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.security-icons span{color:#4cceac;color:var(--color-primary);font-size:1rem;font-size:var(--text-base);font-weight:600}.security-notice p{color:#fffc;color:var(--color-white-semi);font-size:.875rem;font-size:var(--text-sm);font-weight:500;margin:0}.error-message,.success-message{word-wrap:break-word;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:1rem;gap:var(--space-md);margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:1.5rem;padding:var(--space-lg)}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b4d;color:#ff6b6b;color:var(--color-error)}.success-message{background:#4cceac1a;border:1px solid #4cceac4d;color:#4cceac;color:var(--color-success)}.error-icon,.success-icon{flex-shrink:0;font-size:1.125rem;font-size:var(--text-lg)}.submit-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#4cceac,#1a645c);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-bg-secondary) 100%);border:none;border-radius:1rem;border-radius:var(--radius-xl);color:#fff;color:var(--color-white);cursor:pointer;display:flex;font-size:1rem;font-size:var(--text-base);font-weight:700;gap:1rem;gap:var(--space-md);justify-content:center;letter-spacing:.025em;margin-bottom:1.5rem;margin-bottom:var(--space-lg);min-height:52px;overflow:hidden;padding:1.5rem 2rem;padding:var(--space-lg) var(--space-xl);position:relative;text-transform:uppercase;transition:all .25s ease-in-out;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;width:100%}.submit-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-btn:focus:not(:disabled):before,.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:focus:not(:disabled),.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#3bb89c,#1a645c);background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-bg-secondary) 100%);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);outline:2px solid #4cceac;outline:2px solid var(--color-primary);outline-offset:2px;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{background:#fff3;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.submit-btn.processing{background:#fff3;cursor:wait}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-top:2px solid var(--color-white);flex-shrink:0}.processing-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4cceac26,#1a645c26);border:1px solid #4cceac66;border-radius:1.25rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:3rem 1.5rem;padding:var(--space-2xl) var(--space-lg);text-align:center}.processing-header{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;margin-bottom:var(--space-xl)}.processing-header h3{color:#fff;color:var(--color-white);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;margin:1.5rem 0 0;margin:var(--space-lg) 0 0 0;text-shadow:0 2px 4px #0000004d}.processing-loader{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px}.loader-ring{animation:spin 1.5s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#4cceac;border-top:3px solid var(--color-primary);height:50px;position:absolute;width:50px}.loader-ring:first-child{animation-duration:1.5s;border-top-color:#4cceac;border-top-color:var(--color-primary);height:60px;width:60px}.loader-ring:nth-child(2){animation-direction:reverse;animation-duration:2s;border-top-color:#3bb89c;border-top-color:var(--color-primary-dark);height:50px;width:50px}.loader-ring:nth-child(3){animation-duration:1s;border-top-color:#2aa085;border-top-color:var(--color-primary-darker);height:40px;width:40px}.processing-steps{flex-direction:column;margin-bottom:2rem;margin-bottom:var(--space-xl);text-align:left}.processing-steps,.processing-steps .step{display:flex;gap:1.5rem;gap:var(--space-lg)}.processing-steps .step{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff9;font-size:1rem;font-size:var(--text-base);font-weight:500;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:all .4s ease}.processing-steps .step.active{background:#4cceac26;border-color:#4cceac4d;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#4cceac;color:var(--color-primary);font-weight:600}.processing-steps .step.completed{background:#4cceac1a;border-color:#4cceac33;color:#4cceac;color:var(--color-primary);font-weight:600}.step-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;font-size:.875rem;font-size:var(--text-sm);font-weight:700;height:32px;justify-content:center;width:32px}.step.active .step-icon{background:#4cceac33;border:2px solid #4cceac;border:2px solid var(--color-primary)}.step.completed .step-icon{background:#4cceac;background:var(--color-primary);color:#fff;color:var(--color-white)}.mini-spinner{animation:spin 1s linear infinite;border:2px solid #4cceac4d;border-radius:50%;border-top-color:#4cceac;border-top:2px solid var(--color-primary);height:16px;width:16px}.processing-warning{align-items:center;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:.5rem;border-radius:var(--radius-md);color:#ff6b6b;color:var(--color-error);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:.5rem;gap:var(--space-sm);justify-content:center;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);text-align:center}.warning-icon{animation:pulse 2s ease-in-out infinite;font-size:1rem;font-size:var(--text-base)}.terms-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;border-radius:var(--radius-lg);color:#fffc;color:var(--color-white-semi);font-size:.75rem;font-size:var(--text-xs);line-height:1.5;padding:1.5rem;padding:var(--space-lg);text-align:center}.terms-section a{color:#4cceac;color:var(--color-primary);font-weight:600;text-decoration:none}.terms-section a:hover{text-decoration:underline}@media (min-width:30rem){.wallet-topup-container{align-items:center;justify-content:center;padding:1.5rem;padding:var(--space-lg)}.wallet-topup-modal{border-radius:1.25rem;border-radius:var(--radius-2xl);max-height:90vh;max-width:28rem;width:auto}.topup-header{border-radius:1.25rem 1.25rem 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.amount-grid{gap:1rem;gap:var(--space-md);grid-template-columns:repeat(3,1fr)}.balance-amount{font-size:1.875rem;font-size:var(--text-3xl)}}@media (min-width:48rem){.wallet-topup-container{align-items:center;justify-content:center;padding:2rem;padding:var(--space-xl)}.wallet-topup-modal{max-width:32rem;width:auto}.topup-header h2{font-size:1.5rem;font-size:var(--text-2xl)}.amount-grid{gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(4,1fr)}.amount-btn{font-size:1rem;font-size:var(--text-base);padding:1.5rem;padding:var(--space-lg)}.processing-steps .step,.submit-btn{font-size:1.125rem;font-size:var(--text-lg)}.submit-btn{padding:2rem;padding:var(--space-xl)}}@media (min-width:62rem){.wallet-topup-container{align-items:center;justify-content:center;padding:2rem;padding:var(--space-xl)}.wallet-topup-modal{max-width:36rem;width:auto}.amount-grid{gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(4,1fr)}.amount-btn{font-size:1.125rem;font-size:var(--text-lg);padding:2rem 1.5rem;padding:var(--space-xl) var(--space-lg)}.submit-btn{font-size:1.25rem;font-size:var(--text-xl);padding:2rem 3rem;padding:var(--space-xl) var(--space-2xl)}}@media (min-width:75rem){.wallet-topup-container{align-items:center;justify-content:center;padding:3rem;padding:var(--space-2xl)}.wallet-topup-modal{border:2px solid #ffffff1a;border:2px solid var(--color-white-translucent);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);margin:0;max-width:40rem}.topup-header{padding:3rem 3rem 1.5rem;padding:var(--space-2xl) var(--space-2xl) var(--space-lg)}.topup-header h2{font-size:1.875rem;font-size:var(--text-3xl)}.amount-grid{gap:2rem;gap:var(--space-xl);grid-template-columns:repeat(4,1fr)}.amount-btn{padding:2rem;padding:var(--space-xl)}.amount-btn,.submit-btn{font-size:1.25rem;font-size:var(--text-xl);min-height:60px}.submit-btn{padding:2rem 3rem;padding:var(--space-xl) var(--space-2xl)}.processing-info{padding:3rem;padding:var(--space-2xl)}.processing-loader,.processing-loader .loader-ring:first-child{height:80px;width:80px}.processing-loader .loader-ring:nth-child(2){height:60px;width:60px}.processing-loader .loader-ring:nth-child(3){height:40px;width:40px}}.wallet-topup-modal :focus{outline:2px solid #4cceac;outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.wallet-topup-modal{border:3px solid #fff;border:3px solid var(--color-white)}.amount-btn,.amount-input,.card-container{border-width:3px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.wallet-topup-container{display:none!important}}@media (max-height:500px) and (orientation:landscape){.wallet-topup-modal{max-height:95vh;overflow-y:auto}.processing-info{padding:1.5rem;padding:var(--space-lg)}.processing-steps{gap:1rem;gap:var(--space-md)}}@media (min-width:120rem){.wallet-topup-container{padding:3rem;padding:var(--space-2xl)}.wallet-topup-modal{max-width:45rem;transform:scale(1.05)}.topup-header h2{font-size:2.25rem}.amount-btn,.submit-btn{font-size:1.375rem;min-height:70px}.processing-header h3{font-size:1.75rem}.processing-loader,.processing-loader .loader-ring:first-child{height:100px;width:100px}.processing-loader .loader-ring:nth-child(2){height:80px;width:80px}.processing-loader .loader-ring:nth-child(3){height:60px;width:60px}}@media (min-width:160rem){.wallet-topup-modal{max-width:50rem;transform:scale(1.1)}}.amount-btn,.close-btn,.submit-btn,.wallet-topup-modal{will-change:transform}.wallet-topup-container,.wallet-topup-modal{contain:layout style paint}.wallet-topup-modal{transform:translateZ(0)}.wallet-loading-container{background:var(--primary-dark);flex-direction:column;gap:24px}.ludo-bet-selection,.wallet-loading-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.ludo-bet-selection{background:var(--dark-bg);color:var(--text-primary);padding:20px}.bet-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 30px #0000004d;max-width:600px;padding:30px;width:100%}.header-section{margin-bottom:40px}.game-header{margin-bottom:30px;text-align:center}.game-icon{filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));font-size:64px;margin-bottom:15px}.game-header h1{color:var(--text-primary);font-size:32px;font-weight:800;margin-bottom:10px}.game-header p{color:var(--text-secondary);font-size:16px}.wallet-info{align-items:center;background:#114a43;border:1px solid #ffffff1a;border-radius:15px;display:flex;justify-content:space-between;padding:20px}.wallet-balance{display:flex;flex-direction:column}.balance-label{color:var(--text-secondary);font-size:12px;margin-bottom:5px}.balance-amount{color:#4cceac;font-size:24px;font-weight:800}.refresh-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.refresh-btn:hover{background:#fff3;transform:rotate(180deg)}.selection-section{margin-bottom:30px}.bet-section,.players-section{margin-bottom:40px}.bet-section h3,.players-section h3{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:20px}.bet-input-container{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:15px;display:flex;margin-bottom:15px;padding:0 20px;transition:border-color .3s ease}.bet-input-container:focus-within{border-color:#4cceac}.currency-symbol{color:#4cceac;font-size:20px;font-weight:700;margin-right:10px}.bet-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:18px;font-weight:600;outline:none;padding:15px 0}.bet-input::placeholder{color:var(--text-secondary)}.bet-info{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:20px}.min-bet{color:var(--text-secondary)}.error-text{color:#ff4757;font-weight:600}.quick-amounts{display:flex;flex-wrap:wrap;gap:10px}.quick-btn{background:#ffffff1a;border:2px solid #fff3;border-radius:25px;color:var(--text-primary);cursor:pointer;flex:1 1;font-weight:600;min-width:70px;padding:10px 20px;transition:all .3s ease}.quick-btn:hover{background:#fff3;transform:translateY(-2px)}.quick-btn.active{background:#4cceac;border-color:#4cceac;color:#fff}.players-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(3,1fr)}.player-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:15px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.player-card:hover{background:#ffffff1a;transform:translateY(-5px)}.player-card.selected{background:#114a43;border-color:#4cceac;box-shadow:0 5px 20px #4cceac4d}.player-icon{font-size:32px;margin-bottom:10px}.player-card span{color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.prize-info{color:var(--text-secondary);font-size:12px}.error-message{background:#ff475733;border:1px solid #ff4757;border-radius:10px;color:#ff4757;font-weight:600;padding:15px}.action-section{border-top:1px solid #ffffff1a;padding-top:30px}.game-summary{background:#ffffff0d;border-radius:15px;margin-bottom:25px;padding:20px}.summary-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.summary-item:last-child{border-bottom:none;color:#4cceac;font-size:16px;font-weight:700;padding-top:15px}.start-game-btn{align-items:center;background:#4cceac;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:10px;justify-content:center;overflow:hidden;padding:18px;position:relative;transition:all .3s ease;width:100%}.start-game-btn:hover:not(:disabled){background:#3bb89c;box-shadow:0 10px 25px #4cceac66;transform:translateY(-2px)}.start-game-btn:disabled{background:#ffffff1a;color:var(--text-secondary);cursor:not-allowed}.btn-arrow{font-size:20px;transition:transform .3s ease}.start-game-btn:hover:not(:disabled) .btn-arrow{transform:translateX(5px)}@media (max-width:768px){.ludo-bet-selection{padding:15px}.bet-container{margin:10px;padding:20px}.game-header h1{font-size:28px}.game-icon{font-size:48px}.wallet-info{padding:15px}.balance-amount{font-size:20px}.players-grid{gap:12px;grid-template-columns:1fr}.player-card{padding:15px}.quick-amounts{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.bet-container{padding:15px}.game-header h1{font-size:24px}.game-header p{font-size:14px}.bet-input{font-size:16px;padding:12px 0}.quick-amounts{gap:8px}.quick-btn{font-size:14px;padding:8px 15px}.start-game-btn{font-size:16px;padding:15px}}.ludo-lobby{background:var(--dark-bg);color:var(--text-primary);min-height:100vh;padding:20px}.lobby-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 30px #0000004d;margin:0 auto;max-width:800px;padding:30px}.lobby-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;margin-bottom:40px;padding-bottom:20px}.game-info,.lobby-header{align-items:center;display:flex}.game-info{gap:20px}.game-icon{animation:float 3s ease-in-out infinite;font-size:48px}.game-details h1{color:var(--text-primary);font-size:28px;font-weight:800;margin-bottom:5px}.game-details p{color:var(--text-secondary);font-size:14px}.status-section{text-align:center}.status-message{color:#4cceac;font-size:16px;font-weight:600;margin-bottom:15px}.countdown-circle{align-items:center;animation:pulse 2s ease-in-out infinite;background:#114a43;border:3px solid #4cceac;border-radius:50%;display:flex;height:60px;justify-content:center;position:relative;width:60px}.countdown-number{color:#4cceac;font-size:20px;font-weight:800}.loading-dots{align-items:center;display:flex;gap:5px;justify-content:center;padding:20px 0}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background:#4cceac;border-radius:50%;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.players-section{margin-bottom:40px}.players-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.player-slot{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:15px;display:flex;gap:15px;padding:20px;position:relative;transition:all .3s ease}.player-slot.filled{background:#4cceac1a;border-color:#4cceac}.player-slot.empty{border-style:dashed;opacity:.6}.empty-avatar,.player-avatar{align-items:center;background:#114a43;border:2px solid #fff3;border-radius:50%;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.empty-avatar{animation:searching 2s ease-in-out infinite;background:#ffffff1a}.player-info{flex:1 1}.player-name{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:5px}.player-status{align-items:center;display:flex;font-size:12px;gap:10px}.player-level{background:#114a43;border-radius:10px;color:#4cceac;font-size:10px;padding:2px 8px;text-transform:uppercase}.player-level,.ready-status{font-weight:600}.ready-status.ready{color:#4cceac}.ready-status.not-ready{color:#ffa502}.ready-status.searching{animation:blink 1.5s ease-in-out infinite;color:var(--text-secondary)}.current-player-badge{background:#4cceac;border-radius:10px;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;position:absolute;right:-8px;text-transform:uppercase;top:-8px}.lobby-info{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.prize-pool{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:25px}.pool-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.pool-header h3{color:var(--text-primary);font-size:18px;font-weight:700}.pool-amount{color:#4cceac;font-size:24px;font-weight:800}.prize-breakdown{display:flex;flex-direction:column;gap:10px}.prize-item{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.prize-item:first-child{color:#4cceac;font-weight:600}.game-rules{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:25px}.game-rules h4{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:15px}.game-rules ul{list-style:none;margin:0;padding:0}.game-rules li{border-bottom:1px solid #ffffff0d;color:var(--text-secondary);font-size:14px;padding:8px 0}.game-rules li:last-child{border-bottom:none}.lobby-actions{text-align:center}.leave-btn{background:#ff475733;border:2px solid #ff4757;border-radius:25px;color:#ff4757;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.leave-btn:hover{background:#ff47574d;transform:translateY(-2px)}.starting-message{align-items:center;display:flex;flex-direction:column;gap:15px;padding:20px}.game-starting-icon{animation:bounce 1s ease-in-out infinite;font-size:48px}.starting-message p{color:#4cceac;font-size:18px;font-weight:600}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes searching{0%,to{opacity:.3}50%{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.ludo-lobby{padding:15px}.lobby-container{padding:20px}.lobby-header{flex-direction:column;gap:20px;text-align:center}.game-info{flex-direction:column;gap:15px}.game-icon{font-size:36px}.game-details h1{font-size:24px}.players-grid{gap:15px;grid-template-columns:1fr}.lobby-info{gap:20px;grid-template-columns:1fr}.pool-header{flex-direction:column;gap:10px;text-align:center}.pool-amount{font-size:20px}}@media (max-width:480px){.lobby-container,.player-slot{padding:15px}.empty-avatar,.player-avatar{font-size:20px;height:40px;width:40px}.player-name{font-size:14px}.game-rules,.prize-pool{padding:20px}.starting-message p{font-size:16px}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#114a43f2;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 15px #00000026;height:70px;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar-container{height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{text-decoration:none}.logo-container{align-items:center;display:flex;padding:5px}.logo-container,.logo-image{position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.logo-image{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));height:100px;margin-top:20px;object-fit:contain;width:100px;z-index:2}.logo-container:before{background:linear-gradient(135deg,#114a431a,#0d8a7a33);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.9);transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1}.logo-container:hover{transform:translateY(-2px)}.logo-container:hover .logo-image{filter:drop-shadow(0 6px 12px rgba(0,0,0,.15));transform:scale(1.1) rotate(5deg)}.logo-container:hover:before{opacity:1;transform:scale(1.2)}.logo-text-container{display:flex;flex-direction:column;line-height:1}.logo-text{color:#fff;font-size:18px;font-weight:700}.logo-accent,.logo-text{letter-spacing:.5px;transition:all .3s ease}.logo-accent{color:#4cceac;font-size:20px;font-weight:800}.navbar-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.balance-container{align-items:center;display:flex;justify-content:center}.balance-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#114a43;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;gap:6px;margin-top:1.5rem;min-width:140px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.balance-card:hover{background:#114a43;border-color:#4cceac4d;box-shadow:0 4px 16px #0003;transform:translateY(-1px)}.balance-icon{color:#ffb800;flex-shrink:0;font-size:16px}.balance-info{align-items:center;display:flex;flex:2 1;flex-direction:column;gap:2px;justify-content:center;line-height:1}.balance-label{color:#ffffff80;font-size:8px;font-weight:600;letter-spacing:.8px;margin:0;text-transform:uppercase}.balance-amount{color:#fff;font-size:14px;font-weight:700;letter-spacing:.2px;margin:2px 0 -6px}.add-cash-btn{align-items:center;background:#4cceac;border:none;border-radius:50%;box-shadow:0 1px 3px #0003;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:20px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:20px}.add-cash-btn:hover{background:#3bb89c;box-shadow:0 2px 6px #4cceac4d;transform:scale(1.05)}.navbar-right{align-items:center;display:flex;gap:15px}.wallet-quick-access{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.wallet-quick-access:hover{background:#4cceac33;border-color:#4cceac;box-shadow:0 4px 12px #4cceac4d;transform:translateY(-2px)}.wallet-icon{color:#4cceac;font-size:16px}.wallet-text{color:#fff;white-space:nowrap}.notification-icon{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;padding:8px;position:relative;transition:all .3s ease;width:40px}.notification-icon:hover{background:#ffffff26;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.user-profile{text-decoration:none}.profile-container{align-items:center;cursor:pointer;display:flex;gap:10px;height:40px;padding:6px 16px 6px 6px;transition:all .3s ease}.user-avatar{font-size:24px}.user-name{font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.hamburger-menu{cursor:pointer;display:none;padding:10px;z-index:1001}.hamburger-icon{color:#fff;font-size:24px;transition:all .3s ease}.hamburger-menu:hover .hamburger-icon{color:#4cceac;transform:scale(1.1)}.mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0;box-shadow:-5px 0 20px #0003;display:flex;flex-direction:column;overflow-y:auto;padding:20px;right:0;width:300px;z-index:1000}.mobile-menu-header{justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.mobile-menu-header,.user-info{align-items:center;display:flex}.user-info{gap:15px}.user-avatar{color:#4cceac;font-size:40px}.user-name{color:#fff;font-size:16px;font-weight:600}.user-balance{color:#4cceac;font-size:14px;font-weight:600;margin-top:4px}.close-menu{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-menu:hover{background:#ffffff1a;color:#fff}.menu-items{display:flex;flex:1 1;flex-direction:column;gap:8px}.menu-item{align-items:center;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-size:15px;font-weight:500;padding:12px 15px;transition:all .3s ease}.menu-item.active,.menu-item:hover{background:#4cceac33;color:#fff}.menu-item.active{color:#4cceac;font-weight:600}.menu-icon{font-size:18px;margin-right:15px;text-align:center;width:24px}@media (max-width:992px){.hamburger-menu{display:block}.navbar-center,.navbar-right .wallet-quick-access{display:none}.navbar-container{justify-content:space-between}}@media (max-width:480px){.mobile-menu{width:280px}.mobile-menu-header{padding:15px 0}.user-avatar{font-size:36px}.user-name{font-size:15px}.user-balance{font-size:13px}.menu-item{font-size:14px;padding:12px 15px}}@media (max-width:1200px){.navbar-container{padding:0 15px}.navbar-center{padding:0 20px}.balance-label{display:none}.balance-info{align-items:center}.balance-amount{font-size:16px}.profile-container{padding:6px 12px}.user-name{display:none}.navbar-logo{font-size:24px}}@media (max-width:992px){.navbar-center{display:none}.navbar-container{justify-content:space-between}.navbar-logo{flex-grow:1;font-size:22px}}.mobile-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#114a43fa;border-left:1px solid #ffffff1a;box-shadow:-5px 0 25px #0003;height:100vh;position:fixed;right:-300px;top:0;transition:right .3s ease;width:280px;z-index:999}.mobile-menu-header{background:linear-gradient(135deg,#114a43,#0d5b4f);border-bottom:1px solid #ffffff1a;padding:30px 20px;text-align:center}.mobile-user-info h3{color:#fff;font-size:20px;margin:10px 0 5px}.user-avatar-large{font-size:60px}.mobile-balance{background:#0003;border-radius:15px;color:#ffffffe6;display:inline-block;font-size:14px;font-weight:500;margin-top:5px;padding:5px 10px}.mobile-menu-links{display:flex;flex-direction:column;gap:8px;padding:20px}.mobile-menu-links a,.mobile-menu-links button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:15px;padding:14px 20px;text-decoration:none;transition:all .3s ease;width:100%}.mobile-menu-links a:hover,.mobile-menu-links button:hover{background:#ffffff1a;border-color:#4cceac4d;color:#4cceac;transform:translateX(5px)}.logout-btn{background-color:initial;border:1px solid #ff6b6b33!important;color:#ff6b6b;margin-top:10px}.logout-btn:hover{background:#ff6b6b1a!important;border-color:#ff6b6b4d!important}@media (max-width:768px){.navbar-center,.navbar-right .notification-icon,.navbar-right .user-profile,.navbar-right .wallet-quick-access{display:none}.menu-toggle{display:flex}.navbar-container{height:80px;justify-content:space-between;padding:0 15px}.logo-container{padding:0}.logo-image{height:100px;margin-top:10px;width:100px}.logo-container:before{display:none}}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#114a431a,#0d8a7a33);border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -2px 20px #0000004d;display:none;left:0;position:fixed;right:0;z-index:1000}.bottom-nav-container{align-items:center;display:flex;height:70px;justify-content:space-around;margin:0 auto;max-width:600px}.nav-item{color:var(--text-secondary);flex:1 1;position:relative;text-decoration:none;transition:all .3s ease}.nav-item-content{align-items:center;display:flex;flex-direction:column;gap:4px;padding:8px}.nav-icon{font-size:24px}.nav-icon,.nav-label{transition:all .3s ease}.nav-label{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.nav-item.active{color:var(--primary-green)}.nav-item.active .nav-icon{filter:drop-shadow(0 4px 8px rgba(17,74,67,.4));transform:translateY(-2px)}.nav-item.active:before{animation:slideDown .3s ease;background:var(--gradient-primary);border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:40px}@keyframes slideDown{0%{height:0}to{height:3px}}.nav-item:hover .nav-icon{transform:translateY(-3px)}.nav-item.active .nav-icon:after{background:var(--primary-green);border-radius:50%;bottom:-8px;box-shadow:0 0 10px var(--primary-green);content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}@media (max-width:768px){.bottom-nav{display:block}.main-content{padding-bottom:70px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}.splash-screen{align-items:center;background:linear-gradient(135deg,#114a431a,#0d8a7a33);display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.splash-content{text-align:center;z-index:2}.logo-container{margin-bottom:30px}.logo{display:inline-block;font-size:60px;font-weight:900;letter-spacing:-2px;position:relative;text-transform:uppercase}.splash-logo{border:3px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #0000001a;display:block;height:auto;left:110%;margin:0 auto;position:relative;transform:translateX(-50%);transition:all .3s ease;width:100px}.splash-logo:hover{box-shadow:0 6px 20px #00000026;transform:translateX(-50%) scale(1.05)}.logo-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.logo-accent,.logo-text{-webkit-text-fill-color:#0000}.logo-accent{background:linear-gradient(135deg,#f8b500,#ff6348);-webkit-background-clip:text;background-clip:text;margin-left:10px}.logo:after{animation:bounce 2s ease-in-out infinite;content:"🎮";font-size:30px;position:absolute;right:-30px;top:-20px}@keyframes bounce{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(10deg)}}.tagline{color:var(--text-secondary);font-size:18px;font-weight:400;letter-spacing:2px;margin-bottom:50px}.loading-container{margin:0 auto;max-width:300px}.loading-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:15px;overflow:hidden;width:100%}.loading-progress{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f8b500,#ff6348,#00d2d3);background-size:200% 100%;border-radius:3px;height:100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-text{animation:pulse 1.5s ease-in-out infinite;color:var(--text-secondary);font-size:14px}.splash-animation{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.floating-coin{bottom:0;filter:drop-shadow(0 0 10px rgba(255,215,0,.5));font-size:40px;left:50%;position:absolute}@media (max-width:768px){.logo{font-size:45px}.tagline{font-size:16px}.loading-container{max-width:250px}}.referral-entry-container{align-items:center;background:linear-gradient(135deg,#0d3a33,#1a6b5e);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.referral-entry-container:before{background:url(/static/media/stump.883edc9bc4a5b07051e9.png) no-repeat 50%;background-size:contain;bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0}.referral-entry-card{animation:slideIn .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#114a43;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 15px 50px #0003;max-width:450px;padding:40px 35px;position:relative;width:100%;z-index:1}.referral-header{align-items:center;display:flex;flex-direction:column;margin-bottom:30px;text-align:center}.referral-logo{border:3px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #0000001a;height:auto;transition:all .3s ease;width:100px}.referral-logo:hover{box-shadow:0 6px 20px #00000026;transform:scale(1.05)}.referral-header h1{color:#fff;font-size:28px;font-weight:700;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.referral-header p{color:#fff;font-size:16px;font-weight:500;margin:5px 0 0;opacity:.9}.referral-form{margin-bottom:20px}.input-container{align-items:center;display:flex;position:relative}.referral-input{background:#fff;border:2px solid #0d8a7a;border-radius:10px;color:#1f2937;font-size:16px;font-weight:600;letter-spacing:2px;outline:none;padding:12px 50px 12px 15px;text-transform:uppercase;transition:all .3s ease;width:100%}.referral-input::placeholder{color:#9ca3af;letter-spacing:1px;opacity:1}.referral-input:focus{background:#fff;border-color:#0d8a7a;box-shadow:0 0 0 3px #0d8a7a33}.referral-input.valid{background:#f0fdfa;border-color:#0d8a7a}.referral-input.error{background:#fff8f8;border-color:#dc3545}.input-status{align-items:center;display:flex;position:absolute;right:15px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0d8a7a1a;border-radius:50%;border-top-color:#0d8a7a;height:20px;width:20px}.valid-icon{color:#0d8a7a;font-size:20px}.error-icon{color:#dc3545;font-size:20px}.error-message{border-radius:6px;font-size:12px;margin-top:8px;padding:8px 12px}.benefits-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin:25px 0;padding:20px}.benefits-section h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 15px}.benefits-list{list-style:none;margin:0;padding:0}.benefits-list li{align-items:center;color:#fff;display:flex;font-size:14px;opacity:.9;padding:8px 0}.benefits-list li:before{content:attr(data-icon);font-size:16px;margin-right:10px}.action-buttons{display:flex;flex-direction:column;gap:15px}.continue-btn{align-items:center;background:linear-gradient(135deg,#0d8a7a,#0d5b4f);border:none;border-radius:10px;box-shadow:0 4px 15px #0d5a4d4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;letter-spacing:1px;padding:14px;text-transform:uppercase;transition:all .3s;width:100%}.continue-btn:hover:not(:disabled){box-shadow:0 10px 20px #0d8a7a4d;transform:translateY(-2px)}.continue-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.skip-btn{background:#0000;border:2px solid #0d8a7a;border-radius:10px;color:#0d8a7a;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.5px;padding:12px;text-transform:uppercase;transition:all .3s;width:100%}.skip-btn:hover:not(:disabled){background:#0d8a7a;box-shadow:0 4px 10px #0d5a4d33;color:#fff;transform:translateY(-2px)}.skip-btn:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalPop .3s ease-out;background:#114a43;border:1px solid #fff3;border-radius:15px;box-shadow:0 15px 50px #0000004d;max-width:400px;padding:30px;text-align:center;width:100%}@keyframes modalPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-content h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 15px}.modal-content p{color:#fff;line-height:1.5;margin:0 0 25px;opacity:.9}.modal-actions{display:flex;gap:15px;justify-content:center}.cancel-btn,.confirm-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.cancel-btn{background:#0000;border:2px solid #ffffff4d;color:#fff}.cancel-btn:hover{background:#ffffff1a;border-color:#ffffff80}.confirm-btn{background:linear-gradient(135deg,#0d8a7a,#0d5b4f);box-shadow:0 4px 15px #0d5a4d4d;color:#fff}.confirm-btn:hover{box-shadow:0 6px 20px #0d8a7a66;transform:translateY(-2px)}.referral-footer{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px;text-align:center}.referral-footer p{color:#7a9691;font-size:12px;font-weight:500;margin:0}@media (max-width:480px){.referral-entry-container{padding:10px}.referral-entry-card{max-width:100%;padding:30px 20px}.referral-header h1{font-size:24px}.continue-btn{font-size:15px;padding:12px}.modal-content{padding:25px 20px}.modal-actions{flex-direction:column}}.login-container{align-items:center;background:linear-gradient(135deg,#0d3a33,#1a6b5e);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{background:url(/static/media/stump.883edc9bc4a5b07051e9.png) no-repeat 50%;background-size:contain;bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0}.login-card{animation:slideIn .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#114a43;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 15px 50px #0003;max-width:420px;padding:40px 35px;position:relative;width:100%;z-index:1}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{align-items:center;display:flex;flex-direction:column;margin-bottom:30px;text-align:center}.logo-container{margin-bottom:20px}.recaptcha-hidden{display:none}.login-logo{border:3px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #0000001a;height:auto;transition:all .3s ease;width:100px}.login-logo:hover{box-shadow:0 6px 20px #00000026;transform:scale(1.05)}.login-header h2{color:#fff;font-size:28px;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.login-header p{color:#fff;font-size:16px;font-weight:500;margin-top:5px}.error-message{animation:shake .3s ease-in-out;background:#ff56561a;border:1px solid #d32f2f33;border-radius:8px;color:#d32f2f}.error-message,.info-message{font-size:14px;font-weight:500;line-height:1.5;margin-bottom:20px;padding:12px;text-align:center}.info-message{background:#0d8a7a1a;border:1px solid #0d8a7a33;border-radius:8px;color:#fff}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.form-group,.login-form{margin-bottom:20px}.form-group label{color:#fff;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.phone-input-wrapper{align-items:center;background:#fff;border:2px solid #0d8a7a;border-radius:10px;display:flex;overflow:hidden;transition:all .3s}.phone-input-wrapper:focus-within{background:#fff;border-color:#0d8a7a;box-shadow:0 0 0 3px #0d8a7a33}.country-code{background:#f5f5f5;border-right:2px solid #e0e0e0;color:#374151;font-size:15px;font-weight:600;min-width:60px;padding:12px;text-align:center}.phone-input{background:#fff;border:none;border-radius:0 8px 8px 0;color:#1f2937!important;flex:1 1;font-size:16px;font-weight:500;outline:none;padding:12px 15px}.phone-input::placeholder{color:#9ca3af;opacity:1}.phone-input:focus{background:#fff;color:#1f2937!important}.otp-input{background:#f8f8f8;border:2px solid #e0e0e0;border-radius:10px;color:#114a43;font-size:20px;font-weight:600;letter-spacing:10px;outline:none;padding:12px 15px;text-align:center;transition:all .3s;width:100%}.otp-input:focus{background:#fff;border-color:#0d8a7a;box-shadow:0 0 0 3px #0d8a7a33}.otp-info{color:#666;font-size:14px;margin-bottom:15px}.recaptcha-section{margin:20px 0;text-align:center}.recaptcha-section label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.recaptcha-note{color:#ffffffb3;font-size:12px;font-style:italic;margin:10px 0 0}.recaptcha-container>div{transform:scale(.9);transform-origin:center}.submit-button{align-items:center;background:linear-gradient(135deg,#0d8a7a,#0d5b4f);border:none;border-radius:10px;box-shadow:0 4px 15px #0d5a4d4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;letter-spacing:1px;padding:14px;text-transform:uppercase;transition:all .3s;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.resend-button{background:#0000;border:2px solid #0d8a7a;border-radius:10px;color:#0d8a7a;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.5px;margin-top:15px;padding:12px;text-transform:uppercase;transition:all .3s;width:100%}.resend-button:hover:not(:disabled){background:#0d8a7a;box-shadow:0 4px 10px #0d5a4d33;color:#fff;transform:translateY(-2px)}.resend-button:disabled{cursor:not-allowed;opacity:.5}.button-spinner{animation:spin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:16px;width:16px}.loading-spinner{padding:40px 0;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #114a431a;border-radius:50%;border-top-color:#0d8a7a;height:40px;margin:0 auto 20px;width:40px}.login-footer{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px;text-align:center}.login-footer p{border-top:1px solid #0000000d;color:#7a9691;font-size:12px;font-weight:500;margin:0;padding:15px 0 0}.resend-button:hover{text-decoration:underline}.recaptcha-hidden{display:none!important}#recaptcha-container{left:-9999px;opacity:0;pointer-events:none;position:absolute;top:-9999px;visibility:hidden}@media (max-width:480px){.recaptcha-container>div{transform:scale(.8)}.login-card{padding:30px 20px}.login-header h2{font-size:24px}.submit-button{font-size:15px;padding:12px}}.auth-guard-container{background:var(--primary-dark);flex-direction:column;gap:24px;min-height:100vh}.auth-guard-container,.professional-loader{align-items:center;display:flex;justify-content:center}.professional-loader{height:80px;position:relative;width:80px}.professional-loader .loader-ring{animation:spin 2s linear infinite;border:4px solid #0000;border-radius:50%;position:absolute}.professional-loader .loader-ring:first-child{animation-duration:2s;border-top:4px solid #4cceac;height:80px;width:80px}.professional-loader .loader-ring:nth-child(2){animation-direction:reverse;animation-duration:1.5s;border-top:4px solid #3bb89c;height:60px;width:60px}.professional-loader .loader-ring:nth-child(3){animation-duration:1s;border-top:4px solid #2aa085;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-loading-text{text-align:center}.auth-loading-text h2{fontSize:24px;fontWeight:600;color:var(--text-primary);font-family:Poppins,sans-serif;margin:0 0 8px}.auth-loading-text p{fontSize:16px;color:var(--text-secondary);font-family:Poppins,sans-serif;margin:0}@media (max-width:768px){.professional-loader{height:60px;width:60px}.professional-loader .loader-ring:first-child{border-width:3px;height:60px;width:60px}.professional-loader .loader-ring:nth-child(2){border-width:3px;height:45px;width:45px}.professional-loader .loader-ring:nth-child(3){border-width:3px;height:30px;width:30px}}.mlm-notifications-container{font-family:Poppins,sans-serif;max-width:calc(100vw - 40px);position:fixed;right:20px;top:20px;width:350px;z-index:9999}.mlm-notifications-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px 10px 0 0;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 16px}.notification-title{align-items:center}.notification-actions,.notification-title{display:flex;gap:8px}.clear-all-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px;transition:background-color .2s ease}.clear-all-btn:hover{background:#fff3}.mlm-notifications-list{background:#fff;border-radius:0 0 10px 10px;box-shadow:0 10px 30px #0000004d;max-height:400px;overflow-y:auto}.notification-item{align-items:flex-start;animation:slideInRight .4s ease-out;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:16px;transition:background-color .2s ease}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-item:hover{background:#f8f9fa}.notification-item:last-child{border-bottom:none;border-radius:0 0 10px 10px}.notification-content{flex:1 1}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.notification-title-text{color:#333;font-size:14px;font-weight:600}.notification-time{color:#888;font-size:11px}.notification-body{color:#666;font-size:13px;line-height:1.4;margin-bottom:8px}.commission-details{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:6px;display:flex;gap:12px;padding:8px 12px}.commission-details .amount{color:#28a745;font-size:14px;font-weight:700}.commission-details .level{background:#667eea;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}.notification-close{align-items:center;background:none;border:none;border-radius:4px;color:#ccc;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.notification-close:hover{background:#f0f0f0;color:#666}.notification-item.commission{border-left:4px solid #28a745}.notification-item.referral{border-left:4px solid #007bff}.notification-item.achievement{border-left:4px solid #ffc107}.notification-permission-prompt{background:#fff3cd;border:1px solid #ffeaa7;border-radius:0 0 10px 10px;padding:12px 16px;text-align:center}.notification-permission-prompt p{color:#856404;font-size:13px;margin:0 0 8px}.notification-permission-prompt button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s ease}.notification-permission-prompt button:hover{background:#5a6fd8}@media (max-width:768px){.mlm-notifications-container{right:10px;top:10px;width:300px}.notification-item{padding:12px}.notification-title-text{font-size:13px}.notification-body{font-size:12px}}@media (max-width:480px){.mlm-notifications-container{left:10px;right:10px;width:calc(100vw - 20px)}}.notification-item.commission .notification-title-text:before{content:"💰 "}.notification-item.referral .notification-title-text:before{content:"🎉 "}.notification-item.achievement .notification-title-text:before{content:"🏆 "}.mlm-notifications-list::-webkit-scrollbar{width:4px}.mlm-notifications-list::-webkit-scrollbar-track{background:#f1f1f1}.mlm-notifications-list::-webkit-scrollbar-thumb{background:#667eea;border-radius:2px}.mlm-notifications-list::-webkit-scrollbar-thumb:hover{background:#5a6fd8}
/*# sourceMappingURL=main.86bee136.css.map*/