:root{--primary-black: #0a0a0a;--secondary-black: #1a1a1a;--accent-black: #2a2a2a;--gold-primary: #ffd700;--gold-secondary: #ffed4e;--gold-dark: #b8860b;--red-primary: #dc143c;--red-secondary: #ff4757;--purple-primary: #6a0dad;--purple-secondary: #8e44ad;--white: #ffffff;--gray-light: #f8f9fa;--gray-dark: #6c757d;--gradient-primary: linear-gradient(135deg, var(--primary-black) 0%, var(--accent-black) 50%, var(--purple-primary) 100%);--gradient-gold: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-secondary) 100%);--gradient-red: linear-gradient(135deg, var(--red-primary) 0%, var(--red-secondary) 100%);--gradient-purple: linear-gradient(135deg, var(--purple-primary) 0%, var(--purple-secondary) 100%);--gradient-hero: linear-gradient(135deg, var(--primary-black) 0%, var(--accent-black) 25%, var(--purple-primary) 50%, var(--red-primary) 75%, var(--gold-primary) 100%);--font-primary: "Poppins", sans-serif;--font-secondary: "Poppins", sans-serif;--section-padding: 80px 0;--container-padding: 0 20px;--desktop-section-gap: 24px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.home-container{font-family:var(--font-primary);overflow-x:hidden;background:var(--gradient-primary);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;width:100%;background:linear-gradient(135deg,#0a0a0af2,#2a2a2af2,#6a0dadf2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;box-shadow:0 2px 10px #00000080;border-bottom:1px solid rgba(255,215,0,.2)}.navbar{width:100%}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo h1{color:var(--white);font-size:1.8rem;font-weight:700;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;align-items:center}.nav-list{display:flex;list-style:none;gap:2rem;align-items:center}.nav-link{color:var(--white);text-decoration:none;font-weight:500;transition:color .3s ease;font-size:1rem}.nav-link:hover{color:var(--gold-primary)}.nav-controls{display:flex;align-items:center;gap:1rem}.language-selector select{padding:.5rem 1rem;border-radius:5px;border:1px solid rgba(255,215,0,.3);background:#1a1a1acc;color:var(--white);cursor:pointer;font-size:.9rem}.language-selector select:focus{outline:none;border-color:var(--gold-primary)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background:var(--white);transition:all .3s ease}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--gradient-hero)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:var(--gradient-hero)}.hero-video,.image-slider{width:100%;height:100%;object-fit:cover}.image-slider{position:relative}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease}.slide.active{opacity:1}.slide-placeholder{width:100%;height:100%;background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:2rem;font-weight:600}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a66,#2a2a2a4d,#6a0dad33,#dc143c33,#ffd7001a)}.hero-content{position:relative;z-index:1;text-align:center;color:var(--white);padding:2rem;max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-subtitle{font-size:1.3rem;margin-bottom:2.5rem;opacity:.9;line-height:1.6}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn{padding:1rem 2.5rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:var(--gradient-gold);color:var(--primary-black);box-shadow:0 4px 15px #ffd70066;font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70099;background:var(--gradient-red);color:var(--white)}.btn-secondary{background:transparent;color:var(--white);border:2px solid var(--gold-primary)}.btn-secondary:hover{background:var(--gold-primary);color:var(--primary-black)}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:1}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--gold-primary);cursor:pointer;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.games-section{padding:var(--section-padding);background:var(--gradient-primary)}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--gold-primary);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.section-subtitle{font-size:1.2rem;color:var(--gray-light)}.game-showcase{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.game-image-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0003}.game-image-placeholder{width:100%;padding-top:75%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem;font-weight:600}.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.game-image-container:hover .game-overlay{opacity:1}.play-btn{width:80px;height:80px;border-radius:50%;background:var(--gold-primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease;font-size:2rem;color:var(--primary-black)}.play-btn:hover{transform:scale(1.1)}.game-badge{position:absolute;top:20px;right:20px;background:var(--red-primary);color:var(--white);padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem;animation:pulse 2s infinite;box-shadow:0 2px 10px #dc143c80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.game-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--gold-primary);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.game-description{font-size:1.1rem;line-height:1.8;color:var(--gray-light);margin-bottom:2rem}.game-features{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:.5rem;color:var(--gray-light);font-weight:500}.feature-item i{color:var(--gold-primary);font-size:1.2rem}.game-actions{display:flex;gap:1rem;flex-wrap:wrap}.game-rules-section{padding:var(--section-padding);background:var(--gradient-primary)}.rules-showcase{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.rules-main-card{background:linear-gradient(135deg,var(--secondary-black) 0%,var(--accent-black) 50%,rgba(106,13,173,.3) 100%);border-radius:20px;padding:3rem;box-shadow:0 5px 20px #00000080;border:1px solid rgba(255,215,0,.2)}.rules-header{text-align:center;margin-bottom:3rem}.rules-icon{font-size:3rem;color:var(--gold-primary);margin-bottom:1rem}.rules-header h3{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--gold-primary)}.rules-subtitle{color:var(--gray-light);font-size:1.1rem}.rules-steps{display:flex;flex-direction:column;gap:2rem}.rule-step{display:flex;gap:1.5rem;align-items:flex-start}.step-number{width:50px;height:50px;border-radius:50%;background:var(--gradient-gold);color:var(--primary-black);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0;box-shadow:0 2px 10px #ffd7004d}.step-content h4{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:var(--gold-primary)}.step-content p{color:var(--gray-light);line-height:1.6}.rules-sidebar{display:flex;flex-direction:column;gap:2rem}.info-card{background:linear-gradient(135deg,var(--secondary-black) 0%,var(--accent-black) 50%,rgba(106,13,173,.3) 100%);border-radius:15px;padding:2rem;box-shadow:0 3px 15px #00000080;border:1px solid rgba(255,215,0,.2)}.info-icon{font-size:2rem;color:var(--gold-primary);margin-bottom:1rem}.info-card h4{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:var(--gold-primary)}.info-card ul{list-style:none}.info-card ul li{padding:.5rem 0;color:var(--gray-light);line-height:1.6}.info-card p{color:var(--gray-light);line-height:1.6}.about-section{padding:var(--section-padding);background:var(--gradient-primary)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--gold-primary);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.about-text p{font-size:1.1rem;line-height:1.8;color:var(--gray-light);margin-bottom:2rem}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature{text-align:center;padding:2rem;background:linear-gradient(135deg,var(--accent-black) 0%,rgba(106,13,173,.4) 50%,rgba(220,20,60,.3) 100%);border-radius:15px;box-shadow:0 3px 15px #00000080;border:1px solid rgba(255,215,0,.2);transition:transform .3s ease,border-color .3s ease}.feature:hover{transform:translateY(-5px);border-color:var(--gold-primary)}.feature i{font-size:2.5rem;color:var(--gold-primary);margin-bottom:1rem}.feature h4{font-size:1.2rem;font-weight:600;color:var(--white)}.about-image-placeholder{width:100%;padding-top:100%;background:var(--gradient-primary);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem;font-weight:600;box-shadow:0 10px 30px #00000080;border:2px solid rgba(255,215,0,.3)}.contact-section{padding:var(--section-padding);background:var(--gradient-primary)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;gap:1.5rem;align-items:flex-start}.contact-item i{font-size:2rem;color:var(--gold-primary);margin-top:.5rem}.contact-item h4{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:var(--gold-primary)}.contact-item p{color:var(--gray-light);font-size:1.1rem}.contact-form{background:linear-gradient(135deg,var(--secondary-black) 0%,var(--accent-black) 50%,rgba(106,13,173,.3) 100%);padding:2.5rem;border-radius:20px;box-shadow:0 5px 20px #00000080;border:1px solid rgba(255,215,0,.2)}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem;border:1px solid rgba(255,215,0,.3);border-radius:10px;font-size:1rem;font-family:var(--font-primary);transition:border-color .3s ease;background:linear-gradient(135deg,var(--accent-black) 0%,rgba(106,13,173,.2) 100%);color:var(--white)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-dark)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 10px #ffd7004d}.form-group textarea{resize:vertical;min-height:120px}.footer{background:var(--gradient-primary);color:var(--white);padding:3rem 0 1rem;border-top:1px solid rgba(255,215,0,.2)}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:var(--gold-primary)}.footer-section p{color:var(--gray-light);line-height:1.6;margin-bottom:.5rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--gray-light);text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:var(--gold-primary)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,215,0,.2);color:var(--gray-light)}.whatsapp-float{position:fixed;bottom:30px;right:30px;z-index:999}.whatsapp-btn{width:60px;height:60px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;box-shadow:0 4px 15px #25d36666;transition:transform .3s ease;text-decoration:none}.whatsapp-btn:hover{transform:scale(1.1)}@media(max-width:968px){.hamburger{display:flex}.nav-menu{position:absolute;top:100%;left:0;width:100%;background:linear-gradient(135deg,#0a0a0afa,#2a2a2afa,#6a0dadfa);flex-direction:column;padding:2rem;transform:translate(-100%);transition:transform .3s ease;border-top:1px solid rgba(255,215,0,.2)}.nav-menu.active{transform:translate(0)}.nav-list{flex-direction:column;width:100%;gap:1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.game-showcase,.rules-showcase,.about-content,.contact-content,.footer-content,.features{grid-template-columns:1fr}}@media(max-width:768px){.hero-title,.section-title{font-size:2rem}.btn{padding:.8rem 2rem;font-size:1rem}}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:9999}.splash-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.splash-bg-image{width:100%;height:100%;object-fit:cover;object-position:center}.splash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d}.splash-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:20px 20px 60px;z-index:1}.splash-title-container{text-align:center;margin-top:20px;z-index:2}.splash-title{font-family:Poppins,Arial,sans-serif;font-size:3.5rem;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(255,215,0,.5),0 0 40px rgba(255,215,0,.3);margin:0;letter-spacing:2px;text-transform:uppercase;animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(255,215,0,.5),0 0 40px rgba(255,215,0,.3)}to{text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 30px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.5)}}.splash-subtitle{font-family:Poppins,Arial,sans-serif;font-size:1.2rem;font-weight:600;color:gold;text-shadow:1px 1px 3px rgba(0,0,0,.8),0 0 15px rgba(255,215,0,.4);margin:10px 0 0;letter-spacing:1px;text-transform:uppercase}.splash-buttons{display:flex;justify-content:space-between;width:100%;max-width:600px;padding:0 20px;margin-top:20px;z-index:2}.splash-button{display:flex;flex-direction:column;align-items:center;gap:10px}.splash-icon{width:80px;height:80px;border-radius:50%;background:#00c8c84d;border:3px solid rgba(0,200,200,.6);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;box-shadow:0 0 20px #00c8c880,inset 0 0 20px #00c8c833;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #00c8c880,inset 0 0 20px #00c8c833}50%{transform:scale(1.1);box-shadow:0 0 30px #00c8c8cc,inset 0 0 30px #00c8c84d}}.splash-button-text{font-family:Poppins,Arial,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.8),0 0 10px rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:2px}.splash-loading-section{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:40px;z-index:2;width:100%;max-width:500px}.splash-loading-text{font-family:Poppins,Arial,sans-serif;font-size:2rem;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(255,215,0,.6);margin:0;text-align:center;animation:textPulse 1.5s ease-in-out infinite;position:relative}.splash-loading-text:after{content:"";position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:gold;border-radius:50%;animation:dotBlink 1.5s infinite;box-shadow:0 0 10px #ffd700cc}@keyframes dotBlink{0%,to{opacity:0;transform:translateY(-50%) scale(0)}50%{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes textPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.splash-progress-container{width:100%;height:10px;background:#0009;border-radius:10px;overflow:hidden;border:2px solid rgba(255,215,0,.4);box-shadow:inset 0 2px 4px #00000080,0 0 20px #ffd7004d,0 0 40px #ffd70033;position:relative}.splash-progress-bar{height:100%;background:linear-gradient(90deg,gold,#ffed4e,gold);border-radius:10px;box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70080;animation:progressGlow 1s ease-in-out infinite;transition:width .3s ease-out;position:relative;overflow:hidden}.splash-progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{left:-100%}to{left:100%}}@keyframes progressGlow{0%,to{box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70080}50%{box-shadow:0 0 30px gold,0 0 60px #ffd700b3}}.splash-loading-subtext{font-family:Poppins,Arial,sans-serif;font-size:1rem;font-weight:500;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.8),0 0 10px rgba(255,255,255,.3);margin:0;text-align:center}.splash-loading-spinner{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:15px}.spinner-ring{width:14px;height:14px;border:3px solid rgba(255,215,0,.2);border-top:3px solid #ffd700;border-radius:50%;animation:spinRing 1.2s linear infinite;box-shadow:0 0 10px #ffd70080}.spinner-ring:nth-child(1){animation-delay:0s}.spinner-ring:nth-child(2){animation-delay:.15s}.spinner-ring:nth-child(3){animation-delay:.3s}@keyframes spinRing{0%{transform:rotate(0);opacity:.7}50%{opacity:1}to{transform:rotate(360deg);opacity:.7}}@media(max-width:768px){.splash-title{font-size:2.5rem;letter-spacing:1px}.splash-subtitle{font-size:1rem}.splash-icon{width:60px;height:60px;font-size:2rem}.splash-button-text{font-size:.9rem}.splash-loading-text{font-size:1.5rem}.splash-loading-subtext{font-size:.9rem}.splash-buttons{max-width:100%;padding:0 10px}}@media(max-width:480px){.splash-title{font-size:2rem}.splash-subtitle{font-size:.85rem}.splash-icon{width:50px;height:50px;font-size:1.5rem}.splash-button-text{font-size:.8rem}.splash-loading-text{font-size:1.2rem}.splash-loading-subtext{font-size:.8rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--gradient-hero);position:relative}.auth-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0a0a0a66,#2a2a2a4d,#6a0dad33,#dc143c33,#ffd7001a);z-index:0}.auth-card{background:linear-gradient(135deg,var(--secondary-black) 0%,var(--accent-black) 50%,rgba(106,13,173,.3) 100%);border-radius:20px;padding:3rem;width:100%;max-width:500px;box-shadow:0 10px 40px #00000080;border:1px solid rgba(255,215,0,.2);position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;font-weight:700;color:var(--gold-primary);margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.auth-header p{color:var(--gray-light);font-size:1rem}.error-message{background:#dc143c33;border:1px solid var(--red-primary);color:var(--red-secondary);padding:1rem;border-radius:10px;margin-bottom:1.5rem;text-align:center;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--gold-primary);font-weight:500;font-size:.95rem}.form-group input[type=text],.form-group input[type=tel],.form-group input[type=password]{padding:1rem;border:1px solid rgba(255,215,0,.3);border-radius:10px;background:linear-gradient(135deg,var(--accent-black) 0%,rgba(106,13,173,.2) 100%);color:var(--white);font-size:1rem;font-family:var(--font-primary);transition:all .3s ease}.form-group input::placeholder{color:var(--gray-dark)}.form-group input:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 10px #ffd7004d;background:linear-gradient(135deg,var(--accent-black) 0%,rgba(106,13,173,.3) 100%)}.checkbox-group{flex-direction:row;align-items:center;gap:.75rem}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--gold-primary)}.checkbox-group label{color:var(--gray-light);font-weight:400;cursor:pointer;font-size:.9rem}.btn-auth{padding:1rem 2rem;background:var(--gradient-gold);color:var(--primary-black);border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-top:.5rem;box-shadow:0 4px 15px #ffd70066}.btn-auth:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd70099;background:var(--gradient-red);color:var(--white)}.btn-auth:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:2rem;text-align:center;display:flex;flex-direction:column;gap:1rem}.auth-footer p{color:var(--gray-light);font-size:.95rem}.auth-footer a{color:var(--gold-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.auth-footer a:hover{color:var(--gold-secondary);text-decoration:underline}.back-link{color:var(--gray-light)!important;font-size:.9rem!important;font-weight:400!important}.back-link:hover{color:var(--gold-primary)!important}@media(max-width:768px){.auth-card{padding:2rem}.auth-header h1{font-size:1.5rem}.auth-header p{font-size:.9rem}}.wallet-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.wallet-modal{background:linear-gradient(135deg,#1a1a1a,#2d1b3d);border:2px solid rgba(255,215,0,.3);border-radius:20px;width:90%;max-width:500px;max-height:90vh;padding:0;box-shadow:0 10px 40px #00000080;animation:walletSlideIn .3s ease-out;display:flex;flex-direction:column;overflow:hidden}@keyframes walletSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.wallet-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(255,215,0,.2)}.wallet-title{display:flex;align-items:center;gap:10px;font-family:Poppins,sans-serif;color:gold;font-size:1.5rem;font-weight:600}.wallet-title i{font-size:1.5rem}.wallet-close-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px 10px;transition:all .3s ease;border-radius:5px}.wallet-close-btn:hover{background:#ffffff1a;color:gold}.wallet-balance{padding:20px 25px;text-align:center;border-bottom:1px solid rgba(255,215,0,.2)}.wallet-balance-label{font-family:Poppins,sans-serif;color:#ccc;font-size:.9rem;margin-bottom:8px}.wallet-balance-amount{font-family:Poppins,sans-serif;color:gold;font-size:2.5rem;font-weight:700}.wallet-locked-bonuses{padding:12px 20px 6px;background:#0009;border-bottom:1px solid rgba(255,215,0,.2)}.wallet-locked-row{display:flex;justify-content:space-between;align-items:center;font-family:Poppins,sans-serif;font-size:.9rem;margin-bottom:6px}.wallet-locked-label{color:#ccc}.wallet-locked-value{color:gold;font-weight:600}.wallet-tabs{display:flex;border-bottom:1px solid rgba(255,215,0,.2)}.wallet-tab{flex:1;background:transparent;border:none;padding:15px 20px;font-family:Poppins,sans-serif;font-size:1rem;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;position:relative}.wallet-tab.active{background:#28a745;color:#fff}.wallet-tab:not(.active):hover{background:#ffffff0d}.wallet-content{padding:25px;overflow-y:auto;overflow-x:hidden;flex:1;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.wallet-content::-webkit-scrollbar{display:none}.wallet-message{padding:12px 15px;border-radius:8px;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:.9rem}.wallet-message.error-message{background:#dc354533;border:1px solid #dc3545;color:#ff6b6b}.wallet-message.success-message{background:#28a74533;border:1px solid #28a745;color:#0f8}.wallet-input-group{margin-bottom:25px}.wallet-label{display:block;font-family:Poppins,sans-serif;color:#ccc;font-size:.9rem;margin-bottom:10px}.wallet-input{width:100%;padding:15px;background:#00000080;border:2px solid #ffd700;border-radius:10px;font-family:Poppins,sans-serif;font-size:1.2rem;color:gold;font-weight:600;text-align:center;box-sizing:border-box}.wallet-input:focus{outline:none;border-color:#ffed4e;box-shadow:0 0 10px #ffd7004d}.wallet-quick-select{margin-bottom:25px}.wallet-quick-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wallet-quick-btn{background:#00000080;border:2px solid #ffd700;border-radius:8px;padding:12px;font-family:Poppins,sans-serif;font-size:.95rem;color:gold;cursor:pointer;transition:all .3s ease}.wallet-quick-btn:hover{background:#ffd7001a;transform:translateY(-2px)}.wallet-quick-btn.active{background:#ffd70033;border-color:#ffed4e}.wallet-request-btn{width:100%;padding:15px;border:none;border-radius:10px;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;margin-bottom:15px}.wallet-request-btn.deposit{background:#28a745;color:#fff}.wallet-request-btn.withdraw{background:#dc3545;color:#fff}.wallet-request-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.wallet-request-btn:disabled{opacity:.5;cursor:not-allowed}.wallet-footer{text-align:center;font-family:Poppins,sans-serif;color:#ccc;font-size:.85rem;opacity:.8}.wallet-payment-section{margin-bottom:25px}.wallet-payment-dropdown{width:100%;padding:15px 40px 15px 15px;background:#00000080;border:2px solid #ffd700;border-radius:10px;font-family:Poppins,sans-serif;font-size:1rem;color:gold;cursor:pointer;transition:all .3s ease;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffd700' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:12px}.wallet-payment-dropdown:focus{outline:none;border-color:#ffed4e;box-shadow:0 0 10px #ffd7004d}.wallet-payment-dropdown option{background:#1a1a1a;color:gold;padding:10px}.wallet-payment-dropdown option:checked{background:#ffd70033}.wallet-payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.wallet-payment-method-btn{background:#00000080;border:2px solid #ffd700;border-radius:8px;padding:12px;font-family:Poppins,sans-serif;font-size:.9rem;color:gold;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.wallet-payment-method-btn:hover{background:#ffd7001a;transform:translateY(-2px)}.wallet-payment-method-btn.active{background:#ffd70033;border-color:#ffed4e;box-shadow:0 0 10px #ffd7004d}.wallet-payment-method-btn i{font-size:1.1rem}.wallet-payment-details{margin-top:15px;padding:15px;background:#0000004d;border-radius:10px;border:1px solid rgba(255,215,0,.2)}.wallet-payment-details .wallet-input{text-align:left;font-size:1rem;padding:12px}.wallet-payment-details .wallet-label{font-size:.85rem;margin-bottom:8px}.wallet-bonus-display{margin-top:10px;padding:10px 15px;background:#28a74526;border:1px solid rgba(40,167,69,.3);border-radius:8px;display:flex;justify-content:space-between;align-items:center}.wallet-bonus-label{font-family:Poppins,sans-serif;color:#ccc;font-size:.9rem}.wallet-bonus-amount{font-family:Poppins,sans-serif;color:#0f8;font-size:1rem;font-weight:600}@media(max-width:480px){.wallet-overlay{align-items:flex-start;padding:10px 0;overflow-y:auto}.wallet-modal{width:95%;max-width:none;max-height:calc(100vh - 20px);margin:auto}.wallet-balance-amount{font-size:2rem}.wallet-quick-buttons{grid-template-columns:repeat(2,1fr)}.wallet-title{font-size:1.2rem}.wallet-content{padding:20px 15px}.wallet-header,.wallet-balance{padding:15px 20px}.wallet-payment-methods{grid-template-columns:1fr}}:root{--desktop-frame-width: 430px;--desktop-frame-padding: 24px;--desktop-frame-radius: 28px;--desktop-frame-shadow: 0 20px 60px rgba(0, 0, 0, .45)}.game-page{min-height:100vh;background-color:#000;color:var(--white);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.game-page::-webkit-scrollbar{display:none}.game-frame{width:100%}.game-container{min-height:100vh;background:#000;color:var(--white);padding:0;font-family:var(--font-primary);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.game-container::-webkit-scrollbar{display:none}.game-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0a0a0ae6;border-bottom:1px solid rgba(255,215,0,.2)}.game-header-left{display:flex;align-items:center;gap:1rem}.game-id{font-size:.75rem;color:var(--gray-light);opacity:.7}.game-title{font-size:1.5rem;font-weight:700;color:var(--white);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-badge{background:#25d366;color:var(--white);padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.game-header-right{display:flex;align-items:center;gap:1rem}.user-icon{width:40px;height:40px;border-radius:50%;background:var(--accent-black);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.2rem;border:1px solid rgba(255,215,0,.3);cursor:pointer;transition:all .3s ease}.user-icon:hover{background:#ffd70033;border-color:#ffd70080}.balance-btn{background:var(--gold-primary);color:var(--primary-black);border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.balance-btn:hover{background:var(--gold-secondary);transform:translateY(-2px)}.bonus-display-left{display:flex;align-items:center;gap:.75rem}.bonus-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .3s ease;border:1px solid transparent}.bonus-item i{font-size:1rem}.bonus-item.deposit-bonus{background:linear-gradient(135deg,#4caf5033,#2e7d3233);border-color:#4caf5066;color:#4caf50;position:relative;left:167px}.bonus-item.deposit-bonus:hover{background:linear-gradient(135deg,#4caf504d,#2e7d324d);border-color:#4caf5099;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.bonus-item.referral-bonus{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef444466;color:#ef4444;position:relative;left:139px}.bonus-item.referral-bonus:hover{background:linear-gradient(135deg,#ef44444d,#dc26264d);border-color:#ef444499;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.stream-section{width:100%;height:400px;display:flex;align-items:center;justify-content:center;position:relative;margin:1rem 0}.stream-offline{text-align:center;color:var(--white)}.tv-icon{font-size:4rem;color:var(--gray-light);margin-bottom:1rem;opacity:.5}.offline-text{font-size:1.5rem;font-weight:600;margin:.5rem 0;color:var(--white)}.offline-subtext{font-size:1rem;color:var(--gray-light);opacity:.7;margin:0}.stream-player{width:100%;height:100%;background:var(--primary-black)}.stream-player iframe{width:100%;height:100%;border:none;border-radius:12px;background:#000}.stream-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem}.betting-section{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem;max-width:1400px;margin:0 auto;width:100%}@media(max-width:768px){.betting-section{grid-template-columns:1fr;gap:1rem;padding:.75rem}}.bet-box{border-radius:7px;padding:2rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent;display:flex;flex-direction:column;position:relative}@media(max-width:768px){.bet-box{padding:.75rem .5rem}}@media(max-width:480px){.bet-box{padding:.75rem .4rem;height:77px}}.andar-box{background:linear-gradient(135deg,#7f1d1d,#991b1b);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.5rem 1rem;align-items:start;padding:1.5rem}.bahar-box{background:linear-gradient(135deg,#1e3a8a,#1e40af);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.5rem 1rem;align-items:start;padding:1.5rem}@media(max-width:768px){.andar-box,.bahar-box{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:1rem;padding:1.25rem;min-height:auto}.andar-box,.bahar-box{grid-template-areas:"title" "bet-info" "card"}}.bet-box.selected{border-color:var(--gold-primary);box-shadow:0 0 20px #ffd70080}.opening-box{width:5rem;background:linear-gradient(to bottom,#713f1266,#78350f66);border-radius:.5rem;padding:.5rem;border:2px solid rgba(255,215,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 15px -3px #ffd70033,0 4px 6px -2px #ffd7001a;cursor:default;min-height:auto}@media(max-width:768px){.opening-box{width:100%;padding:1rem}}.opening-label{color:#ffd70066!important;text-shadow:none;font-size:.625rem;font-weight:600}.opening-icon{color:#ffd70080;font-size:1.5rem;font-weight:700}.bet-label{font-size:2rem;font-weight:700;color:#d3d3d3;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:0;line-height:1.2}@media(max-width:768px){.bet-label{font-size:1.5rem}}.andar-label{text-align:left;grid-column:1;grid-row:1;margin-bottom:0}.bahar-label{text-align:right;grid-column:2;grid-row:1;justify-self:end;margin-bottom:0}@media(max-width:768px){.andar-label{grid-area:title;text-align:left}.bahar-label{grid-area:title;text-align:right}}.bet-info{font-size:1rem;color:var(--white);opacity:.9;margin:.5rem 0;line-height:1.3}.bet-info-container{display:flex;flex-direction:column;gap:.3rem;margin:.5rem 0}.andar-bet-info{text-align:left;align-items:flex-start;grid-column:1;grid-row:2;margin:0}.bahar-bet-info{text-align:right;align-items:flex-end;grid-column:2;grid-row:2;justify-self:end;margin:0}@media(max-width:768px){.andar-bet-info{grid-area:bet-info;text-align:left;position:relative;bottom:7px}.bahar-bet-info{grid-area:bet-info;text-align:right;position:relative;bottom:10px}}.bet-info-line{font-size:.6rem;color:gold;line-height:1.3}.bet-placeholder{font-size:3rem;color:var(--white);opacity:.5;font-weight:300;margin-top:.5rem}.andar-placeholder{grid-column:2;grid-row:1 / 3;justify-self:end;align-self:center}.bahar-placeholder{grid-column:1;grid-row:1 / 3;justify-self:start;align-self:center}@media(max-width:768px){.andar-placeholder,.bahar-placeholder{grid-area:card;justify-self:center}}.opening-icon{font-size:2rem;color:var(--primary-black);font-weight:700;margin-bottom:.3rem;line-height:1}.opening-card-display{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:1rem;gap:.5rem}.opening-suit-name{font-size:1rem;font-weight:600;color:gold;text-transform:uppercase;letter-spacing:1px}@media(max-width:768px){.opening-suit-name{font-size:.85rem}.bet-info-line{font-size:.6rem;font-weight:800}.card-number-indicator{font-size:.65rem}}.playing-card{width:80px;height:112px;background:linear-gradient(135deg,#fff,#f8f8f8);border:2px solid #333;border-radius:12px;box-shadow:0 4px 8px #0000004d,0 2px 4px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transform-style:preserve-3d;transition:transform .3s ease,box-shadow .3s ease;animation:cardFlip .5s ease-in-out}.playing-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006,0 4px 8px #0000004d}@keyframes cardFlip{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}.card-value{font-size:1.8rem;font-weight:700;line-height:1;margin-bottom:.2rem;font-family:Arial,sans-serif}.card-suit{font-size:2.5rem;line-height:1;font-family:Arial,sans-serif}.card-red{color:#ffb6c1}.card-black{color:gold}.card-number-symbol{display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:6px}.opening-card-symbol{width:70px;height:70px}@media(max-width:768px){.card-number-symbol{width:50px;height:50px;padding:5px}.opening-card-symbol{width:60px;height:60px}}.card-display-container{display:flex;flex-direction:column;align-items:center;gap:.3rem}.andar-card-display{align-items:center;grid-column:2;grid-row:1 / 3;justify-self:end;align-self:center}.bahar-card-display{align-items:center;grid-column:1;grid-row:1 / 3;justify-self:start;align-self:center}@media(max-width:768px){.andar-card-display{grid-area:card;justify-self:center;align-self:center;position:relative;bottom:97px;left:33px}.bahar-card-display{grid-area:card;justify-self:center;align-self:center;position:relative;bottom:97px;right:29px}}.card-number-indicator{font-size:.75rem;color:#d3d3d3;font-weight:400;margin-top:.2rem}.card-number-value{font-size:1.4rem;font-weight:700;line-height:1;margin-bottom:0;margin-right:4px;font-family:Arial,sans-serif}.card-number-suit{font-size:1.6rem;line-height:1;font-family:Arial,sans-serif}@media(max-width:768px){.card-number-value{font-size:1.2rem}.card-number-suit{font-size:1.4rem}}.playing-card:before{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-top:2px solid rgba(0,0,0,.1);border-left:2px solid rgba(0,0,0,.1);border-radius:4px 0 0}.playing-card:after{content:"";position:absolute;bottom:4px;right:4px;width:20px;height:20px;border-bottom:2px solid rgba(0,0,0,.1);border-right:2px solid rgba(0,0,0,.1);border-radius:0 0 4px}.action-buttons{display:flex;justify-content:center;gap:.5rem;padding:.5rem 1rem;max-width:430px;margin:0 auto}.action-btn{padding:.5rem;border:none;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;flex-direction:column;gap:.25rem;transition:none;color:var(--white);min-width:0}.history-btn,.undo-btn,.rebet-btn{background:#2c3e50;color:#b0b0b0}.history-btn i,.undo-btn i,.rebet-btn i{color:#b0b0b0;font-size:.85rem}.history-btn span,.undo-btn span,.rebet-btn span{color:#b0b0b0;font-size:.65rem;font-weight:500}.history-btn:hover,.undo-btn:hover,.rebet-btn:hover{background:#34495e;transform:none}.bet-amount-btn{flex:1;height:45px;background:#facc15;border-radius:8px;border:2px solid #facc15;box-shadow:0 0 10px #facc1580;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:none;padding:.5rem .75rem}.bet-amount-btn:hover{box-shadow:0 0 15px #facc15b3}.bet-amount-btn:active{transform:scale(.95)}.bet-amount-btn-content{display:flex;align-items:center;gap:.4rem;flex-direction:row}.bet-amount-btn-icon{width:18px;height:18px;background-color:#ca8a04;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bet-amount-btn-icon span{color:#713f12;font-size:.7rem;font-weight:700}.bet-amount-btn-text{color:#713f12;font-weight:700;font-size:.8rem}.bet-amount-wrapper{position:relative;flex:1}.chip-selector-container{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#000000f2;border:2px solid #facc15;border-radius:15px;padding:12px;min-width:300px;max-width:90vw;z-index:1000;box-shadow:0 10px 30px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chip-selector-header{text-align:center;margin-bottom:4px}.chip-selector-hint{font-size:.75rem;color:#9ca3af}.chip-selector-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;cursor:grab;padding:8px 0}.chip-selector-scroll::-webkit-scrollbar{display:none}.chip-selector-scroll:active{cursor:grabbing}.chip-button{flex-shrink:0;background:none;border:none;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;padding:4px}.chip-button:hover{transform:scale(1.05)}.chip-button.chip-selected{transform:scale(1.1)}.chip-image-wrapper{position:relative;width:48px;height:48px}@media(min-width:640px){.chip-image-wrapper{width:56px;height:56px}}.chip-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.chip-overlay{position:absolute;inset:0;border-radius:50%;display:none;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#ca8a04,#a16207);color:#fff;z-index:1}.chip-overlay.chip-overlay-visible{display:flex;background:#eab308;color:#1a1a1a}.chip-overlay-text{font-size:.75rem;font-weight:700;text-align:center}.chip-indicator{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background-color:#22c55e;border-radius:50%;border:2px solid white;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chip-button.chip-selected .chip-image-wrapper{box-shadow:0 10px 15px -3px #eab30880,0 4px 6px -2px #eab3084d}.chip-button.chip-selected .chip-image-wrapper:before{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid #facc15;pointer-events:none}.chip-label{font-size:.75rem;text-align:center;margin-top:2px;color:#9ca3af}.chip-selector-footer{text-align:center;margin-top:8px;padding-top:8px;border-top:1px solid rgba(250,204,21,.2)}.chip-selector-label{font-size:.75rem;color:#9ca3af}.chip-selector-value{font-size:.75rem;font-weight:700;color:#facc15}.card-history-section{display:flex;align-items:center;justify-content:flex-start;padding:1rem 2rem;background:var(--primary-black);border-top:1px solid rgba(255,215,0,.2);max-width:1400px;margin:0 auto;gap:0;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.card-history-section::-webkit-scrollbar{display:none}.card-history-label{font-size:1rem;font-weight:600;color:var(--gray-light);white-space:nowrap;flex-shrink:0;display:flex;flex-direction:column;line-height:1.2;text-align:left}.label-line{display:block}.card-history-cards{display:flex;gap:.5rem;flex:1;justify-content:flex-start;align-items:center;overflow:hidden;white-space:nowrap;min-width:0;flex-wrap:nowrap;max-width:100%}.card-history-cards::-webkit-scrollbar{display:none}.history-card{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--white)}.andar-card{background:var(--red-primary)}.bahar-card{background:#4169e1}.card-history-more{display:flex;align-items:center;gap:.5rem;cursor:pointer;opacity:.8;transition:opacity .3s ease;flex-shrink:0}.more-text{display:flex;flex-direction:column;line-height:1.2;text-align:left;color:var(--gold-primary);font-size:.9rem;font-weight:500}.more-line{display:block}.card-history-more i{color:var(--gold-primary);font-size:.9rem}.card-history-more:hover{opacity:1}.history-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.history-modal-content{background:linear-gradient(135deg,#141414fa,#0a0a0afa);border:2px solid rgba(255,215,0,.3);border-radius:16px;padding:2rem;max-width:800px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080,0 0 30px #ffd70033;animation:slideUp .4s ease;scrollbar-width:none;-ms-overflow-style:none}.history-modal-content::-webkit-scrollbar{display:none}.history-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,215,0,.3)}.history-modal-header h2{color:gold;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 2px 8px rgba(255,215,0,.3)}.history-modal-close{background:transparent;border:2px solid rgba(255,215,0,.4);color:gold;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.history-modal-close:hover{background:#ffd70033;border-color:#ffd70099;transform:rotate(90deg)}.history-modal-loading{text-align:center;padding:3rem;color:#ffffffb3;font-size:1.1rem}.history-statistics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.history-stat-item{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease}.history-stat-item:hover{background:#ffd70026;border-color:#ffd70080;transform:translateY(-2px);box-shadow:0 4px 12px #ffd70033}.history-stat-label{display:block;font-size:.85rem;color:#ffffffb3;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.history-stat-value{display:block;font-size:1.5rem;font-weight:700;color:gold;text-shadow:0 2px 8px rgba(255,215,0,.3)}.history-cards-container{margin-top:1.5rem}.history-cards-label{font-size:1rem;font-weight:600;color:#ffffffe6;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.history-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.75rem;padding:1rem;background:#0000004d;border-radius:12px;border:1px solid rgba(255,215,0,.2)}.history-card-item{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:var(--white);transition:all .3s ease;border:2px solid transparent}.history-card-item.andar-card{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef444480}.history-card-item.bahar-card{background:linear-gradient(135deg,#4169e1,#1e40af);border-color:#4169e180}.history-card-item:hover{transform:scale(1.1);box-shadow:0 4px 12px #0006}@media(max-width:768px){.history-modal-content{padding:1.5rem;width:95%;max-height:90vh}.history-modal-header h2{font-size:1.4rem}.history-modal-close{width:32px;height:32px;font-size:1rem}.history-statistics{grid-template-columns:1fr;gap:.75rem}.history-stat-item{padding:.75rem}.history-stat-label{font-size:.8rem}.history-stat-value{font-size:1.3rem}.history-cards-label{font-size:.9rem}.history-cards-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.5rem;padding:.75rem}.history-card-item{width:40px;height:40px;font-size:1rem}}@media(max-width:968px){.game-header{flex-direction:row;gap:.5rem;padding:.75rem 1rem;justify-content:space-between}.game-header-left{flex:1;gap:.5rem}.betting-section{grid-template-columns:repeat(3,1fr)!important;padding:.75rem 1rem;gap:.5rem}.action-buttons{flex-wrap:nowrap;padding:.5rem .75rem;gap:.5rem;display:flex;justify-content:center}.action-btn{flex:1;min-width:0;max-width:none;padding:.5rem .4rem;font-size:.75rem;justify-content:center;flex-direction:column;gap:.2rem}.history-btn,.undo-btn,.rebet-btn{padding:.5rem .4rem}.action-btn i,.history-btn i,.undo-btn i,.rebet-btn i{font-size:.9rem}.action-btn span,.history-btn span,.undo-btn span,.rebet-btn span{font-size:.65rem}.bet-amount-btn{flex:1;height:auto;padding:.5rem .4rem}.bet-amount-btn-content{flex-direction:row;gap:.3rem}.bet-amount-btn-icon{width:16px;height:16px}.bet-amount-btn-icon span{font-size:.6rem}.bet-amount-btn-text{font-size:.7rem}.chip-selector-container{left:-151px;transform:none;max-width:100%;position:absolute}.card-history-section{flex-direction:column;gap:1rem;padding:1rem}.card-history-cards{flex-wrap:wrap}}@media(max-width:768px){.game-container{padding:0}.game-header{padding:.75rem 1rem;flex-direction:row;justify-content:space-between;align-items:center}.game-header-left{flex:1;gap:.5rem}.bonus-display-left{gap:.5rem}.bonus-item{padding:.4rem .75rem;font-size:.8rem}.bonus-item i{font-size:.9rem}.game-id{font-size:.65rem;display:block;width:100%}.game-title{font-size:1rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-badge{font-size:.75rem;padding:.2rem .5rem}.game-header-right{gap:.5rem;justify-content:flex-end}.user-icon{width:35px;height:35px;font-size:1rem;position:relative;right:200px}.balance-btn{padding:.5rem 1rem;font-size:.85rem}.balance-btn span{font-size:.85rem}.stream-section{height:418px;margin:.5rem 0}.tv-icon{font-size:3rem}.offline-text{font-size:1.2rem}.offline-subtext{font-size:.85rem}.betting-section{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem .75rem}.bet-box{padding:.75rem .5rem}.bet-label{font-size:1rem;margin-bottom:.25rem}.bet-info{font-size:.7rem;margin:.25rem 0}.bet-placeholder{font-size:1.5rem;margin-top:.25rem}.playing-card{width:50px;height:70px}.card-value{font-size:1.1rem}.card-suit{font-size:1.5rem}.opening-icon{font-size:2rem;margin-bottom:.2rem}.opening-label{font-size:.9rem}.action-buttons{display:flex;flex-wrap:nowrap;gap:.4rem;padding:.5rem .75rem;justify-content:center}.action-btn{flex:1;min-width:0;padding:.5rem .35rem;font-size:.7rem;justify-content:center;flex-direction:column;gap:.2rem}.history-btn,.undo-btn,.rebet-btn{padding:.5rem .35rem}.action-btn i,.history-btn i,.undo-btn i,.rebet-btn i{font-size:.85rem}.action-btn span,.history-btn span,.undo-btn span,.rebet-btn span{font-size:.6rem}.bet-amount-btn{flex:1;height:45px;padding:.5rem .35rem}.bet-amount-btn-content{flex-direction:row;gap:.25rem}.bet-amount-btn-icon{width:14px;height:14px}.bet-amount-btn-icon span{font-size:.55rem}.bet-amount-btn-text{font-size:.65rem}.card-history-section{flex-direction:row;padding:.75rem 1rem;gap:.5rem;flex-wrap:nowrap;align-items:center;overflow:hidden}.card-history-label{font-size:.85rem;white-space:normal}.label-line{display:block}.card-history-cards{flex:1;justify-content:flex-start;gap:.4rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;min-width:0}.card-history-cards::-webkit-scrollbar{display:none}.history-card{width:35px;height:35px;font-size:.9rem;flex-shrink:0}.card-history-more{white-space:normal}.more-text{font-size:.8rem}.more-line{display:block}.card-history-more i{font-size:.8rem}}@media(max-width:480px){.game-header{padding:.5rem .75rem}.game-id{font-size:.6rem}.game-title{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-badge{font-size:.7rem;padding:.15rem .4rem}.user-icon{width:30px;height:30px;font-size:.9rem;position:relative;right:200px}.balance-btn{padding:.4rem .75rem;font-size:.75rem}.balance-btn i,.balance-btn span{font-size:.75rem}.stream-section{height:438px}.tv-icon{font-size:2.5rem}.offline-text{font-size:1rem}.offline-subtext{font-size:.75rem}.betting-section{grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.5rem}.bet-box{padding:.75rem .4rem;height:77px}.bet-label{font-size:1rem;margin-bottom:.2rem;position:relative;bottom:10px}.bet-info{font-size:.7rem;margin:.2rem 0}.bet-placeholder{font-size:1.3rem;margin-top:.2rem}.opening-icon{font-size:2rem;margin-bottom:.15rem}.opening-card{font-size:1.2rem;margin-top:.3rem}.action-buttons{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem .75rem}.action-btn{padding:.5rem .3rem;font-size:.65rem}.history-btn,.undo-btn,.rebet-btn{padding:.5rem .3rem}.action-btn i,.history-btn i,.undo-btn i,.rebet-btn i{font-size:.8rem}.action-btn span,.history-btn span,.undo-btn span,.rebet-btn span{font-size:.55rem}.bet-amount-btn{padding:.5rem 1.3rem}.bet-amount-btn-icon{width:12px;height:12px}.bet-amount-btn-icon span{font-size:.5rem}.bet-amount-btn-text{font-size:.6rem}.card-history-section{padding:.5rem .75rem;gap:.4rem}.card-history-label{font-size:.85rem}.history-card{width:30px;height:30px;font-size:.8rem}.more-text{font-size:.75rem}.more-line{display:block}.card-history-more i{font-size:.75rem}}@media(min-width:400px){.game-page{display:flex;justify-content:center;background:radial-gradient(circle at top,rgba(255,215,0,.12),transparent),#000}.game-frame{width:min(100%,var(--desktop-frame-width));margin:0 auto;box-shadow:var(--desktop-frame-shadow);border-radius:var(--desktop-frame-radius);background:#020202}.game-header,.stream-section,.betting-section,.action-buttons,.card-history-section{max-width:var(--desktop-frame-width);margin:8px auto}.action-btn{width:90px}.bet-amount-wrapper{flex:1}.game-header{padding:.5rem .75rem;gap:.5rem}.game-header-left{gap:.5rem}.game-title{font-size:1.1rem}.round-badge{font-size:.75rem;padding:.2rem .5rem}.game-header-right{gap:.5rem}.user-icon{width:35px;height:35px;font-size:1rem;position:relative;right:221px}.balance-btn{padding:.5rem 1rem;font-size:.85rem}.balance-btn i,.balance-btn span{font-size:.85rem}.betting-section{max-width:var(--desktop-frame-width);padding:.5rem;gap:.4rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch}.bet-box{padding:.75rem .4rem;height:77px}.andar-box,.bahar-box{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.5rem;padding:.75rem .4rem}.bet-label{font-size:1rem;margin-bottom:.4rem;position:relative;bottom:6px}.bet-info{font-size:.7rem;margin:.2rem 0}.bet-placeholder{font-size:1.3rem;margin-top:.2rem}.opening-box{width:8rem;padding:.5rem;justify-self:center;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}}@media(max-width:768px)and (orientation:landscape){.stream-section{height:396px}.betting-section{grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.5rem}.bet-box{min-height:74px;padding:.5rem .3rem}.bet-label{font-size:.9rem}.bet-info{font-size:.65rem}.bet-placeholder{font-size:1.2rem}.opening-icon{font-size:1.8rem}}@media(max-width:968px){.betting-section{grid-template-columns:repeat(3,1fr)!important}}.game-notification{position:fixed;top:20px;right:20px;z-index:10000;min-width:300px;max-width:500px;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #0000004d;transform:translate(400px);opacity:0;transition:all .3s ease;font-family:Poppins,sans-serif}.game-notification.show{transform:translate(0);opacity:1}.game-notification.success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-left:4px solid #2e7d32}.game-notification.error{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border-left:4px solid #c62828}.game-notification.warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border-left:4px solid #e65100}.game-notification.info{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border-left:4px solid #1565C0}.notification-content{display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:500}.notification-content i{font-size:1.2rem}@media(max-width:768px){.game-notification{top:10px;right:10px;left:10px;min-width:auto;max-width:none;transform:translateY(-100px)}.game-notification.show{transform:translateY(0)}}.game-result-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:20000;animation:fadeIn .3s ease;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-result-popup{border-radius:20px;padding:24px 18px 18px;max-width:500px;width:90%;max-height:80vh;box-shadow:0 20px 60px #00000080;animation:slideUp .4s ease;position:relative;pointer-events:auto;overflow-y:auto}@media(max-width:768px){.game-result-popup{width:88%;max-width:360px;padding:20px 14px 16px}}.game-result-popup.baba-bahar-popup{background:linear-gradient(135deg,#ff6b35,#f7931e,#ff8c42);border:3px solid #ffd700;box-shadow:0 20px 60px #ff6b3566,0 0 30px #ff8c424d}.game-result-popup.andar-popup{background:linear-gradient(135deg,#4caf50,#2e7d32,#66bb6a);border:3px solid #ffd700;box-shadow:0 20px 60px #4caf5066,0 0 30px #66bb6a4d}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.game-result-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(255,255,255,.2)}.baba-bahar-popup .game-result-header,.andar-popup .game-result-header{border-bottom:2px solid rgba(255,255,255,.3)}.game-result-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 10px;text-shadow:2px 2px 6px rgba(0,0,0,.7),0 0 10px rgba(0,0,0,.3)}.baba-bahar-popup .game-result-title,.andar-popup .game-result-title{text-shadow:2px 2px 6px rgba(0,0,0,.8),0 0 15px rgba(0,0,0,.4)}.game-result-subtitle{font-size:1.1rem;color:#ffffffe6;margin:0;font-weight:500}.baba-bahar-popup .game-result-subtitle,.andar-popup .game-result-subtitle{color:#fffffff2;text-shadow:1px 1px 3px rgba(0,0,0,.4)}.game-result-content{margin-bottom:20px}.game-result-section{text-align:center;margin-bottom:25px}.game-result-label{font-size:.9rem;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-weight:600}.baba-bahar-popup .game-result-label,.andar-popup .game-result-label{color:#fffffff2;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.game-result-amount-large{font-size:3rem;font-weight:700;color:gold;margin:15px 0;text-shadow:2px 2px 6px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.4)}.baba-bahar-popup .game-result-amount-large,.andar-popup .game-result-amount-large{color:gold;text-shadow:2px 2px 8px rgba(0,0,0,.9),0 0 15px rgba(0,0,0,.5)}.game-result-note{font-size:.95rem;color:#ffffffd9;margin-top:10px;font-weight:500}.baba-bahar-popup .game-result-note,.andar-popup .game-result-note{color:#ffffffe6;text-shadow:1px 1px 3px rgba(0,0,0,.4)}.game-result-summary{background:#0006;border-radius:12px;padding:20px;margin-top:20px}.baba-bahar-popup .game-result-summary,.andar-popup .game-result-summary{background:#00000080;border:1px solid rgba(255,255,255,.1)}.game-result-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.game-result-row:last-child{border-bottom:none}.game-result-label-left{font-size:1rem;color:#ffffffe6;font-weight:500}.game-result-value-right{font-size:1.1rem;font-weight:700;color:#fff}.game-result-value-right.yellow{color:gold}.game-result-value-right.red{color:#ff6b6b}.game-result-close-btn{width:100%;padding:15px;color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px}.baba-bahar-popup .game-result-close-btn{background:linear-gradient(135deg,#ff8c42,#ff6b35);box-shadow:0 4px 15px #ff6b354d}.baba-bahar-popup .game-result-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3580;background:linear-gradient(135deg,#ff9f5a,#ff7a4a)}.andar-popup .game-result-close-btn{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 4px 15px #4caf504d}.andar-popup .game-result-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5080;background:linear-gradient(135deg,#81c784,#66bb6a)}.game-result-close-btn:active{transform:translateY(0)}@media(max-width:768px){.game-result-popup{padding:30px 20px;max-width:95%}.game-result-title{font-size:2rem}.game-result-amount-large{font-size:2.5rem}.game-result-subtitle{font-size:1rem}}.user-profile-page{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d1b69,#8b0000);color:#fff;font-family:Poppins,sans-serif}.profile-nav{display:flex;background:linear-gradient(135deg,#1a1a1a,#2d1b69,#8b0000);border-bottom:2px solid rgba(255,215,0,.3);padding:10px 20px;gap:10px;overflow-x:auto;position:sticky;top:0;z-index:100;scrollbar-width:none;-ms-overflow-style:none}.profile-nav::-webkit-scrollbar{display:none}.profile-nav-item{background:transparent;border:none;color:#fff;padding:12px 20px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;border-radius:8px}.profile-nav-item:hover{background:#ffffff1a;color:gold}.profile-nav-item.active{background:#8b000099;color:orange;border-radius:8px}.profile-content{max-width:1200px;margin:0 auto;padding:30px 20px;position:relative}.profile-section h2{font-family:Poppins,sans-serif;color:gold;margin-bottom:25px;font-size:1.8rem}.profile-info,.profile-edit{display:flex;flex-direction:column;gap:20px}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field label{font-family:Poppins,sans-serif;color:gold;font-size:.9rem;font-weight:500}.profile-value{font-family:Poppins,sans-serif;color:#fff;font-size:1rem;padding:10px 15px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,215,0,.2)}.profile-input{font-family:Poppins,sans-serif;color:#fff;font-size:1rem;padding:10px 15px;background:#0000004d;border:1px solid rgba(255,215,0,.2);border-radius:8px;outline:none;transition:all .3s ease}.profile-input:focus{border-color:gold;background:#00000080}.profile-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.profile-btn{padding:12px 25px;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.profile-btn.edit-btn{background:linear-gradient(45deg,gold,#ffed4e);color:#1a1a1a}.profile-btn.reset-btn{background:linear-gradient(45deg,#4a90e2,#357abd);color:#fff}.profile-btn.logout-btn{background:linear-gradient(45deg,#ff6b6b,#f44);color:#fff}.profile-btn.delete-btn{background:linear-gradient(45deg,#dc3545,#c82333);color:#fff}.profile-btn.save-btn{background:linear-gradient(45deg,#28a745,#20c997);color:#fff}.profile-btn.cancel-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.profile-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.bonus-progress-card{margin-top:30px;padding:20px;background:#0006;border:1px solid rgba(255,215,0,.2);border-radius:12px}.bonus-progress-header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:flex-start}.bonus-progress-header h3{margin:0 0 5px;color:gold}.bonus-progress-header p{margin:0;color:#ccc;font-size:.95rem}.bonus-summary-badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.bonus-pill{padding:6px 14px;border-radius:999px;border:1px solid rgba(255,215,0,.5);color:gold;font-size:.85rem;font-weight:600;background:#ffd7001a;text-transform:uppercase}.bonus-summary-grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.bonus-summary-box{padding:15px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,215,0,.15);display:flex;flex-direction:column;gap:6px}.bonus-summary-box .label{font-size:.8rem;color:#bbb;letter-spacing:.05em;text-transform:uppercase}.bonus-summary-box strong{font-size:1.4rem;color:#fff}.bonus-requirements-list{margin-top:25px;display:flex;flex-direction:column;gap:15px}.bonus-requirement-row{padding:15px;border-radius:10px;background:#00000059;border:1px solid rgba(255,215,0,.15)}.bonus-requirement-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;color:#fff}.bonus-status-pill{padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;border:1px solid transparent}.bonus-status-pill.status-completed{background:#28a74533;border-color:#28a74580;color:#28a745}.bonus-status-pill.status-pending{background:#ffd70026;border-color:#ffd70066;color:gold}.bonus-progress-track{width:100%;height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden}.bonus-progress-fill{height:100%;background:linear-gradient(90deg,gold,#ff9f1a)}.bonus-progress-stats{margin-top:8px;display:flex;justify-content:space-between;color:#ccc;font-size:.9rem;flex-wrap:wrap;gap:10px}.bonus-loading{margin-top:15px;color:#ccc;font-size:.95rem}.back-to-game-btn{position:fixed;bottom:30px;right:30px;background:linear-gradient(45deg,gold,#ffed4e);color:#1a1a1a;border:none;padding:15px 25px;border-radius:50px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 5px 20px #ffd70066;transition:all .3s ease;z-index:1000}.back-to-game-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffd70099}@media(max-width:768px){.profile-nav{padding:10px;scrollbar-width:none;-ms-overflow-style:none}.profile-nav::-webkit-scrollbar{display:none}.profile-nav-item{padding:10px 15px;font-size:.9rem}.profile-content{padding:20px 15px}.profile-actions{flex-direction:column}.profile-btn{width:100%}.bonus-progress-header{flex-direction:column;align-items:flex-start}.bonus-summary-badges{justify-content:flex-start}.back-to-game-btn{bottom:20px;right:20px;padding:12px 20px;font-size:.9rem}}.referral-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.referral-code-section,.referral-stats-section{display:flex;flex-direction:column}.referral-section-title{font-family:Poppins,sans-serif;color:gold;font-size:1.5rem;font-weight:600;margin-bottom:20px}.referral-code-box{background:#00000080;border:2px solid rgba(255,215,0,.3);border-radius:12px;padding:25px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:15px}.referral-code-text{font-family:Poppins,sans-serif;color:gold;font-size:1.5rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;word-break:break-all;text-align:center}.copy-code-btn{background:transparent;border:2px solid #ffd700;color:gold;padding:10px 20px;border-radius:8px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.copy-code-btn:hover{background:#ffd7001a;transform:translateY(-2px)}.referral-description{font-family:Poppins,sans-serif;color:#fff;font-size:1rem;line-height:1.6;margin-bottom:20px}.referral-bonus-list{list-style:none;padding:0;margin:0}.referral-bonus-list li{font-family:Poppins,sans-serif;color:#fff;font-size:.95rem;line-height:1.8;padding-left:25px;position:relative;margin-bottom:10px}.referral-bonus-list li:before{content:"•";color:gold;font-size:1.5rem;position:absolute;left:0;top:-5px}.referral-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.referral-stat-box{background:#00000080;border:2px solid rgba(255,215,0,.3);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center}.referral-stat-value{font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;margin-bottom:10px}.referral-stat-label{font-family:Poppins,sans-serif;color:#fff;font-size:.9rem;opacity:.9}@media(max-width:968px){.referral-container{grid-template-columns:1fr;gap:30px}.referral-stats-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.referral-stats-grid{grid-template-columns:1fr}.referral-code-text{font-size:1.2rem}.referral-stat-value{font-size:1.5rem}}.transactions-table-container{overflow-x:auto;border-radius:12px;background:#0000004d;border:1px solid rgba(255,215,0,.2);margin-top:20px}.transactions-table{width:100%;border-collapse:collapse;font-family:Poppins,sans-serif}.transactions-table thead{background:#ffd7001a;border-bottom:2px solid rgba(255,215,0,.3)}.transactions-table th{padding:15px;text-align:left;color:gold;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.transactions-table tbody tr{border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.transactions-table tbody tr:hover{background:#ffd7000d}.transactions-table td{padding:15px;color:#fff;font-size:.9rem}.transaction-type{display:inline-flex;align-items:center;gap:6px;font-weight:500;padding:4px 10px;border-radius:6px}.transaction-type.deposit{color:#0f8;background:#00ff881a}.transaction-type.withdraw{color:#ff6b6b;background:#ff6b6b1a}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;text-transform:capitalize}.status-badge.status-pending{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.status-badge.status-approved{background:#28a74533;color:#28a745;border:1px solid rgba(40,167,69,.3)}.status-badge.status-rejected{background:#dc354533;color:#dc3545;border:1px solid rgba(220,53,69,.3)}@media(max-width:768px){.transactions-table-container{border-radius:8px}.transactions-table th,.transactions-table td{padding:10px 8px;font-size:.85rem}.transactions-table th{font-size:.8rem}.status-badge{font-size:.75rem;padding:4px 8px}.transaction-type{font-size:.8rem;padding:3px 8px}}@media(max-width:480px){.transactions-table{font-size:.8rem}.transactions-table th,.transactions-table td{padding:8px 5px;font-size:.75rem}.transactions-table th{font-size:.7rem;padding:10px 5px}}body{margin:0;padding:0;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#000;color:#fff}#root{width:100%;min-height:100vh}