@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--primary:#0a192f;--secondary:#00ff9c;--accent:#c7a008;--background:#1e1e1e;--white:#fff;--primary-light:#34495e;--primary-dark:#1a252f;--secondary-dark:#00ff9c;--secondary-light:#00ff9c;--accent-light:#d4b308;--accent-dark:#a08506;--bg-primary:#2c3e50;--bg-secondary:#1e1e1e;--bg-accent:#2a2a2a;--bg-light:#3a3a3a;--text-primary:#fff;--text-secondary:#e5e5e5;--text-muted:#b0b0b0;--text-accent:#00ff9c;--text-gold:#c7a008;--success:#00ff9c;--warning:#c7a008;--danger:#ff4757;--info:#00d4ff;--gradient-primary:linear-gradient(135deg,var(--primary),var(--primary-light));--gradient-secondary:linear-gradient(135deg,var(--secondary),var(--secondary-dark));--gradient-accent:linear-gradient(135deg,var(--accent),var(--accent-dark));--gradient-main:linear-gradient(135deg,var(--primary)0%,var(--background)50%,var(--bg-accent)100%);--gradient-logo:linear-gradient(135deg,var(--secondary),var(--accent));--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-primary:0 4px 6px -1px #0a192f4d;--shadow-secondary:0 4px 8px #00ff9c4d;--shadow-accent:0 4px 8px #c7a0084d;--border-radius-sm:.25rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}body{color:var(--text-primary);background:var(--gradient-main);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.1}h1{margin-bottom:var(--spacing-lg);font-size:4rem;font-weight:900;line-height:1}h2{margin-bottom:var(--spacing-md);font-size:3rem;font-weight:800;line-height:1.1}h3{margin-bottom:var(--spacing-md);font-size:2.25rem;font-weight:700;line-height:1.2}h4{margin-bottom:var(--spacing-sm);font-size:1.75rem;font-weight:600;line-height:1.3}h5{margin-bottom:var(--spacing-sm);font-size:1.375rem;font-weight:600;line-height:1.4}h6{margin-bottom:var(--spacing-sm);font-size:1.125rem;font-weight:600;line-height:1.4}p{margin-bottom:var(--spacing-md);color:var(--text-secondary);line-height:1.6}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent)}.text-gold{color:var(--text-gold)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}a{color:var(--text-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--secondary-light)}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs)}
.container{max-width:1280px;padding:0 var(--spacing-md);margin:0 auto}.main-container{background:var(--gradient-main);min-height:100vh}.container-fluid{width:100%;padding:0 var(--spacing-md)}.grid{gap:var(--spacing-md);display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}
@media (max-width:767px){.container{padding:0 var(--spacing-sm)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.p-lg{padding:var(--spacing-md)}.p-xl{padding:var(--spacing-lg)}.m-lg{margin:var(--spacing-md)}.m-xl{margin:var(--spacing-lg)}}@media (min-width:768px) and (max-width:1023px){.container{padding:0 var(--spacing-lg)}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.container{padding:0 var(--spacing-xl)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.container{max-width:1400px}}@media (min-width:1536px){.container{max-width:1600px}}@media (max-width:767px){.hidden-mobile{display:none!important}.block-mobile{display:block!important}.flex-mobile{display:flex!important}}@media (min-width:768px){.hidden-tablet{display:none!important}.block-tablet{display:block!important}.flex-tablet{display:flex!important}}@media (min-width:1024px){.hidden-desktop{display:none!important}.block-desktop{display:block!important}.flex-desktop{display:flex!important}}
.header{background-color:var(--primary);border-bottom:1px solid var(--bg-secondary);box-shadow:var(--shadow-primary);padding:var(--spacing-md)0;z-index:50;position:sticky;top:0}.header-container{max-width:1280px;padding:0 var(--spacing-md);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{align-items:center;gap:var(--spacing-sm);transition:all var(--transition-normal);padding:var(--spacing-sm);border-radius:var(--border-radius-md);text-decoration:none;display:flex;position:relative}.logo:before{content:"";background:radial-gradient(circle at center,var(--secondary)0%,transparent 70%);border-radius:var(--border-radius-md);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(8px);position:absolute;inset:0}.logo:after{content:"";background:var(--secondary);width:0;height:2px;transition:width var(--transition-normal);box-shadow:0 0 10px var(--secondary),0 0 20px var(--secondary);border-radius:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.logo:hover:before{opacity:.3}.logo:hover:after{width:100%}.logo:hover{transform:scale(1.02)}.logo-icon{background:var(--gradient-logo);border-radius:var(--border-radius-md);width:40px;height:40px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.logo-text{color:var(--text-primary);font-size:1.5rem;font-weight:700}.desktop-nav{align-items:center;gap:var(--spacing-lg);display:flex}.nav-link{color:var(--text-secondary);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-md);transition:all var(--transition-normal);font-size:.875rem;font-weight:500;text-decoration:none;position:relative}.nav-link:before{content:"";background:radial-gradient(circle at center,var(--secondary)0%,transparent 70%);border-radius:var(--border-radius-md);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(6px);position:absolute;inset:0}.nav-link:after{content:"";background:var(--secondary);width:0;height:2px;transition:width var(--transition-normal);box-shadow:0 0 8px var(--secondary),0 0 16px var(--secondary);border-radius:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.nav-link:hover:before{opacity:.2}.nav-link:hover:after{width:100%}.nav-link:hover{color:var(--text-primary);background-color:#ffffff1a;transform:translateY(-1px)}.header .nav-link.admin-link,.desktop-nav .nav-link.admin-link{background:linear-gradient(135deg,#c7a0081a,#c7a0080d);border:1px solid #c7a0084d;font-weight:600;color:var(--text-accent)!important}.header .nav-link.admin-link:before,.desktop-nav .nav-link.admin-link:before{background:radial-gradient(circle at center,var(--accent)0%,transparent 70%)}.header .nav-link.admin-link:after,.desktop-nav .nav-link.admin-link:after{background:var(--accent);box-shadow:0 0 8px var(--accent),0 0 16px var(--accent)}.header .nav-link.admin-link:hover,.desktop-nav .nav-link.admin-link:hover{border-color:var(--accent);background:linear-gradient(135deg,#c7a00833,#c7a0081a);transform:translateY(-1px);box-shadow:0 2px 8px #c7a0084d;color:var(--text-primary)!important}.header-login-form{align-items:center;gap:var(--spacing-sm);background:var(--primary);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--bg-secondary);transition:all var(--transition-normal);display:flex}.header-login-form:hover{background:var(--primary);border-color:var(--secondary)}.login-inputs-container{align-items:flex-start;gap:var(--spacing-sm);flex-wrap:wrap;padding-bottom:28px;display:flex;position:relative}.login-title{color:var(--text-muted);text-transform:capitalize;letter-spacing:.02em;margin-bottom:var(--spacing-xs);text-align:left;opacity:.9;transition:all var(--transition-normal);margin-left:0;font-size:.75rem;font-weight:500}.header-login-form:hover .login-title{color:var(--text-secondary);opacity:1}.header-login-input{color:var(--text-secondary);padding:var(--spacing-xs)var(--spacing-sm);width:160px;transition:all var(--transition-normal);border-radius:var(--border-radius-sm);background:0 0;border:1px solid #fff3;outline:none;font-size:.875rem;position:relative}.header-login-input:before{content:"";background:radial-gradient(circle at center,var(--secondary)0%,transparent 70%);border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(4px);position:absolute;inset:0}.header-login-input:after{content:"";background:var(--secondary);width:0;height:1px;transition:width var(--transition-normal);box-shadow:0 0 6px var(--secondary),0 0 12px var(--secondary);border-radius:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.header-login-input:hover:before{opacity:.15}.header-login-input:hover:after{width:100%}.header-login-input::placeholder{color:var(--text-muted)}.header-login-input:focus{color:var(--text-primary);border-radius:var(--border-radius-sm);border-color:var(--secondary);background:#00ff9c1a;box-shadow:0 0 0 2px #00ff9c4d}.header-login-input:hover{color:var(--text-primary);background:#ffffff0d;border-color:#fff6}.login-separator{background-color:var(--bg-accent);width:1px;height:20px}.header-login-button{background:var(--gradient-secondary);color:var(--primary);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;box-shadow:var(--shadow-secondary);transition:all var(--transition-normal);border:none;font-size:.875rem;font-weight:600;position:relative}.header-login-button:before{content:"";background:radial-gradient(circle at center,var(--secondary)0%,transparent 70%);border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(6px);position:absolute;inset:0}.header-login-button:after{content:"";background:var(--secondary);width:0;height:2px;transition:width var(--transition-normal);box-shadow:0 0 10px var(--secondary),0 0 20px var(--secondary);border-radius:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.header-login-button:hover:before{opacity:.3}.header-login-button:hover:after{width:100%}.header-login-button:hover{background:linear-gradient(135deg,var(--secondary-dark),#00ff9c);transform:translateY(-1px);box-shadow:0 4px 8px #00ff9c66}.header-error-general{border-radius:var(--border-radius-sm);padding:var(--spacing-xs)var(--spacing-sm);margin-bottom:var(--spacing-xs);text-align:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:1px solid #ff4757;box-shadow:0 2px 8px #ff47574d}.header-error-message{color:#fff;font-size:.75rem;font-weight:600}.header-input-wrapper{flex-direction:column;display:flex;position:relative}.header-field-error{color:#ff4757;text-align:left;margin-top:2px;font-size:.6875rem;font-weight:500}.header-login-input.error{background:#ff47571a;border-color:#ff4757}.header-login-input.error:focus{border-color:#ff4757;box-shadow:0 0 0 2px #ff47574d}.header-login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.header-login-button:disabled:hover{box-shadow:var(--shadow-secondary);transform:none}.register-link{margin-left:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);color:var(--text-accent);border-radius:var(--border-radius-sm);transition:all var(--transition-normal);white-space:nowrap;background:#c7a0081a;border:1px solid #c7a0084d;font-size:.875rem;font-weight:600;text-decoration:none}.register-link:hover{color:var(--text-primary);border-color:var(--accent);background-color:#c7a00833;transform:translateY(-1px);box-shadow:0 2px 8px #c7a0084d}.header-input-wrapper{position:relative}.forgot-wrapper{text-align:center;z-index:10;white-space:nowrap;width:100%;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.login-inputs-container>.header-input-wrapper:last-of-type .forgot-wrapper{top:calc(100% + 8px);left:calc(-160px - var(--spacing-sm) + 160px);width:calc(320px + var(--spacing-sm));text-align:center;pointer-events:auto;position:absolute}.forgot-link{color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:none;margin:0;padding:0;font-size:.75rem;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.forgot-link:hover{color:var(--text-accent);-webkit-text-decoration-color:var(--text-accent);text-decoration-color:var(--text-accent)}.mobile-forgot-link{padding:var(--spacing-xs)0;color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);text-align:center;background:0 0;border:none;width:100%;margin:0;font-size:.75rem;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.mobile-forgot-link:hover{color:var(--text-accent);-webkit-text-decoration-color:var(--text-accent);text-decoration-color:var(--text-accent)}.mobile-menu-button{color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:background-color var(--transition-normal);z-index:100;background:0 0;border:none;display:none;position:relative}.mobile-menu-button:hover{background-color:#ffffff1a}.mobile-menu{background-color:var(--primary);border-top:1px solid var(--bg-secondary);box-shadow:var(--shadow-lg);z-index:99;display:none;position:absolute;top:100%;left:0;right:0}.mobile-menu-content{padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;display:flex}.mobile-nav-link{color:var(--text-secondary);padding:var(--spacing-sm)0;border-bottom:1px solid var(--bg-accent);transition:all var(--transition-normal);font-weight:500;text-decoration:none;position:relative}.mobile-nav-link:before{content:"";background:radial-gradient(circle at center,var(--secondary)0%,transparent 70%);border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(4px);position:absolute;inset:0}.mobile-nav-link:after{content:"";background:var(--secondary);width:0;height:1px;transition:width var(--transition-normal);box-shadow:0 0 6px var(--secondary),0 0 12px var(--secondary);border-radius:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.mobile-nav-link:hover:before{opacity:.2}.mobile-nav-link:hover:after{width:100%}.mobile-nav-link:hover{color:var(--text-primary);transform:translate(5px)}.mobile-menu .mobile-nav-link.admin-link,.mobile-menu-content .mobile-nav-link.admin-link{border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,#c7a0081a,#c7a0080d);border:1px solid #c7a0084d;font-weight:600;color:var(--text-accent)!important}.mobile-menu .mobile-nav-link.admin-link:before,.mobile-menu-content .mobile-nav-link.admin-link:before{background:radial-gradient(circle at center,var(--accent)0%,transparent 70%)}.mobile-menu .mobile-nav-link.admin-link:after,.mobile-menu-content .mobile-nav-link.admin-link:after{background:var(--accent);box-shadow:0 0 6px var(--accent),0 0 12px var(--accent)}.mobile-menu .mobile-nav-link.admin-link:hover,.mobile-menu-content .mobile-nav-link.admin-link:hover{border-color:var(--accent);background:linear-gradient(135deg,#c7a00833,#c7a0081a);transform:translate(8px);box-shadow:0 2px 8px #c7a0084d;color:var(--text-primary)!important}.mobile-nav-link:last-child{border-bottom:none}.mobile-login-form{gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bg-accent);flex-direction:column;display:flex}.mobile-login-title{color:var(--text-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm);text-align:center;opacity:.9;transition:all var(--transition-normal);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius-sm);background:#c7a0081a;border:1px solid #c7a0084d;font-size:.875rem;font-weight:600}.mobile-login-form:hover .mobile-login-title{color:var(--secondary);opacity:1;text-shadow:0 0 8px #00ff9c4d;border-color:var(--secondary);background:#00ff9c1a}.mobile-login-input{border:1px solid var(--bg-accent);color:var(--text-secondary);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-normal);background:#1e1e1e80;outline:none;font-size:.875rem;position:relative}.mobile-login-input:before{content:"";background:radial-gradient(circle at center,var(--secondary)0%,transparent 70%);border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(4px);position:absolute;inset:0}.mobile-login-input:after{content:"";background:var(--secondary);width:0;height:1px;transition:width var(--transition-normal);box-shadow:0 0 6px var(--secondary),0 0 12px var(--secondary);border-radius:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.mobile-login-input:hover:before{opacity:.15}.mobile-login-input:hover:after{width:100%}.mobile-login-input::placeholder{color:var(--text-muted)}.mobile-login-input:focus{color:var(--text-primary);border-color:var(--secondary);box-shadow:0 0 0 2px #00ff9c4d}.mobile-login-input:hover{color:var(--text-primary)}.mobile-login-button{background:var(--gradient-secondary);color:var(--primary);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal);border:none;font-size:.875rem;font-weight:600;position:relative}.mobile-login-button:before{content:"";background:radial-gradient(circle at center,var(--secondary)0%,transparent 70%);border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(6px);position:absolute;inset:0}.mobile-login-button:after{content:"";background:var(--secondary);width:0;height:2px;transition:width var(--transition-normal);box-shadow:0 0 10px var(--secondary),0 0 20px var(--secondary);border-radius:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.mobile-login-button:hover:before{opacity:.3}.mobile-login-button:hover:after{width:100%}.mobile-login-button:hover{background:linear-gradient(135deg,var(--secondary-dark),#00ff9c);transform:translateY(-1px);box-shadow:0 4px 8px #00ff9c66}.mobile-error-general{border-radius:var(--border-radius-sm);padding:var(--spacing-xs)var(--spacing-sm);margin-bottom:var(--spacing-xs);text-align:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:1px solid #ff4757;box-shadow:0 2px 8px #ff47574d}.mobile-error-message{color:#fff;font-size:.75rem;font-weight:600}.mobile-input-wrapper{flex-direction:column;display:flex;position:relative}.mobile-field-error{color:#ff4757;text-align:left;margin-top:2px;font-size:.6875rem;font-weight:500}.mobile-login-input.error{background:#ff47571a;border-color:#ff4757}.mobile-login-input.error:focus{border-color:#ff4757;box-shadow:0 0 0 2px #ff47574d}.mobile-login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.mobile-login-button:disabled:hover{box-shadow:none;transform:none}.mobile-login-form .mobile-nav-link{margin-top:var(--spacing-sm);text-align:center;color:var(--text-accent);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-normal);background:#c7a0081a;border:1px solid #c7a0084d;font-weight:600}.header-user-info{align-items:center;gap:var(--spacing-md);display:flex}.user-welcome{align-items:center;display:flex}.user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.header-logout-button{color:#fff;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal);background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #ff6b6b4d}.header-logout-button:hover{background:linear-gradient(135deg,#ff5252,#e53935);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b66}.mobile-user-info{gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bg-accent);flex-direction:column;display:flex}.mobile-user-welcome{text-align:center}.mobile-user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.mobile-logout-button{color:#fff;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal);background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #ff6b6b4d}.mobile-logout-button:hover{background:linear-gradient(135deg,#ff5252,#e53935);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b66}.mobile-login-form .mobile-nav-link:hover{color:var(--text-primary);border-color:var(--accent);background-color:#c7a00833;transform:translateY(-1px);box-shadow:0 2px 8px #c7a0084d}@media (max-width:1024px){.desktop-nav{gap:var(--spacing-md)}.header-login-form{gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm)}.login-title{margin-bottom:var(--spacing-xs);font-size:.6875rem}.login-inputs-container{gap:var(--spacing-xs)}.header-login-input{width:140px;font-size:.8125rem}.header-login-button{padding:var(--spacing-xs)var(--spacing-sm);font-size:.8125rem}}@media (max-width:768px){.desktop-nav,.header-login-form,.header-user-info{display:none}.mobile-menu-button{display:block!important}.mobile-menu{display:block}}@media (max-width:480px){.header-container{padding:0 var(--spacing-sm)}.logo-icon{width:36px;height:36px}.logo-text{font-size:1.25rem}}
.main-container{color:#fff;background:linear-gradient(135deg,#0a192f 0%,#1e1e1e 50%,#2a2a2a 100%);min-height:100vh;overflow-x:hidden}.home-content{padding-top:10px}.hero-section{background:#ffffff05;padding:4rem 1rem}.hero-content{grid-template-columns:2fr 1fr;align-items:center;gap:3rem;max-width:1280px;margin:0 auto;display:grid}.hero-text{text-align:left}.hero-title{color:#fff;background:linear-gradient(135deg,#00ff9c,#00cc7a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1}.hero-subtitle{color:#fff;margin:0 0 1.5rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.2}.hero-description{color:#e5e5e5;max-width:500px;margin:0 0 1.5rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.hero-features{flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;display:flex}.feature-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:flex}.feature-item:hover{background:#00ff9c1a;border-color:#00ff9c;transform:translateY(-2px)}.feature-icon{filter:drop-shadow(0 0 4px #00ff9c80);font-size:1.5rem}.feature-text{color:#fff;font-size:.875rem;font-weight:600}.hero-image{justify-content:center;align-items:center;display:flex}.promo-image{background:linear-gradient(135deg,#0a192f,#1e1e1e) padding-box padding-box,linear-gradient(135deg,#00ff9c,gold,#00ff9c) border-box;border:2px solid #0000;border-radius:1rem;width:100%;height:400px;transition:transform .4s cubic-bezier(.4,0,.2,1);animation:20s ease-in-out infinite pulse-glow-border;position:relative;overflow:hidden}@keyframes pulse-glow-border{0%,to{box-shadow:0 0 30px #00ff9ccc,0 0 60px #00ff9c80,0 0 90px #00ff9c4d,inset 0 0 30px #00ff9c33}33%{box-shadow:0 0 40px gold,0 0 80px #ffd700b3,0 0 120px #ffd70066,inset 0 0 40px #ffd7004d}66%{box-shadow:0 0 40px #a855f7,0 0 80px #a855f7b3,0 0 120px #a855f766,inset 0 0 40px #a855f74d}}.promo-image:hover{border-width:3px;animation-duration:10s;transform:translateY(-4px)}.promo-image-content{object-fit:cover;z-index:1;border-radius:.875rem;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative}.promo-image:hover .promo-image-content{transform:scale(1.02)}.invert-layout{grid-template-columns:minmax(400px,1fr) 2fr;gap:20rem}@media (max-width:1024px){.invert-layout{grid-template-columns:1fr}.invert-layout .hero-image{order:2}.invert-layout .hero-text{order:1}}.bingo-section .hero-title{background:linear-gradient(135deg,#d946ef,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bingo-section .feature-item:hover{background:#d946ef1a;border-color:#d946ef}.bingo-section .feature-icon{filter:drop-shadow(0 0 4px #d946ef80)}.bingo-section .promo-image{background:linear-gradient(135deg,#0a192f,#1e1e1e) padding-box padding-box,linear-gradient(135deg,#d946ef,#a855f7,#d946ef) border-box;animation:20s ease-in-out infinite pulse-glow-border-bingo}@keyframes pulse-glow-border-bingo{0%,to{box-shadow:0 0 30px #d946efcc,0 0 60px #d946ef80,0 0 90px #d946ef4d,inset 0 0 30px #d946ef33}50%{box-shadow:0 0 40px #a855f7,0 0 80px #a855f7b3,0 0 120px #a855f766,inset 0 0 40px #a855f74d}}.register-section{background:#ffffff05;border-top:1px solid #ffffff1a;padding:4rem 1rem}.register-content{text-align:center;max-width:800px;margin:0 auto}.register-title{color:#fff;margin-bottom:1rem;font-size:clamp(2rem,4vw,2.5rem);font-weight:800}.register-subtitle{color:#e5e5e5;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.register-actions{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00cc7a);box-shadow:0 4px 8px #00ff9c4d}.btn-primary:hover{background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:translateY(-2px);box-shadow:0 8px 20px #00ff9c66}.btn-secondary{color:#fff;background:#ffffff1a;border:2px solid #00ff9c}.btn-secondary:hover{background:#00ff9c1a;border-color:#00ff9c;transform:translateY(-2px);box-shadow:0 8px 20px #00ff9c33}.btn-icon{font-size:1.25rem}@media (max-width:1024px){.hero-content{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-description{margin:0 auto}.hero-features{justify-content:center}.promo-image{height:clamp(380px,60vw,650px)}.promo-image-content{object-fit:contain;object-position:center}.register-actions{flex-direction:column;align-items:center}}@media (max-width:768px){.hero-section{padding:3rem 1rem}.hero-title{font-size:clamp(2rem,6vw,2.5rem)}.hero-subtitle{font-size:clamp(1.25rem,4vw,1.75rem)}.hero-description{font-size:1rem}.feature-item{justify-content:center}.promo-image{height:clamp(260px,60vw,360px)}.promo-image-content{object-fit:contain;object-position:center}.register-title{font-size:1.75rem}.register-subtitle{font-size:.95rem}.btn-primary,.btn-secondary{justify-content:center;width:100%;max-width:280px}}@media (max-width:480px){.hero-section{padding:2rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:.9rem}.promo-image{height:clamp(300px,70vw,300px)}.promo-image-content{object-fit:cover;object-position:center}.feature-text{font-size:.8rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem}}
.error-general{text-align:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:1px solid #ff4757;border-radius:12px;margin-bottom:20px;padding:16px;box-shadow:0 4px 12px #ff47574d}.error-general .error-message{color:#fff;font-size:14px;font-weight:600}.register-page{background:var(--gradient-main);min-height:100vh;padding:var(--spacing-md);justify-content:center;align-items:center;display:flex}.register-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-xl);width:100%;max-width:500px;padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);background:#ffffff0d;border:1px solid #ffffff1a}.register-header{text-align:center;margin-bottom:var(--spacing-xl)}.back-link{color:var(--text-muted);margin-bottom:var(--spacing-md);transition:color var(--transition-normal);align-items:center;font-size:.875rem;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--secondary)}.register-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:2rem;font-weight:700}.register-subtitle{color:var(--text-secondary);font-size:1rem}.progress-container{margin-bottom:var(--spacing-xl)}.progress-bar{width:100%;height:4px;margin-bottom:var(--spacing-md);background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{background:var(--gradient-secondary);height:100%;transition:width var(--transition-slow);border-radius:2px}.progress-steps{justify-content:center;gap:var(--spacing-lg);display:flex}.step{width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-normal);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.step.active{background:var(--gradient-secondary);color:var(--primary);box-shadow:0 0 10px #00ff9c4d}.register-form{margin-bottom:var(--spacing-xl)}.form-step{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title{color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:center;font-size:1.5rem;font-weight:600}.form-group{margin-bottom:var(--spacing-lg)}.form-label{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:600;display:block}.form-input{width:100%;padding:var(--spacing-md);border-radius:var(--border-radius-md);color:var(--text-primary);transition:all var(--transition-normal);background:#ffffff0d;border:2px solid #ffffff1a;outline:none;font-size:1rem}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--secondary);background:#00ff9c0d;box-shadow:0 0 0 3px #00ff9c1a}.form-input.error{border-color:var(--danger);background:#ff47570d}.form-input.error:focus{box-shadow:0 0 0 3px #ff47571a}.error-message{color:var(--danger);margin-top:var(--spacing-xs);font-size:.75rem;font-weight:500;display:block}.password-strength{margin-top:var(--spacing-sm)}.strength-bar{width:100%;height:4px;margin-bottom:var(--spacing-xs);background:#ffffff1a;border-radius:2px;overflow:hidden}.strength-fill{height:100%;transition:all var(--transition-normal);border-radius:2px}.strength-text{font-size:.75rem;font-weight:600}.checkbox-label{align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem;line-height:1.5;display:flex}.checkbox-input{width:18px;height:18px;accent-color:var(--secondary);margin-top:2px}.checkbox-text{color:var(--text-secondary)}.terms-link{color:var(--secondary);font-weight:600;text-decoration:none}.terms-link:hover{text-decoration:underline}.terms-view-btn{color:var(--secondary);cursor:pointer;transition:all var(--transition-normal);background:#ffffff14;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;margin-left:8px;padding:6px 12px;font-size:.8rem;font-weight:700;line-height:1;display:inline-flex}.terms-view-btn:hover{color:#00ff9c;background:#00ff9c14;border-color:#00ff9c59;transform:translateY(-1px);box-shadow:0 6px 18px #00ff9c2e}.terms-view-btn:active{transform:translateY(0)}.terms-view-btn:focus{outline:none;box-shadow:0 0 0 3px #00ff9c33}.btn-primary,.btn-secondary{width:100%;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;font-size:1rem;font-weight:600;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-secondary);color:var(--primary);box-shadow:var(--shadow-secondary)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary-dark),#00ff9c);transform:translateY(-2px);box-shadow:0 8px 20px #00ff9c66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-primary);background:#ffffff1a;border:2px solid #fff3}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.step-buttons{gap:var(--spacing-md);margin-top:var(--spacing-xl);display:flex}.step-buttons .btn-primary,.step-buttons .btn-secondary{flex:1}.confirmation-summary{border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:#ffffff0d;border:1px solid #ffffff1a}.summary-item{padding:var(--spacing-sm)0;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.summary-item:last-child{border-bottom:none}.summary-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.summary-value{color:var(--text-primary);font-weight:600}.register-footer{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid #ffffff1a}.register-footer p{color:var(--text-muted);margin:0;font-size:.875rem}.login-link{color:var(--secondary);font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}@media (max-width:768px){.register-page{padding:var(--spacing-sm)}.register-container{padding:var(--spacing-lg)}.register-title{font-size:1.75rem}.step-buttons{flex-direction:column}.step-buttons .btn-primary,.step-buttons .btn-secondary{width:100%}}@media (max-width:480px){.register-container{padding:var(--spacing-md)}.register-title{font-size:1.5rem}.step-title{font-size:1.25rem}.form-input,.btn-primary,.btn-secondary{padding:var(--spacing-sm)var(--spacing-md)}}
.step-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.step-card:hover{border-color:#00ff9c;transform:translateY(-5px);box-shadow:0 10px 30px #00ff9c33}.step-number{color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00cc7a);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;font-size:1.5rem;font-weight:700;animation:6s ease-in-out infinite sequential-glow;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #00ff9c4d}.step-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.step-description{color:#e5e5e5;text-align:center;margin:0;font-size:1rem;line-height:1.6}@keyframes sequential-glow{0%,15%{background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:scale(1);box-shadow:0 4px 8px #00ff9c4d}16%,30%{background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:scale(1.15);box-shadow:0 0 25px #00ff9c,0 0 50px #00ff9c,0 4px 8px #00ff9c4d}31%,to{background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:scale(1);box-shadow:0 4px 8px #00ff9c4d}}.steps-section{background:#ffffff05;padding:4rem 0}.steps-container{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem;display:grid}@media (max-width:768px){.steps-container{grid-template-columns:1fr;gap:1.5rem}.step-card{min-height:180px;padding:1.5rem}.step-number{width:50px;height:50px;font-size:1.25rem}.step-title{font-size:1.25rem}.step-description{font-size:.9rem}}
.help-button{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:30px;left:30px;overflow:hidden;box-shadow:0 8px 25px #667eea66}.help-button:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);transform:translateY(-3px)scale(1.05);box-shadow:0 12px 35px #667eea99}.help-button:active{transform:translateY(-1px)scale(1.02)}.help-button svg{width:28px;height:28px;transition:transform .3s}.help-button:hover svg{transform:rotate(10deg)}.help-button:before{content:"";opacity:.3;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;animation:2s infinite pulse;position:absolute;inset:0}@keyframes pulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.1)}to{opacity:.3;transform:scale(1)}}@media (max-width:768px){.help-button{width:55px;height:55px;bottom:20px;left:20px}.help-button svg{width:24px;height:24px}}@media (max-width:480px){.help-button{width:50px;height:50px;bottom:15px;left:15px}.help-button svg{width:22px;height:22px}}
.help-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.help-modal-container{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border:1px solid #fff3;border-radius:20px;width:100%;max-width:900px;max-height:90vh;animation:.4s cubic-bezier(.4,0,.2,1) slideUp;overflow:hidden;box-shadow:0 25px 50px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.help-modal-header{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);justify-content:space-between;align-items:center;padding:25px 30px;display:flex;position:relative;overflow:hidden}.help-modal-header:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:3s ease-in-out infinite shimmer;position:absolute;top:-50%;right:-50%}@keyframes shimmer{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.help-modal-title{z-index:1;align-items:center;gap:12px;margin:0;font-size:1.5rem;font-weight:700;display:flex;position:relative}.help-icon{font-size:1.8rem;animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.help-modal-close{color:#fff;cursor:pointer;z-index:1;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:relative}.help-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.help-modal-content{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc;max-height:calc(90vh - 200px);padding:30px;overflow-y:auto}.help-modal-content::-webkit-scrollbar{width:8px}.help-modal-content::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.help-modal-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.help-modal-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.help-section{margin-bottom:40px}.help-section:last-child{margin-bottom:0}.help-section-title{color:#2d3748;border-bottom:2px solid #e2e8f0;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:10px;font-size:1.3rem;font-weight:600;display:flex}.section-icon{font-size:1.5rem}.help-steps{flex-direction:column;gap:20px;display:flex}.help-step{background:#f8fafc;border-left:4px solid #2563eb;border-radius:12px;grid-template-columns:48px 1fr;align-items:center;gap:16px;padding:20px;transition:all .3s;display:grid}.help-step:hover{transform:translate(5px);box-shadow:0 8px 25px #2563eb26}.step-number{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.step-content h4{color:#2d3748;margin:0 0 6px;font-size:1.1rem;font-weight:600}.step-content p{color:#4a5568;margin:0;line-height:1.6}.help-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}.help-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:25px;transition:all .3s;box-shadow:0 4px 15px #00000014}.help-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.help-card p{color:#2d3748;margin:0;font-weight:500;line-height:1.6}.card-title{color:#1a202c;align-items:center;gap:8px;margin-bottom:15px;font-size:1.2rem;font-weight:700;display:flex}.bet-list{margin:0;padding:0;list-style:none}.bet-list li{color:#4a5568;border-bottom:1px solid #e2e8f0;padding:8px 0}.bet-list li:last-child{border-bottom:none}.payout-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.payout-row{color:#2d3748;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:12px 15px;font-weight:500;display:flex}.payout-row:last-child{border-bottom:none}.payout-row:nth-child(2n){background:#f8fafc}.payout{color:#667eea;font-weight:600}.game-steps{counter-reset:step-counter;margin:0;padding:0;list-style:none}.game-steps li{counter-increment:step-counter;color:#4a5568;border-bottom:1px solid #e2e8f0;padding:12px 0 12px 35px;position:relative}.game-steps li:last-child{border-bottom:none}.game-steps li:before{content:counter(step-counter);color:#fff;background:#667eea;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:.9rem;font-weight:600;display:flex;position:absolute;top:12px;left:0}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px;display:grid}.tip-card{background:linear-gradient(135deg,#f0fff4 0%,#c6f6d5 100%);border-left:4px solid #48bb78;border-radius:15px;padding:20px;transition:all .3s}.tip-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #48bb7833}.tip-card h4{color:#2d3748;margin:0 0 10px;font-size:1rem;font-weight:600}.tip-card p{color:#2d3748;margin:0;font-size:.95rem;font-weight:500;line-height:1.5}.support-info{background:linear-gradient(135deg,#f0fff4 0%,#c6f6d5 100%);border-left:4px solid #48bb78;border-radius:15px;padding:25px}.support-info p{color:#2d3748;margin:0 0 20px;font-weight:500}.contact-methods{flex-direction:column;gap:12px;display:flex}.contact-item{color:#4a5568;background:#fff;border-radius:8px;align-items:center;gap:12px;padding:10px 15px;font-weight:500;display:flex}.contact-icon{font-size:1.2rem}.help-modal-footer{background:#f7fafc;border-top:1px solid #e2e8f0;justify-content:center;padding:20px 30px;display:flex}.help-modal-close-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:25px;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s}.help-modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}@media (max-width:768px){.help-modal-container{max-height:95vh;margin:10px}.help-modal-header{padding:20px}.help-modal-title{font-size:1.3rem}.help-modal-content{padding:20px}.help-grid,.tips-grid{grid-template-columns:1fr}.help-step{text-align:center;grid-template-columns:1fr}.step-number{margin:0 auto 10px}}@media (max-width:480px){.help-modal-backdrop{padding:10px}.help-modal-container{border-radius:15px}.help-modal-header,.help-modal-content,.help-modal-footer{padding:15px}}.help-description{background:#f8fafc;border-left:4px solid #2563eb;border-radius:12px;margin-top:15px;padding:20px}.help-description p{color:#2d3748;margin:0;font-size:1rem;line-height:1.7}.help-card.full-width{grid-column:1/-1}.warning-card{background:linear-gradient(135deg,#fff5f5 0%,#fed7d7 100%);border-left:4px solid #fc8181}.warning-card .card-title{color:#c53030}.success-text{color:#22543d;background:#c6f6d5;border-radius:6px;margin-top:10px;padding:8px 12px;font-weight:600;display:inline-block}.warning-text{color:#742a2a;background:#fed7d7;border-radius:6px;margin-top:10px;padding:8px 12px;font-weight:600;display:inline-block}.example-box{background:#edf2f7;border:1px solid #cbd5e0;border-radius:12px;margin-top:15px;padding:20px}.example-box h5{color:#2d3748;margin:0 0 12px;font-size:1.1rem;font-weight:600}.example-box p{color:#4a5568;margin:0 0 10px;font-weight:500}.example-box ul{color:#4a5568;margin:10px 0 0 20px;padding:0}.example-box ul li{margin:8px 0;line-height:1.6}.payout-main{color:#00ff9c;font-weight:700}.payout-secondary{color:#667eea;font-weight:600}.payout-house{color:#fc8181;font-weight:600}.faq-list{flex-direction:column;gap:20px;margin-top:20px;display:flex}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 2px 8px #0000000d}.faq-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.faq-question{color:#2d3748;align-items:center;gap:8px;margin:0 0 12px;font-size:1.1rem;font-weight:600;display:flex}.faq-question:before{content:"❓";font-size:1.2rem}.faq-answer{color:#4a5568;margin:0;font-size:.95rem;line-height:1.7}.faq-answer ul{margin:10px 0 0 20px;padding:0}.faq-answer ul li{margin:8px 0;line-height:1.6}@media (max-width:768px){.help-card.full-width{grid-column:1}.example-box,.faq-item{padding:15px}}
.dashboard-shell{--dashboard-bg:#0b1220;--dashboard-bg-soft:#0f1730;--dashboard-card:#121b39;--dashboard-card-2:#0f1530;--dashboard-border:#ffffff14;--dashboard-text:#e6eaf3;--dashboard-muted:#b8c0d9;--dashboard-primary:#6c8cff;--dashboard-primary-2:#4a6cff;--dashboard-success:#00ff9c;--dashboard-danger:#f57;--dashboard-warning:#ffbf3d;--dashboard-shadow:0 20px 50px #00000059;--dashboard-radius:16px;min-height:100vh;color:var(--dashboard-text);background:radial-gradient(1000px 600px at 10% -10%,#1a245a 0%,#0000 60%),radial-gradient(1000px 600px at 90% -10%,#192a4d 0%,#0000 60%),linear-gradient(#0a1122,#0b1220 35%);padding:24px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,Apple Color Emoji,Segoe UI Emoji}.dashboard-grid{grid-template-columns:1.9fr .5fr;gap:18px;max-width:1280px;margin-top:18px;margin-left:auto;margin-right:auto;display:grid}.dashboard-main{gap:14px;display:grid}.dashboard-card{background:linear-gradient(180deg,var(--dashboard-card),var(--dashboard-card-2));border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius);box-shadow:var(--dashboard-shadow);padding:18px}.dashboard-card h3{color:var(--dashboard-text);margin:0 0 12px;font-size:16px;font-weight:700}.dashboard-card h4{color:var(--dashboard-muted);letter-spacing:.4px;margin:0 0 8px;font-size:12px;font-weight:600}@media (max-width:1100px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-shell{padding:16px}}
.dashboard-header{border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--dashboard-shadow);color:#fff;background:linear-gradient(145deg,#2c3e50f2,#2c3e50d9);grid-template-columns:1fr auto;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:18px 20px;display:grid}.dashboard-brand{letter-spacing:.5px;align-items:center;gap:12px;font-weight:800;display:flex}.dashboard-brand-badge{background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-primary-2));color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid;box-shadow:0 8px 24px #6c8cff59}.dashboard-brand-subtitle{color:#ffffffb3;font-size:14px}.dashboard-brand-title{letter-spacing:.4px;color:#fff;font-size:18px;font-weight:800}.dashboard-user{align-items:center;gap:14px;display:flex}.dashboard-meta{color:#ffffffb3;gap:2px;font-size:12px;display:grid}.dashboard-badge{color:#93a1ff;border:1px solid var(--border);background:#1a2550;border-radius:999px;padding:6px 10px;font-size:12px}.dashboard-avatar{background:#24305f;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}@media (max-width:768px){.dashboard-header{text-align:center;grid-template-columns:1fr;gap:16px;padding:20px 16px}.dashboard-brand{flex-direction:column;justify-content:center;gap:8px}.dashboard-brand-badge{width:40px;height:40px;font-size:18px}.dashboard-brand-subtitle{margin-bottom:4px;font-size:13px}.dashboard-brand-title{margin:0;font-size:18px}.dashboard-user{flex-direction:column;justify-content:center;align-items:center;gap:12px}.dashboard-meta{text-align:center;gap:4px;font-size:12px}.dashboard-badge{order:1;padding:8px 12px;font-size:12px}.dashboard-avatar{order:2;width:40px;height:40px;font-size:14px}}
.kpi-cards{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.kpi-cards>.dashboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#121b39f2,#0f1530fa);border:1px solid #ffffff14;border-radius:16px;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.kpi-cards>.dashboard-card:first-child:before{content:"";background:linear-gradient(90deg,#6c8cffcc 0%,#6c8cff66 100%);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-cards>.dashboard-card:nth-child(2):before{content:"";background:linear-gradient(90deg,#00d27acc 0%,#00ff9c66 100%);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-cards>.dashboard-card:nth-child(3):before{content:"";background:linear-gradient(90deg,#f57c 0%,#f576 100%);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-cards>.dashboard-card:nth-child(4):before{content:"";background:linear-gradient(90deg,#6c8cffcc 0%,#6c8cff66 100%);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-cards>.dashboard-card.kpi-net-negative:before{background:linear-gradient(90deg,#f57c 0%,#f576 100%)}@keyframes borderPulse{0%,to{opacity:.6}50%{opacity:1}}.kpi-cards>.dashboard-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 48px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff14}.kpi-cards>.dashboard-card h4{text-transform:uppercase;letter-spacing:.1em;color:#e6eaf399;margin:0 0 .875rem;padding-bottom:.5rem;font-size:.75rem;font-weight:600;position:relative}.kpi-cards>.dashboard-card h4:after{content:"";background:#fff3;border-radius:1px;width:24px;height:1px;position:absolute;bottom:0;left:0}.kpi-value{letter-spacing:-.5px;background:linear-gradient(135deg,#e6eaf3 0%,#b8c0d9 100%);-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;margin:.5rem 0 .75rem;font-size:1.6rem;font-weight:800;line-height:1.1;transition:all .3s}.kpi-cards>.dashboard-card:hover .kpi-value{transform:scale(1.02)}.kpi-success{background:linear-gradient(135deg,#00ff9c 0% 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #00ff9c4d;-webkit-background-clip:text;background-clip:text}.kpi-danger{background:linear-gradient(135deg,#f57 0%,#ff6b8a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.kpi-primary{background:linear-gradient(135deg,#6c8cff 0%,#9cc5ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.kpi-trend{text-transform:uppercase;letter-spacing:.08em;color:#e6eaf380;background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:.375rem;width:fit-content;margin-top:.25rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:500;transition:all .3s;display:inline-flex;position:relative}.kpi-cards>.dashboard-card:nth-child(2) .kpi-trend:before{content:"↑";color:#00ff9c99;font-size:.875rem}.kpi-cards>.dashboard-card:nth-child(3) .kpi-trend:before{content:"↓";color:#f579;font-size:.875rem}.kpi-cards>.dashboard-card:nth-child(4) .kpi-trend:before{content:"→";color:#9cc5ff99;font-size:.875rem;animation:2s ease-in-out infinite pulseArrow}.kpi-cards>.dashboard-card.kpi-net-negative .kpi-trend:before{content:"↓";color:#f579;animation:2s ease-in-out infinite pulseArrowDown}@keyframes pulseArrowDown{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(2px)}}@keyframes pulseArrow{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(2px)}}.kpi-cards>.dashboard-card:hover .kpi-trend{color:#e6eaf3b3;background:#ffffff0f;border-color:#ffffff1a}.kpi-cards>.dashboard-card:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;transition:opacity .6s;position:absolute;top:-50%;left:-50%}.kpi-cards>.dashboard-card:hover:after{opacity:1}@media (max-width:1100px) and (min-width:769px){.kpi-cards{grid-template-columns:repeat(2,1fr);gap:.875rem}.kpi-value{font-size:1.4rem}}@media (max-width:768px){.kpi-cards{grid-template-columns:repeat(2,1fr);gap:.75rem}.kpi-cards>.dashboard-card{padding:1.25rem}.kpi-value{font-size:1.2rem}.kpi-trend{padding:.3rem .625rem;font-size:.625rem}}@media (max-width:480px){.kpi-cards{grid-template-columns:repeat(2,1fr);gap:.625rem}.kpi-cards>.dashboard-card{padding:1rem}.kpi-value{font-size:1.1rem}.kpi-cards>.dashboard-card h4{margin-bottom:.75rem;font-size:.6875rem}}
.ruleta-metrics-panel{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ruleta-metrics-panel>.dashboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#121b39f2,#0f1530fa);border:1px solid #00ff9c26;grid-column:1/-1;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #00ff9c0d,inset 0 1px #ffffff0d}.ruleta-metrics-panel>.dashboard-card:before{content:"";background:linear-gradient(90deg,#0000 0%,#00ff9c99 20%,#00ff9ccc 50%,#00ff9c99 80%,#0000 100%);height:2px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:1}}.ruleta-metrics-panel>.dashboard-card h3{text-align:center;letter-spacing:.5px;background:linear-gradient(135deg,#e6eaf3 0%,#b8c0d9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:700;display:flex;position:relative}.ruleta-metrics-panel>.dashboard-card h3:after{content:"";background:linear-gradient(90deg,#0000,#00ff9ccc,#0000);border-radius:2px;width:60px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.progress-container{gap:1rem;padding:.5rem 0;display:grid}.progress-item{background:#0f153080;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid;position:relative;overflow:hidden}.progress-item:before{content:"";opacity:0;background:linear-gradient(#00ff9c99,#00ff9c4d);width:3px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.progress-item:hover{background:#0f1530b3;border-color:#00ff9c33;transform:translate(2px);box-shadow:0 4px 12px #00ff9c1a}.progress-item:hover:before{opacity:1}.progress-item>div:first-child{white-space:nowrap;color:#e6eaf3;letter-spacing:.3px;min-width:90px;font-size:.875rem;font-weight:600}.progress-item>div:last-child{white-space:nowrap;text-align:right;color:#00ff9c;letter-spacing:.5px;background:linear-gradient(135deg,#00ff9c26,#00ff9c14);border:1px solid #00ff9c33;border-radius:8px;justify-content:center;align-items:center;min-width:50px;padding:.35rem .75rem;font-size:.875rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 8px #00ff9c26}.progress-item:hover>div:last-child{background:linear-gradient(135deg,#00ff9c40,#00ff9c26);border-color:#00ff9c59;transform:scale(1.05);box-shadow:0 4px 12px #00ff9c40}.progress-bar{background:#111832cc;border:1px solid #ffffff14;border-radius:999px;height:12px;margin-top:13px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.progress-bar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%);animation:2s ease-in-out infinite progressShine;position:absolute;inset:0}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill{background:linear-gradient(90deg,#00ff9c 0% 50%,#00ff9c 100%);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);animation:2s ease-in-out infinite pulseGlow;position:relative;box-shadow:0 0 10px #00ff9c66,0 0 20px #00ff9c33,inset 0 1px #fff3}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #00ff9c66,0 0 20px #00ff9c33,inset 0 1px #fff3}50%{box-shadow:0 0 15px #00ff9c99,0 0 30px #00ff9c4d,inset 0 1px #ffffff4d}}.donut-container{align-items:center;gap:20px;height:110px;display:flex}.pie-chart{background:conic-gradient(#00d2ff 0deg 252deg,#ff6b6b 252deg 288deg,#00ff9c 288deg 324deg,#ffbf3d 324deg 360deg);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative}.pie-chart:before{content:"";background:var(--dashboard-bg);border-radius:50%;width:60px;height:60px;position:absolute}.pie-legend{flex:1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.legend-item{color:var(--dashboard-muted);align-items:center;gap:6px;font-size:11px;display:flex}.legend-color{border-radius:2px;width:12px;height:12px}.legend-color.principal{background:#00d2ff}.legend-color.secundario-izq{background:#ff6b6b}.legend-color.secundario-der{background:#00ff9c}.legend-color.casa{background:#ffbf3d}@media (max-width:1100px){.ruleta-metrics-panel{grid-template-columns:1fr}}@media (max-width:768px){.ruleta-metrics-panel .dashboard-card{padding:1.25rem}.ruleta-metrics-panel>.dashboard-card h3{margin-bottom:1.25rem;padding-bottom:.625rem;font-size:1rem}.progress-container{gap:.875rem;padding:.375rem 0}.progress-item{gap:.875rem;padding:.875rem 1rem}.progress-item>div:first-child{min-width:80px;font-size:.8125rem}.progress-item>div:last-child{min-width:45px;padding:.3rem .625rem;font-size:.8125rem}.progress-bar{height:10px}.donut-container{gap:15px;height:100px}.pie-chart{width:84px;height:84px}.pie-chart:before{width:54px;height:54px}.pie-legend{gap:6px}.legend-item{font-size:10px}.legend-color{width:10px;height:10px}}
.activity-feed{margin-top:14px}.activity-feed h3{text-align:center;letter-spacing:.4px;background:linear-gradient(135deg,#e6eaf3 0%,#b8c0d9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;margin-bottom:12px;font-size:1rem;font-weight:700;display:flex;position:relative}.activity-feed h3:after{content:"";background:linear-gradient(90deg,#0000,#00ff9cb3,#0000);border-radius:2px;width:56px;height:2px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.activity-list{gap:10px;display:grid}.activity-item{border:1px solid var(--dashboard-border);background:linear-gradient(#121b39e6,#0f1530f2);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff0a}.activity-item:before{content:"";opacity:.6;background:linear-gradient(#00ff9c80,#00ff9c40);border-radius:12px 0 0 12px;width:3px;position:absolute;top:0;bottom:0;left:0}.activity-item:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff0f 50%,#0000 100%);width:80%;height:180%;transition:transform .6s;position:absolute;top:-40%;left:-40%;transform:translate(-120%)rotate(20deg)}.activity-item:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 12px 32px #00000059}.activity-item:hover:after{transform:translate(220%)rotate(20deg)}.activity-time{color:var(--dashboard-muted);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.activity-time:before{content:"🕑";opacity:.85;font-size:12px}.activity-description{color:var(--dashboard-text);letter-spacing:.2px;font-size:14px}.activity-win{color:var(--dashboard-success);text-shadow:0 0 18px #00ff9c40}.activity-tag{color:#9cc5ff;letter-spacing:.3px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:6px 10px;font-size:12px;transition:all .2s;box-shadow:inset 0 0 #0000}.activity-tag:hover{background:#ffffff0f;border-color:#ffffff24;box-shadow:0 4px 10px #9cc5ff1f}.activity-status-success{font-weight:600;color:#00ff9c!important;background:#00ff9c1a!important;border-color:#00ff9c4d!important}.activity-status-success:hover{background:#00ff9c26!important;border-color:#00ff9c66!important;box-shadow:0 4px 10px #00ff9c33!important}.activity-status-danger{font-weight:600;color:#ff4757!important;background:#ff47571a!important;border-color:#ff47574d!important}.activity-status-danger:hover{background:#ff475726!important;border-color:#ff475766!important;box-shadow:0 4px 10px #ff475733!important}.activity-status-warning{font-weight:600;color:#ffa502!important;background:#ffa5021a!important;border-color:#ffa5024d!important}.activity-status-warning:hover{background:#ffa50226!important;border-color:#ffa50266!important;box-shadow:0 4px 10px #ffa50233!important}.activity-status-default{color:#9cc5ff;background:#ffffff0a;border-color:#ffffff14}@media (max-width:560px){.activity-item{grid-template-columns:auto 1fr}.activity-tag{justify-self:start;margin-top:8px}.activity-time{padding:5px 9px;font-size:11px}.activity-description{font-size:13px}}
.quick-actions{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;display:grid}.action-btn{border:1px solid var(--dashboard-border);color:#c7d2ff;cursor:pointer;text-align:center;word-wrap:break-word;background:linear-gradient(#121b39f2,#0f1530fa);border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:12px 10px;font-size:.9rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff0d}.action-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #4c6aff47}.quick-actions{position:relative}@keyframes neonPulse{0%{box-shadow:0 0 #00ff9c00}50%{box-shadow:0 0 24px #00ff9c73,inset 0 0 8px #00ff9c40}to{box-shadow:0 0 #00ff9c00}}.quick-actions .action-btn{border-color:#00ff9c;transition:border-color .2s,box-shadow .2s;animation:2.8s ease-in-out infinite neonPulse;box-shadow:0 0 6px #00ff9c40}.quick-actions .action-btn:nth-child(2){animation-delay:.2s}.quick-actions .action-btn:nth-child(3){animation-delay:.4s}.quick-actions .action-btn:nth-child(4){animation-delay:.6s}.action-btn.action-random{color:#c7d2ff;background:linear-gradient(#121b39f2,#0f1530fa);position:relative}.action-btn.action-random:before{content:"";background:radial-gradient(circle at center,var(--accent)0%,transparent 70%);opacity:0;z-index:-1;filter:blur(6px);border-radius:12px;transition:opacity .3s;position:absolute;inset:0}.action-btn.action-random:after{content:"";background:var(--accent);width:0;height:2px;box-shadow:0 0 8px var(--accent),0 0 16px var(--accent);border-radius:2px;transition:width .3s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.action-btn.action-random:hover{color:var(--text-primary);border-color:var(--accent);background:linear-gradient(135deg,#c7a00833,#c7a0081a);transform:translateY(-1px);box-shadow:0 2px 8px #c7a0084d}.action-btn.action-random:hover:before{opacity:.2}.action-btn.action-random:hover:after{width:100%}@media (max-width:1100px){.quick-actions{grid-template-columns:repeat(2,1fr)}.action-btn{padding:10px 6px;font-size:.85rem}}@media (max-width:560px){.quick-actions{grid-template-columns:repeat(2,1fr)}.action-btn{padding:12px 8px;font-size:.9rem}}
.dashboard-sidebar{gap:14px;display:grid}.sidebar-title{color:var(--dashboard-muted);letter-spacing:.4px;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#e6eaf3 0%,#b8c0d9 100%);letter-spacing:.4px;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:13px}.sidebar-header{border:1px solid var(--dashboard-border);background:linear-gradient(#121b39d9,#0f1530e6);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:6px 8px;display:flex}.sidebar-header .sidebar-title{margin:0}.sidebar-header-actions{align-items:center;gap:8px;display:flex}.toggle-info-button{background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-primary-2));color:#fff;cursor:pointer;border:1px solid #ffffff26;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s;box-shadow:0 6px 16px #6c8cff40}.toggle-info-button:hover{background:var(--dashboard-secondary);transform:translateY(-1px)}.edit-profile-button{color:#00ff9c;cursor:pointer;background:#00ff9c1a;border:1px solid #00ff9c4d;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:28px;padding:6px 10px;font-size:14px;transition:all .2s;display:flex}.edit-profile-button:hover{background:#00ff9c33;border-color:#00ff9c80;transform:translateY(-1px);box-shadow:0 4px 12px #00ff9c4d}.user-info{border:1px solid var(--dashboard-border);background:linear-gradient(#121b39e6,#0f1530f2);border-radius:12px;gap:10px;padding:12px;display:grid;box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff0a}.info-item{color:var(--dashboard-muted);grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.info-item span:first-child{letter-spacing:.3px}.info-item span:last-child{color:var(--dashboard-text);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:4px 8px;font-weight:600}.live-list{gap:10px;display:grid}.live-item{border:1px solid var(--dashboard-border);background:#0f1834;border-radius:12px;gap:8px;padding:12px;display:grid}.live-header{color:var(--dashboard-muted);justify-content:space-between;font-size:14px;display:flex}.live-meter{border:1px solid var(--dashboard-border);background:#111832;border-radius:999px;height:8px;overflow:hidden}.live-fill{background:linear-gradient(90deg,var(--dashboard-success),#6cffb7);height:100%}.live-status{color:var(--dashboard-muted);font-size:12px}.winner-list{gap:8px;display:grid}.winner-item{color:var(--dashboard-muted);justify-content:space-between;font-size:13px;display:flex}.quick-links{gap:8px;display:grid}.quick-link{border:1px solid var(--dashboard-border);color:var(--dashboard-text);background:linear-gradient(#121b39d9,#0f1530e6);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.quick-link:hover{color:#eaf0ff;background:linear-gradient(#4c6aff33,#4c6aff26);border-color:#ffffff26;transform:translateY(-1px);box-shadow:0 8px 20px #4c6aff40}
.roulette-page{color:#fff;background:radial-gradient(1200px 600px at 20% 10%,#00ff9c0f,#0000 60%),radial-gradient(1000px 500px at 80% 30%,#c7a0080a,#0000 60%),linear-gradient(135deg,#0a192f 0%,#151a23 50%,#1f2530 100%);min-height:100vh;padding-top:5px;overflow-x:hidden}.roulette-container{max-width:1400px;margin:0 auto;padding:1rem}.roulette-header{text-align:center;margin-bottom:1.5rem}.roulette-title{color:#fff;background:linear-gradient(135deg,#00ff9c,#00ff9c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:3rem;font-weight:900;line-height:1}.roulette-content{box-sizing:border-box;grid-template-columns:2fr 1fr;gap:2rem;width:100%;margin-bottom:2rem;display:grid}.roulette-wheel-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:1rem;width:100%;max-width:100%;padding:2rem;overflow:hidden;box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff0a}.roulette-wheel-container{justify-content:center;align-items:center;margin:1.5rem auto;display:flex}.roulette-wheel{background:#ffffff0d;border:3px solid #00ff9c4d;border-radius:50%;width:300px;height:300px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.roulette-wheel:before{content:"";opacity:.5;background:linear-gradient(45deg,#00ff9c1a,#c7a0081a);position:absolute;inset:0}.roulette-controls-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:1rem;width:100%;max-width:100%;padding:2rem;overflow:hidden;box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff0a}.roulette-bets-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:1rem;grid-column:1/-1;padding:2rem;box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff0a}.roulette-results-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:1rem;grid-column:1/-1;margin-top:2rem;padding:2rem;box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff0a}.section-title{color:#fff;text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.section-subtitle{color:#e5e5e5;text-align:center;margin:0 0 1rem;font-size:1rem}.btn-roulette-primary{cursor:pointer;color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00ff9c);border:1px solid #00ff9c73;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #00ff9c40}.btn-roulette-primary:hover{background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:translateY(-2px);box-shadow:0 12px 28px #00ff9c61}.btn-roulette-primary:disabled{color:#b0b0b0;cursor:not-allowed;box-shadow:none;background:#ffffff1a;transform:none}.btn-roulette-secondary{cursor:pointer;color:#fff;background:#ffffff1a;border:2px solid #00ff9c;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-roulette-secondary:hover{background:#00ff9c1a;border-color:#00ff9c;transform:translateY(-2px);box-shadow:0 8px 20px #00ff9c33}.roulette-selector{justify-content:center;gap:1rem;margin-bottom:.5rem;display:flex}.roulette-type-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:2px solid #fff3;border-radius:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.roulette-type-btn:hover{background:#00ff9c1a;border-color:#00ff9c;transform:translateY(-2px)}.roulette-type-btn.active{color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00ff9c);border-color:#00ff9c;box-shadow:0 4px 8px #00ff9c4d}.bets-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1.5rem;display:grid}.bet-slot{aspect-ratio:1;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.bet-slot:hover{background:#00ff9c1a;border-color:#00ff9c;transform:scale(1.05)}.bet-slot.selected{color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00ff9c);border-color:#00ff9c;box-shadow:0 4px 8px #00ff9c4d}.bet-slot.occupied{cursor:not-allowed;background:#c7a00833;border-color:#c7a008}.bet-slot-number{margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.bet-slot-player{text-align:center;font-size:.75rem;font-weight:500;line-height:1.2}.bet-slot-amount{margin-top:.25rem;font-size:.75rem;font-weight:600}.bets-info{text-align:center;grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.bet-stat{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;padding:1rem}.bet-stat-value{color:#00ff9c;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.bet-stat-label{color:#e5e5e5;font-size:.875rem}.results-container{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.result-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:1.5rem}.result-card.main-winner{background:#00ff9c1a;border-color:#00ff9c}.result-card.secondary-winner{background:#c7a0081a;border-color:#c7a008}.result-title{color:#fff;margin-bottom:1rem;font-size:1rem;font-weight:600}.result-player{color:#00ff9c;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.result-amount{color:#fff;font-size:1.5rem;font-weight:800}.roulette-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.roulette-modal{background:linear-gradient(135deg,#0a192f 0%,#1e1e1e 50%,#2a2a2a 100%);border:1px solid #ffffff1a;border-radius:1rem;width:90%;max-width:500px;padding:2rem;box-shadow:0 20px 40px #00000080}.modal-header{text-align:center;margin-bottom:2rem}.modal-title{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.modal-subtitle{color:#e5e5e5;font-size:1rem}.modal-close{color:#b0b0b0;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:#fff}.loading-state{color:#e5e5e5;justify-content:center;align-items:center;padding:2rem;display:flex}.error-state{color:#ff4757;background:#ff47571a;border:1px solid #ff475733;border-radius:.75rem;justify-content:center;align-items:center;padding:2rem;display:flex}@media (max-width:1024px){.roulette-content{grid-template-columns:1fr;gap:1.5rem}.roulette-title{font-size:2.5rem}.bets-grid{grid-template-columns:repeat(3,1fr)}.results-container{grid-template-columns:1fr}}@media (max-width:768px){.roulette-container{padding:1rem}.roulette-title{font-size:2rem}.roulette-wheel{width:250px;height:250px}.bets-grid{grid-template-columns:repeat(2,1fr)}.bets-info{grid-template-columns:1fr}.roulette-selector{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.roulette-type-btn{width:100%}}@media (max-width:480px){.roulette-wheel{width:200px;height:200px}.bets-grid{grid-template-columns:repeat(2,1fr);gap:.375rem}.bet-slot{padding:.5rem}.bet-slot-number{font-size:1rem}.bet-slot-player,.bet-slot-amount{font-size:.625rem}.roulette-container{padding:4px}.roulette-wheel-section{padding:68px}.roulette-header{margin-bottom:8px}.roulette-content{gap:10px}}
:root{--roulette-primary-color:#2c3e50;--roulette-secondary-color:#3498db;--roulette-accent-color:#e74c3c;--roulette-background-color:#f5f5f5;--roulette-text-color:#333;--roulette-success-color:#00ff9c;--roulette-danger-color:#e74c3c;--roulette-light-color:#ecf0f1;--roulette-dark-color:#2c3e50;--roulette-size-desktop:650px;--roulette-size-tablet:380px;--roulette-size-mobile:min(100vw,640px);--pointer-size-desktop:12.6px;--pointer-size-tablet:10.8px;--pointer-size-mobile:9px;--pointer-height-desktop:25.2px;--pointer-height-tablet:21.6px;--pointer-height-mobile:18px}.roulette-wheel-container{width:100%;max-width:var(--roulette-size-desktop);perspective:1000px;aspect-ratio:1;opacity:1;justify-content:center;align-items:center;margin:40px auto;transition:opacity .3s ease-in-out;display:flex;position:relative}.roulette-wheel-container.roulette-mounting{opacity:1}.roulette-wheel-container.roulette-mounting:before{content:"";z-index:1;background:radial-gradient(circle,#00ff9c14 0%,#00ff9c05 50%,#0000 100%);border:3px solid #00ff9c26;border-radius:50%;width:80%;height:80%;animation:1.5s ease-in-out infinite roulette-skeleton-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-wheel-container.roulette-mounting:after{content:"";z-index:2;background:#ffffff08;border:2px solid #ffffff14;border-radius:50%;width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-wheel-container.roulette-mounting>*{opacity:0;pointer-events:none}@keyframes roulette-skeleton-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.05)}}.roulette-wheel-shadow{transform-origin:50%;background-blend-mode:normal,normal,multiply,multiply,normal;z-index:-1;will-change:contents;contain:layout style paint;background:radial-gradient(at 30% 40%,#ffffff0d 0%,#0000 50%),radial-gradient(at 70% 60%,#ffffff08 0%,#0000 50%),radial-gradient(#0000 0%,#8b45134d 20%,#0000 30%,#a0522d40 40%,#0000 50%,#b8860b33 60%,#0000 70%,#cd853f26 80%,#0000 90%),repeating-linear-gradient(0deg,#8b451366 0,#0000 1px 3px,#a0522d4d 4px,#0000 5px 8px,#b8860b40 9px,#0000 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,#8b451399 95%,#0000 100%);border-radius:50%;width:115%;height:115%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:none!important}.roulette-wheel-canvas{background:#0a192f;border-radius:50%;width:100%;height:auto;display:block}.roulette-pointer{object-fit:contain;z-index:10;filter:drop-shadow(0 4px 10px #00000059);width:50px;height:50px;transition:transform .2s,filter .2s;position:absolute}.roulette-main-pointer{top:-47px;left:calc(50% + 2rem);transform:translate(-50%)}.roulette-right-pointer{top:-1px;left:calc(50% + 11.2rem - 5px);transform:translate(-50%)rotate(24deg)}.roulette-left-pointer{top:-28px;left:calc(50% - 7.2rem);transform:translate(-50%)rotate(-24deg)}.roulette-pointer.winner-active{animation:1.6s ease-in-out infinite alternate pointerPulse}@keyframes pointerPulse{0%{filter:drop-shadow(0 3px 8px #f39c1259);transform:translate(-50%)scale(1)}to{filter:drop-shadow(0 6px 16px #f39c12a6);transform:translate(-50%)scale(1.06)}}.roulette-wheel-center{z-index:5;border:1.5px solid #00ff9c;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%);box-shadow:0 0 8px #00ff9c80}.roulette-wheel-center-wood{background-blend-mode:normal,normal,multiply,multiply,normal;background:radial-gradient(at 30% 40%,#ffffff0d 0%,#0000 50%),radial-gradient(at 70% 60%,#ffffff08 0%,#0000 50%),radial-gradient(#0000 0%,#8b45134d 20%,#0000 30%,#a0522d40 40%,#0000 50%,#b8860b33 60%,#0000 70%,#cd853f26 80%,#0000 90%),repeating-linear-gradient(0deg,#8b451366 0,#0000 1px 3px,#a0522d4d 4px,#0000 5px 8px,#b8860b40 9px,#0000 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,#8b451399 95%,#0000 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.roulette-wheel-center-wood img{object-fit:contain;width:60px;height:60px}@media (max-width:480px){.roulette-wheel-section{overflow:visible}.roulette-wheel-container{overflow:visible;max-width:min(100vw,896px)!important}.roulette-wheel-canvas,.sector-buttons-overlay{transform-origin:50%;transform:none}.roulette-wheel-center{transform-origin:50%;border-width:1.5px;border-color:#00ff9c;width:10px;height:10px;transform:translate(-50%,-50%)}.roulette-wheel-shadow{transform-origin:50%;backface-visibility:hidden;background-blend-mode:normal,normal,multiply,multiply,normal!important;z-index:-1!important;opacity:1!important;visibility:visible!important;will-change:contents!important;contain:layout style paint!important;background:radial-gradient(at 30% 40%,#ffffff0d 0%,#0000 50%),radial-gradient(at 70% 60%,#ffffff08 0%,#0000 50%),radial-gradient(#0000 0%,#8b45134d 20%,#0000 30%,#a0522d40 40%,#0000 50%,#b8860b33 60%,#0000 70%,#cd853f26 80%,#0000 90%),repeating-linear-gradient(0deg,#8b451366 0,#0000 1px 3px,#a0522d4d 4px,#0000 5px 8px,#b8860b40 9px,#0000 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,#8b451399 95%,#0000 100%)!important;width:110%!important;height:110%!important;transition:none!important;display:block!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.roulette-wheel-container{background:0 0!important}}@keyframes roulette-wheel-spin{0%{transform:rotate(0)}to{transform:rotate(3600deg)}}.roulette-wheel-spinning{animation:4s cubic-bezier(.17,.67,.12,.99) forwards roulette-wheel-spin}.roulette-winner-glow{animation:1.5s infinite alternate roulette-winner-glow}@keyframes roulette-winner-glow{0%{box-shadow:0 0 10px #ffd70080}to{box-shadow:0 0 30px #ffd700e6}}.roulette-secondary-glow{animation:1.5s infinite alternate roulette-secondary-glow}@keyframes roulette-secondary-glow{0%{box-shadow:0 0 10px #3498db80}to{box-shadow:0 0 20px #3498dbb3}}.roulette-user-info{background-color:#ffffff26;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:15px 20px;display:flex;box-shadow:0 6px 18px #0003}.roulette-user-info span{color:#fff;letter-spacing:.5px;text-shadow:0 2px 4px #00000040;font-weight:600}.roulette-user-info .balance{color:#f1c40f;font-size:1.05rem}.roulette-title{color:#fff;text-shadow:0 2px 4px #0000004d;text-align:center;margin-bottom:30px;font-size:2.5rem}.roulette-main-container{text-align:center;background-color:#ffffff1a;border-radius:15px;width:100%;max-width:900px;margin:0 auto;padding:20px;box-shadow:0 10px 30px #0003}.countdown-display{color:#e74c3c;text-align:center;text-shadow:0 0 10px #e74c3ccc;margin-top:15px;font-size:2rem;font-weight:700;animation:1s infinite alternate countdown-pulse}@keyframes countdown-pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.waiting-display{color:#3498db;text-align:center;text-shadow:0 0 10px #3498dbcc;background:#3498db1a;border:2px solid #3498db4d;border-radius:8px;margin-top:15px;padding:10px 20px;font-size:1.2rem;font-weight:700;animation:2s infinite waiting-pulse}@keyframes waiting-pulse{0%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}@media (max-width:1024px){:root{--roulette-size-desktop:var(--roulette-size-tablet);--pointer-size-desktop:var(--pointer-size-tablet);--pointer-height-desktop:var(--pointer-height-tablet)}.roulette-wheel-container{max-width:var(--roulette-size-tablet);margin-bottom:30px}.roulette-wheel-shadow{background-blend-mode:normal,normal,multiply,multiply,normal;transform-origin:50%;background:radial-gradient(at 30% 40%,#ffffff0d 0%,#0000 50%),radial-gradient(at 70% 60%,#ffffff08 0%,#0000 50%),radial-gradient(#0000 0%,#8b45134d 20%,#0000 30%,#a0522d40 40%,#0000 50%,#b8860b33 60%,#0000 70%,#cd853f26 80%,#0000 90%),repeating-linear-gradient(0deg,#8b451366 0,#0000 1px 3px,#a0522d4d 4px,#0000 5px 8px,#b8860b40 9px,#0000 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,#8b451399 95%,#0000 100%);top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-pointer{width:30px;height:30px}.roulette-main-pointer{top:-25px;left:calc(50% + 1.2rem);transform:translate(-50%)rotate(6deg)}.roulette-left-pointer{top:-18px;left:calc(50% - 4.1rem + 4px);transform:translate(-50%)rotate(-30deg)}.roulette-right-pointer{top:-4px;left:calc(50% + 6.1rem - 5px);transform:translate(-50%)rotate(30deg)}.roulette-title{font-size:2rem}.roulette-user-info{flex-direction:column;gap:10px;padding:12px 16px}.roulette-main-container{padding:15px}.countdown-display{font-size:1.8rem}.waiting-display{padding:8px 16px;font-size:1.1rem}.roulette-wheel-center-wood img{width:55px;height:55px}}@media (max-width:480px){:root{--roulette-size-desktop:var(--roulette-size-mobile);--pointer-size-desktop:var(--pointer-size-mobile);--pointer-height-desktop:var(--pointer-height-mobile)}.roulette-wheel-container{position:relative;left:-47px;width:80vw!important;max-width:90vw!important;height:80vw!important;margin:0 auto!important}.roulette-wheel-shadow{background-blend-mode:normal,normal,multiply,multiply,normal;transform-origin:50%;background:radial-gradient(at 30% 40%,#ffffff0d 0%,#0000 50%),radial-gradient(at 70% 60%,#ffffff08 0%,#0000 50%),radial-gradient(#0000 0%,#8b45134d 20%,#0000 30%,#a0522d40 40%,#0000 50%,#b8860b33 60%,#0000 70%,#cd853f26 80%,#0000 90%),repeating-linear-gradient(0deg,#8b451366 0,#0000 1px 3px,#a0522d4d 4px,#0000 5px 8px,#b8860b40 9px,#0000 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,#8b451399 95%,#0000 100%);top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-pointer{width:25px;height:25px}.roulette-main-pointer{top:-20px;left:calc(50% + 1.1rem);transform:translate(-50%)rotate(6deg)}.roulette-left-pointer{top:-14px;left:calc(50% - 3.8rem + 4px);transform:translate(-50%)rotate(-30deg)}.roulette-right-pointer{top:0;left:calc(50% + 5.8rem - 5px);transform:translate(-50%)rotate(30deg)}.roulette-title{margin-bottom:20px;font-size:1.8rem}.roulette-user-info{margin-bottom:20px;padding:10px 12px}.roulette-user-info span{font-size:.9rem}.roulette-user-info .balance{font-size:1rem}.roulette-main-container{padding:12px 0!important}.countdown-display{font-size:1.5rem}.waiting-display{padding:6px 12px;font-size:1rem}.roulette-wheel-center{border-width:1.5px;width:50px;height:50px;box-shadow:0 0 6px #00ff9c80}.roulette-wheel-center-wood,.roulette-wheel-center-wood img{width:50px;height:50px}}@media (min-width:381px) and (max-width:480px){.roulette-wheel-container{max-width:min(100vw,560px)}}@media (max-width:360px){.roulette-wheel-container{max-width:250px}.roulette-wheel-shadow{background-blend-mode:overlay,overlay,multiply,multiply,normal;transform-origin:50%;background:radial-gradient(at 30% 40%,#ffffff26 0%,#0000 50%),radial-gradient(at 70% 60%,#ffffff1a 0%,#0000 50%),radial-gradient(#0000 0%,#8b45134d 20%,#0000 30%,#a0522d40 40%,#0000 50%,#b8860b33 60%,#0000 70%,#cd853f26 80%,#0000 90%),repeating-linear-gradient(0deg,#8b451366 0,#0000 1px 3px,#a0522d4d 4px,#0000 5px 8px,#b8860b40 9px,#0000 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,#8b451399 95%,#0000 100%);top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-title{font-size:1.6rem}.roulette-user-info{padding:8px 10px}.roulette-main-container{padding:10px}.countdown-display{font-size:1.3rem}.waiting-display{padding:5px 10px;font-size:.9rem}}.sector-buttons-overlay{pointer-events:auto;z-index:5;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.sector-buttons-overlay{width:100%;height:100%}}@media (max-width:480px){.sector-buttons-overlay{width:100%;height:100%}}@media (max-width:360px){.sector-buttons-overlay{width:100%;height:100%}}
.roulette-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#ffffff1a;border-radius:15px;padding:25px;position:relative;overflow:visible;box-shadow:0 6px 18px #0003}@media (min-width:1025px){.roulette-controls{padding:12px 15px}.bet-controls{margin-bottom:12px}.bet-button{border-radius:25px;min-width:150px;padding:8px 15px;font-size:.9rem}.status-message{margin-top:10px;padding:8px 12px;font-size:.85rem}.mesa-info{gap:8px;padding:10px 0}.mesa-id,.mesa-status,.mesa-progress{padding:5px 0;font-size:.85rem}.progress-bar{height:6px;margin-top:5px}}.bet-controls{text-align:center;margin-bottom:25px}.bet-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);border:none;border-radius:50px;min-width:200px;padding:15px 30px;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 8px #0003}.bet-button:hover:not(:disabled){background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);transform:translateY(-3px);box-shadow:0 6px 12px #0000004d}.bet-button:active:not(:disabled){transform:translateY(-1px)}.bet-button:disabled{cursor:not-allowed;opacity:.7;background:#95a5a6;box-shadow:none!important;transform:none!important}.spin-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border:none;border-radius:50px;min-width:200px;margin-top:15px;padding:15px 30px;font-size:1.1rem;font-weight:700;transition:all .3s;animation:2s infinite pulse;box-shadow:0 4px 8px #0003}.spin-button:hover:not(:disabled){background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);animation:none;transform:translateY(-3px);box-shadow:0 6px 12px #0000004d}.spin-button:active:not(:disabled){transform:translateY(-1px)}.spin-button:disabled{cursor:not-allowed;opacity:.7;background:#95a5a6;animation:none;box-shadow:none!important;transform:none!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.status-message{text-align:center;border-radius:8px;margin-top:15px;padding:12px 20px;font-weight:500;transition:all .3s}.status-message.success{color:#00ff9c;background-color:#00ff9c33;border:1px solid #00ff9c4d}.status-message.error{color:#e74c3c;background-color:#e74c3c33;border:1px solid #e74c3c4d}.status-message.loading{color:#3498db;background-color:#3498db33;border:1px solid #3498db4d}.status-message.spinning{color:#9b59b6;background-color:#9b59b633;border:1px solid #9b59b64d;animation:2s infinite pulse}.status-message.closed{color:#95a5a6;background-color:#95a5a633;border:1px solid #95a5a64d}.status-message.info{color:#ecf0f1;background-color:#3498db1a;border:1px solid #3498db33}.mesa-info{z-index:1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:12px;padding:20px;display:flex;position:relative;overflow:visible}.mesa-info .status-label,.mesa-info .id-label,.mesa-info .progress-label{position:relative;z-index:100!important;pointer-events:auto!important}.mesa-id{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:10px;display:flex}.id-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;position:relative;color:#fff!important;text-shadow:0 2px 4px #000c,0 1px 2px #000000e6!important;opacity:1!important;z-index:10!important}.id-value{color:#f39c12;background-color:#f39c1233;border:1px solid #f39c124d;border-radius:20px;padding:4px 12px;font-size:.9rem;font-weight:700}.mesa-status{z-index:10;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:10px;display:flex;position:relative;overflow:visible}.status-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;position:relative;color:#000!important;text-shadow:0 1px 2px #ffffff80!important;opacity:1!important;z-index:10!important}.status-value{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:.9rem;font-weight:700}.status-value.open{color:#2ecc71;background-color:#2ecc7133;border:1px solid #2ecc714d;font-weight:700}.status-value.spinning{color:#9b59b6;background-color:#9b59b633;border:1px solid #9b59b64d;animation:2s infinite pulse}.status-value.closed{color:#95a5a6;background-color:#95a5a633;border:1px solid #95a5a64d}.mesa-progress{margin-top:0}.progress-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:8px;font-weight:700;display:block;position:relative;color:#fff!important;text-shadow:0 2px 4px #000c,0 1px 2px #000000e6!important;opacity:1!important;z-index:10!important}.progress-value{color:#3498db;margin-bottom:8px;font-weight:700;display:block}@media (min-width:769px){.progress-label{margin-bottom:10px;font-size:1.2rem}.progress-value{margin-bottom:10px;font-size:1.3rem}}.progress-bar{background-color:#ffffff1a;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3498db 0%,#2980b9 100%);border-radius:4px;height:100%;transition:width .5s;position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:768px){.roulette-controls{flex-direction:column;padding:20px;display:flex}.mesa-info{order:1;padding:15px}.bet-controls{order:2;margin-top:20px;margin-bottom:0}.bet-button{min-width:180px;padding:12px 25px;font-size:1rem}}@media (max-width:480px){.roulette-controls{flex-direction:column;padding:15px;display:flex}.mesa-info{order:1}.bet-controls{order:2;margin-top:15px;margin-bottom:0}.bet-button{min-width:160px;padding:10px 20px;font-size:.9rem}.status-message{padding:10px 15px;font-size:.9rem}}
.roulette-bets{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;padding:25px;box-shadow:0 6px 18px #0003}.bets-header{text-align:center;border-bottom:2px solid #fff3;margin-bottom:25px;padding-bottom:15px}.bets-title{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:10px;font-size:1.5rem;font-weight:700}.bets-summary{justify-content:center;gap:20px;font-size:.9rem;display:flex}.filled-count{color:#00ff9c;background:#00ff9c33;border:1px solid #00ff9c4d;border-radius:15px;padding:4px 12px;font-weight:700}.empty-count{color:#3498db;background:#3498db33;border:1px solid #3498db4d;border-radius:15px;padding:4px 12px;font-weight:700}.no-bets-message{text-align:center;background:#ffffff0d;border:2px dashed #fff3;border-radius:10px;margin:20px 0;padding:30px 20px}.no-bets-message p{color:#ecf0f1;margin:8px 0;font-size:1rem}.no-bets-message p:first-child{color:#f39c12;font-size:1.1rem;font-weight:700}.bets-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:25px;display:grid}.bet-slot{text-align:center;background:#ffffffe6;border:2px solid #0000;border-radius:10px;padding:15px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 3px 10px #0000001a}.bet-slot:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0003}.bet-slot.occupied{color:#fff;background:linear-gradient(135deg,#00ff9c 0% 100%);border-color:#00ff9c}.bet-slot.empty{color:#fff;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border-color:#3498db}.bet-slot.empty:hover{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border-color:#e74c3c}.slot-number{color:inherit;margin-bottom:8px;font-size:1.2rem;font-weight:700}.slot-content{font-size:.85rem}.player-name{color:inherit;word-break:break-word;margin-bottom:4px;font-weight:700}.bet-amount{color:inherit;font-size:.9rem;font-weight:700}.empty-text{opacity:.8;color:inherit;font-style:italic}.bets-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:20px}.total-bet,.potential-prize{justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 0;display:flex}.potential-prize{border-top:1px solid #ffffff1a;margin-bottom:0;padding-top:12px}.info-label{color:#ecf0f1;font-weight:600}.info-value{color:#f1c40f;font-size:1.1rem;font-weight:700}@keyframes slotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.bet-slot.occupied{animation:2s infinite slotPulse}@media (max-width:768px){.roulette-bets{padding:20px}.bets-title{font-size:1.3rem}.bets-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.bet-slot{padding:12px}.slot-number{font-size:1.1rem}.slot-content{font-size:.8rem}}@media (max-width:480px){.roulette-bets{padding:15px}.bets-title{font-size:1.2rem}.bets-summary{flex-direction:column;gap:10px}.bets-grid{grid-template-columns:repeat(3,1fr);gap:8px}.bet-slot{padding:10px}.slot-number{font-size:1rem}.slot-content{font-size:.75rem}.bets-info{padding:15px}}
.roulette-results{color:#2c3e50;background:#fffffff2;border-radius:15px;margin-top:20px;padding:25px;animation:.5s ease-out slideInUp;box-shadow:0 5px 20px #0003}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.results-header{text-align:center;border-bottom:2px solid #ecf0f1;margin-bottom:25px;padding-bottom:15px}.results-title{color:#2c3e50;margin-bottom:10px;font-size:1.5rem;font-weight:700}.winners-section{margin-bottom:25px}.winner-card{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-left:4px solid #0000;border-radius:12px;margin-bottom:15px;padding:20px;transition:all .3s;box-shadow:0 3px 10px #0000001a}.winner-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000026}.winner-card.main-winner{background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);border-left-color:#f1c40f}.winner-card.secondary-winner{background:linear-gradient(135deg,#d1ecf1 0%,#bee5eb 100%);border-left-color:#3498db}.winner-header{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.winner-label{text-transform:uppercase;letter-spacing:.5px;color:#6c757d;font-size:.9rem;font-weight:700}.winner-prize{color:#00ff9c;font-size:1.2rem;font-weight:700}.winner-details{color:#495057}.winner-name{color:#2c3e50;margin-bottom:8px;font-size:1.3rem;font-weight:700}.winner-info{color:#6c757d;font-size:.95rem}.winner-info strong{color:#2c3e50}.secondary-winners{grid-template-columns:1fr 1fr;gap:15px;display:grid}.results-summary{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;margin-bottom:20px;padding:20px}.summary-item{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.summary-item:last-child{border-bottom:none}.summary-item.house{background:#e74c3c1a;border-bottom:none;border-radius:0 0 10px 10px;margin:0 -20px -20px;padding:15px 20px}.summary-label{color:#495057;font-weight:600}.summary-value{color:#2c3e50;font-size:1.1rem;font-weight:700}.summary-item.house .summary-value{color:#e74c3c}.results-percentages{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}.percentage-item{text-align:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:15px}.percentage-label{color:#6c757d;margin-bottom:5px;font-size:.85rem;font-weight:600;display:block}.percentage-value{color:#2c3e50;font-size:1.5rem;font-weight:700;display:block}.results-footer{text-align:center;border-top:1px solid #dee2e6;padding-top:15px}.results-note{color:#6c757d;margin:0;font-size:.9rem;font-style:italic}@media (max-width:768px){.roulette-results{padding:20px}.results-title{font-size:1.3rem}.winner-card{padding:15px}.winner-name{font-size:1.2rem}.secondary-winners,.results-percentages{grid-template-columns:1fr;gap:10px}.results-summary{padding:15px}}@media (max-width:480px){.roulette-results{padding:15px}.results-title{font-size:1.2rem}.winner-card{padding:12px}.winner-header{flex-direction:column;align-items:flex-start;gap:5px}.winner-name{font-size:1.1rem}.winner-info{font-size:.9rem}.results-summary{padding:12px}.summary-item.house{margin:0 -12px -12px;padding:12px}}
.winner-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.winner-modal{color:#2c3e50;text-align:left;background:#fff;border-radius:15px;width:100%;max-width:500px;max-height:90vh;padding:30px;animation:.4s ease-out slideInScale;position:relative;overflow-y:auto;box-shadow:0 10px 30px #00000059}@keyframes slideInScale{0%{opacity:0;transform:scale(.8)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.winner-modal-close{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.8rem;transition:color .3s;display:flex;position:absolute;top:15px;right:20px}.winner-modal-close:hover{color:#e74c3c;background:#e74c3c1a}.winner-modal-title{color:#2c3e50;text-align:center;text-shadow:0 2px 4px #0000001a;margin:0 0 25px;font-size:1.6rem;font-weight:700}.winner-modal-content{margin-bottom:25px}.winner-item{background:#f8f9fa;border-left:4px solid #0000;border-radius:12px;align-items:center;margin-bottom:15px;padding:20px;transition:all .3s;display:flex;box-shadow:0 3px 10px #0000001a}.winner-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000026}.winner-item.main-winner{background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);border-left-color:#f1c40f}.winner-item.secondary-winner{background:linear-gradient(135deg,#d1ecf1 0%,#bee5eb 100%);border-left-color:#3498db}.winner-icon{flex-shrink:0;margin-right:20px;font-size:2.5rem}.winner-info{flex:1}.winner-title{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:.9rem;font-weight:700}.winner-name{color:#2c3e50;margin-bottom:8px;font-size:1.3rem;font-weight:700}.winner-details{color:#495057;font-size:.95rem}.winner-details strong{color:#2c3e50}.winner-summary{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;margin-bottom:25px;padding:20px}.summary-row{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.summary-row:last-child{background:#e74c3c1a;border-bottom:none;border-radius:0 0 10px 10px;margin:0 -20px -20px;padding:15px 20px}.summary-label{color:#495057;font-weight:600}.summary-value{color:#2c3e50;font-size:1.1rem;font-weight:700}.summary-value.house{color:#e74c3c}.winner-modal-footer{text-align:center;border-top:1px solid #dee2e6;padding-top:20px}.winner-note{color:#6c757d;margin:0 0 20px;font-size:.9rem;font-style:italic}.winner-modal-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);border:none;border-radius:25px;padding:12px 30px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 8px #0003}.winner-modal-btn:hover{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.winner-modal-btn:active{transform:translateY(0)}@keyframes winnerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.winner-item.main-winner{animation:2s infinite winnerPulse}@media (max-width:768px){.winner-modal-overlay{padding:15px}.winner-modal{max-width:100%;padding:25px}.winner-modal-title{font-size:1.4rem}.winner-item{padding:15px}.winner-icon{margin-right:15px;font-size:2rem}.winner-name{font-size:1.2rem}.winner-summary{padding:15px}.summary-row:last-child{margin:0 -15px -15px;padding:12px 15px}}@media (max-width:480px){.winner-modal-overlay{padding:10px}.winner-modal{padding:20px}.winner-modal-title{font-size:1.3rem}.winner-item{text-align:center;flex-direction:column;padding:12px}.winner-icon{margin-bottom:10px;margin-right:0;font-size:1.8rem}.winner-name{font-size:1.1rem}.winner-details{font-size:.9rem}.winner-summary{padding:12px}.summary-row:last-child{margin:0 -12px -12px;padding:10px 12px}.winner-modal-btn{padding:10px 25px;font-size:.9rem}}
:root{--dp-bg:#0a0b0d;--dp-surface:#ffffff0a;--dp-border:#ffffff14;--dp-text:#f1f1f1;--dp-accent:#00ff9c;--dp-gold:#d4af37;--dp-blur:20px;--dp-radius:16px;--dp-shadow:0 0 40px #00ff9c1a;--dp-transition:.3s ease;--dp-font:"Inter","SF Pro Display",sans-serif}.darkpremium-backdrop{-webkit-backdrop-filter:blur(var(--dp-blur));backdrop-filter:blur(var(--dp-blur));opacity:0;visibility:hidden;transition:opacity var(--dp-transition);z-index:99999;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.darkpremium-backdrop.visible{opacity:1;visibility:visible}.darkpremium-container{background:var(--dp-surface);border:1px solid var(--dp-border);border-radius:var(--dp-radius);box-shadow:var(--dp-shadow);width:100%;max-width:860px;color:var(--dp-text);font-family:var(--dp-font);opacity:0;transition:all var(--dp-transition);overflow:hidden;transform:translateY(30px)scale(.96)}.darkpremium-container.visible{opacity:1;transform:translateY(0)scale(1)}.dp-header{border-bottom:1px solid var(--dp-border);text-align:center;background:linear-gradient(135deg,#00ff9c1a,#00ff9c05);padding:2rem 2.5rem 1.5rem;position:relative}.dp-title{color:var(--dp-accent);letter-spacing:-.5px;justify-content:center;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:800;display:flex}.dp-icon{filter:drop-shadow(0 0 6px #00ff9c4d);font-size:2.2rem}.dp-subtitle{color:#aaa;letter-spacing:.3px;margin-top:.5rem;font-size:.9rem}.dp-close{border:1px solid var(--dp-border);width:36px;height:36px;color:var(--dp-text);cursor:pointer;transition:all var(--dp-transition);background:#ffffff0d;border-radius:50%;font-size:1.1rem;position:absolute;top:1.5rem;right:1.5rem}.dp-close:hover{background:var(--dp-accent);color:#000;transform:scale(1.1)}.dp-content{padding:2rem 2.5rem}.dp-card{border:1px solid var(--dp-border);border-radius:var(--dp-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--dp-transition);background:#ffffff08;margin-bottom:2rem;padding:1.5rem}.dp-card:hover{border-color:var(--dp-accent);transform:translateY(-2px);box-shadow:0 0 20px #00ff9c1a}.dp-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.dp-card-header .rank{text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:.5rem;font-weight:600;display:flex}.dp-card-header .prize{background:linear-gradient(90deg,var(--dp-accent),var(--dp-gold));color:#000;border-radius:8px;padding:.4rem 1rem;font-weight:700}.dp-card-body h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.dp-card-body .info{color:#bbb;flex-wrap:wrap;gap:1.25rem;font-size:.9rem;display:flex}.dp-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.dp-stats{border-top:1px solid var(--dp-border);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.5rem;font-size:.95rem;display:flex}.dp-stats div{text-align:center;flex:1}.dp-stats span{color:#999;text-transform:uppercase;margin-bottom:.3rem;font-size:.8rem;display:block}.dp-stats strong{color:var(--dp-accent);font-size:1.1rem;font-weight:700}.dp-footer{border-top:1px solid var(--dp-border);background:#ffffff05;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.dp-footer p{color:#aaa;font-size:.85rem}.dp-btn{background:linear-gradient(90deg,var(--dp-accent),var(--dp-gold));color:#000;cursor:pointer;transition:all var(--dp-transition);border:none;border-radius:10px;padding:.8rem 1.6rem;font-size:.95rem;font-weight:700}.dp-btn:hover{transform:translateY(-2px);box-shadow:0 0 16px #00ff9c66}.dp-btn:active{transform:translateY(0);box-shadow:0 0 6px #00ff9c33}@media (max-width:768px){.darkpremium-container{-webkit-overflow-scrolling:touch;max-height:90vh;overflow-y:auto}.dp-content,.dp-header{padding:1.5rem}.dp-footer{text-align:center;flex-direction:column}.dp-btn{width:100%}}
.countdown-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.countdown-content{text-align:center;color:#fff;animation:1s infinite pulse}.countdown-number{color:#e74c3c;text-shadow:0 0 20px #e74c3ccc;margin-bottom:1rem;font-size:8rem;font-weight:700;animation:1s infinite bounce}.countdown-spinning{margin-bottom:1rem;font-size:6rem;animation:.5s linear infinite spin}.countdown-text{color:#f39c12;text-shadow:0 0 10px #f39c12cc;font-size:2rem;font-weight:600}.countdown-spinning.girando{animation:.1s linear infinite spin}.countdown-text.girando{color:#e74c3c;animation:.5s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.countdown-number{font-size:6rem}.countdown-text{font-size:1.5rem}.countdown-spinning{font-size:4rem}}
.roulette-selector{justify-content:center;gap:15px;margin-bottom:25px;display:flex}.rouleta-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #0000;border-radius:25px;padding:12px 25px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 8px #0003}.rouleta-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.rouleta-btn.active{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border-color:#e74c3c;transform:scale(1.05);box-shadow:0 0 15px #e74c3c80}.rouleta-btn.active:hover{background:linear-gradient(135deg,#c0392b 0%,#a93226 100%);transform:scale(1.05)translateY(-2px)}@keyframes selectorPulse{0%,to{box-shadow:0 0 15px #e74c3c80}50%{box-shadow:0 0 25px #e74c3ccc}}.rouleta-btn.active{animation:2s infinite selectorPulse}@media (max-width:768px){.roulette-selector{gap:12px;margin-bottom:20px}.rouleta-btn{padding:10px 20px;font-size:.9rem}}@media (max-width:480px){.roulette-selector{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.rouleta-btn{width:100%;min-width:auto;padding:10px 15px;font-size:.9rem}}
@media (max-width:1024px){.roulette-container{max-width:100%;padding:15px}.roulette-content{gap:25px}.roulette-wheel-container{max-width:350px}}@media (max-width:768px){.roulette-page{padding:15px;overflow-x:hidden}.roulette-container{max-width:100%;padding:15px;overflow-x:hidden}.roulette-header{margin-bottom:25px}.roulette-title{margin-bottom:15px;font-size:2rem}.roulette-content{grid-template-columns:1fr;gap:20px;width:100%;max-width:100%}.roulette-controls-section{box-sizing:border-box;order:1;width:100%;max-width:100%;overflow:hidden}.roulette-wheel-section{box-sizing:border-box;order:2;width:100%;max-width:100%;overflow:hidden}.roulette-bets-section{order:3}.roulette-results-section{order:4}.roulette-wheel-container{max-width:300px;margin-bottom:30px}.roulette-controls .mesa-info{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;display:flex}.roulette-controls .mesa-info .mesa-id{order:1}.roulette-controls .mesa-info .mesa-status{order:2}.roulette-controls .mesa-info .mesa-progress{order:3;margin-top:12px}}@media (max-width:480px){.roulette-page{padding:10px;overflow-x:hidden}.roulette-container{max-width:100%;padding:10px;overflow-x:hidden}.roulette-header{margin-bottom:20px}.roulette-title{margin-bottom:10px;font-size:1.5rem}.roulette-content{gap:15px;width:100%;max-width:100%}.roulette-wheel-container{max-width:250px;margin-bottom:25px}.roulette-controls,.roulette-bets,.roulette-results{padding:15px}.roulette-controls .mesa-info .mesa-progress{order:3;margin-top:12px}}@media (max-width:360px){.roulette-page,.roulette-container{padding:5px}.roulette-title{font-size:1.3rem}.wheel-container{max-width:220px}.roulette-controls,.roulette-bets,.roulette-results{padding:12px}}@media (max-height:500px) and (orientation:landscape){.roulette-page,.roulette-container{padding:10px}.roulette-title{margin-bottom:10px;font-size:1.5rem}.roulette-content{grid-template-columns:1fr 1fr;gap:15px}.wheel-container{max-width:200px;margin-bottom:15px}.roulette-controls,.roulette-bets{padding:15px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.roulette-wheel-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.roulette-page{color:#000!important}.roulette-controls,.roulette-bets,.roulette-results{color:#000!important;box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}.bet-button,.rouleta-btn{display:none!important}}@media (prefers-reduced-motion:reduce){.wheel,.bet-slot,.winner-item,.rouleta-btn{transition:none!important;animation:none!important}.loading-spinner{animation:none!important}}@media (prefers-color-scheme:dark){.roulette-results,.winner-modal{color:#ecf0f1!important;background:#2c3e50!important}.winner-modal-close{color:#ecf0f1!important}.winner-modal-close:hover{color:#e74c3c!important}}.rouleta-btn:focus,.bet-button:focus,.winner-modal-btn:focus,.winner-modal-close:focus{outline-offset:2px;outline:2px solid #3498db}.wheel:focus{outline-offset:4px;outline:2px solid #3498db}.winner-modal::-webkit-scrollbar{width:8px}.winner-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.winner-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.winner-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
.bingo-page{color:#fff;background:radial-gradient(1200px 600px at 20% 10%,#00ff9c0f,#0000 60%),radial-gradient(1000px 500px at 80% 30%,#c7a0080a,#0000 60%),linear-gradient(135deg,#0a192f 0%,#151a23 50%,#1f2530 100%);min-height:100vh;padding-top:5px;overflow-x:hidden}.bingo-container{max-width:1400px;margin:0 auto;padding:1rem}.bingo-header{text-align:center;margin-bottom:1.5rem}.bingo-title{color:#fff;background:linear-gradient(135deg,#00ff9c,#00ff9c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:3rem;font-weight:900;line-height:1}.bingo-btn{cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;position:relative;overflow:hidden}.bingo-btn-primary{color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00ff9c);box-shadow:0 6px 18px #00ff9c40}.bingo-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:translateY(-2px);box-shadow:0 12px 28px #00ff9c61}.bingo-btn-secondary{color:#fff;background:#ffffff1a;border:2px solid #00ff9c}.bingo-btn-secondary:hover:not(:disabled){background:#00ff9c1a;border-color:#00ff9c;transform:translateY(-2px);box-shadow:0 8px 20px #00ff9c33}.bingo-btn:disabled{color:#b0b0b0;cursor:not-allowed;box-shadow:none;background:#ffffff1a;transform:none}.bingo-status-draft{color:#b0b0b0}.bingo-status-selling{color:#00ff9c}.bingo-status-drawing{color:#c7a008;animation:2s infinite pulse}.bingo-status-ended{color:#b0b0b0}.bingo-status-cancelled{color:#ff4757}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.bingo-loading,.bingo-lobby-loading,.bingo-card-shop-loading,.bingo-admin-loading{color:#e5e5e5;justify-content:center;align-items:center;padding:2rem;display:flex}.bingo-error,.bingo-lobby-empty,.bingo-card-shop-error,.bingo-admin-error{color:#ff4757;text-align:center;background:#ff47571a;border:1px solid #ff475733;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.bingo-card-shop-empty{color:#e5e5e5;text-align:center;justify-content:center;align-items:center;padding:2rem;display:flex}@media (max-width:1024px){.bingo-title{font-size:2.5rem}}@media (max-width:768px){.bingo-container{padding:1rem}.bingo-title{font-size:2rem}}@media (max-width:480px){.bingo-title{font-size:1.75rem}}