*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll}.username-badge{display:inline-block;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);font-weight:600;font-size:.78rem;padding:.35rem 1.1rem;border-radius:20px;margin-right:.7rem;box-shadow:0 2px 8px #2196f314;letter-spacing:.5px;vertical-align:middle;background:#4caf50;color:#fff;box-shadow:0 2px 8px #0000001f;border:none}.user-auth-group{display:flex;align-items:center;gap:.2rem;height:100%}.logout-icon{background:none;border:none;color:#fff;cursor:pointer;padding:.3rem .6rem;border-radius:50%;transition:background .2s;display:flex;align-items:center;justify-content:center}.logout-icon:hover{background:#ff000021;color:#ff4d4f}.reset-success-message{color:#fff;font-size:1rem;font-weight:600;margin:0}.error-placeholder::placeholder{color:#ff6b6b!important;opacity:1;white-space:normal!important;text-overflow:unset!important}.form-input{min-width:0;width:100%;padding-right:2.5rem;text-overflow:ellipsis}.reset-error{color:#ff6b6b;background:#ff000012;border-radius:6px;font-size:.93rem;margin:.2rem 0 .5rem;padding:.3rem .7rem;text-align:left;font-weight:500}.input-error{border-color:#ff6b6b!important;background:#ff000014!important;color:#2c3e50!important}.light-theme .reset-error{color:#c62828;background:#ff000017}.light-theme .input-error{border-color:#c62828!important;background:#ff000014!important;color:#1a252f!important}.verde-text{color:#2196f3!important;font-weight:700}.amarillo-text{color:#ffc107}.gris-text{color:#9e9e9e}#root{max-width:1280px;margin:0 auto;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}body{background:linear-gradient(135deg,#0a0a0f,#151626);color:#fff;font-family:Segoe UI,Roboto,Arial,sans-serif;margin:0;padding:0;min-height:100vh;line-height:1.6;-webkit-user-select:none;user-select:none}.home-page{max-width:900px;margin:0 auto;padding:0;min-height:100vh;display:flex;flex-direction:column;gap:0}.top-header{display:flex;justify-content:space-between;align-items:center;padding:0;border-bottom:2px solid;border-image:linear-gradient(90deg,#4caf50,#2196f3) 1}.home-page .top-header,.game-page .top-header{max-width:900px;margin:0 auto;width:100%;padding:0 2rem;box-sizing:border-box}.header-left{display:flex;align-items:center;flex:1}.header-left .logo-text{font-size:1.2rem;font-weight:700;background:linear-gradient(45deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;align-items:center;gap:1.5rem;height:56px}.header-controls{display:flex;gap:.5rem;align-items:center;height:100%}.auth-links{display:flex;gap:1rem;align-items:center;height:100%}.menu-container{position:relative;display:flex;align-items:center;height:100%}.menu-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;padding:.6rem;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.menu-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.menu-btn:hover{background:#fff3;border-color:#ffffff4d}.menu-btn:hover:before{left:100%}.menu-btn:active{background:#ffffff40;transition:all .1s ease}.hamburger{width:22px;height:18px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.hamburger span{display:block;height:2.5px;width:100%;background:#fff;border-radius:2px;transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:center}.menu-btn:hover .hamburger span{background:linear-gradient(45deg,#4caf50,#2196f3)}.dropdown-menu{position:fixed;top:0;left:-350px;width:320px;height:100vh;background:#0a1218f2;border-right:1px solid rgba(255,255,255,.2);padding:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:5px 0 25px #0006;z-index:1000;transition:left .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}.dropdown-menu.open{left:0}.menu-header{padding:2rem 1.5rem 1.5rem;border-bottom:2px solid;border-image:linear-gradient(90deg,#4caf50,#2196f3) 1;margin-bottom:1rem}.menu-header h3{margin:0;font-size:1.4rem;font-weight:700;background:linear-gradient(45deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.menu-separator{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);margin:1rem 1.5rem;flex-shrink:0}.logout-icon-red{color:#e74c3c!important;stroke:#e74c3c!important}.logout-item:hover .logout-icon-red{color:#ff6b6b!important;stroke:#ff6b6b!important}.page-section{padding:2rem 0;min-height:calc(100vh - 200px);display:flex;align-items:flex-start;justify-content:center}.container{max-width:1200px;width:100%;padding:0 2rem}.page-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem;background:linear-gradient(45deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-card{background:#ffffff0d;border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.about-container{max-width:1200px;margin:0 auto;padding:0 2rem}.about-header{text-align:center;margin-bottom:3rem}.about-header .page-title{font-size:3rem;font-weight:700;color:#4caf50;margin-bottom:1rem}.about-content{display:flex;flex-direction:column;gap:.5rem}.about-section{margin-bottom:.8rem;text-align:center}.about-section.main-description,.about-section.sustainability,.about-section.mission,.about-section.gratitude{background:none;padding:0;border-radius:0;border-left:none}.about-section.gratitude{text-align:center}.about-section h2{font-size:1.8rem;font-weight:600;margin-bottom:.5rem;color:#4caf50;text-align:center}.about-section p{font-size:1.1rem;line-height:1.6;margin-bottom:.7rem;color:#ffffffe6;text-align:center}.support-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.support-card{background:#ffffff0d;border-radius:12px;padding:1.5rem;text-align:center;border:2px solid;border-image:linear-gradient(90deg,#4caf50,#2196f3) 1}.support-icon{font-size:2.5rem;margin-bottom:1rem}.support-card h3{font-size:1.3rem;font-weight:600;margin-bottom:.8rem;color:#4caf50}.support-card p{font-size:1rem;color:#fffc}@media (max-width: 768px){.about-container{padding:0 1rem}.about-header .page-title{font-size:2.2rem}.about-content{gap:2rem}.about-section{margin-bottom:2rem}.about-section h2{font-size:1.5rem}.about-section p{font-size:1rem}.support-methods{grid-template-columns:1fr;gap:1rem}}.rules-section{margin-bottom:2.5rem}.rules-list{display:flex;flex-direction:column;gap:1rem}.rule-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;border:2px solid #4caf50}.rule-number{background:linear-gradient(45deg,#4caf50,#2196f3);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.rule-item p{margin:0;font-size:1.1rem;line-height:1.5;color:#ffffffe6}.examples-section{margin-bottom:2.5rem}.example-grid{display:flex;flex-direction:column;gap:1.5rem}.example-word{display:flex;flex-direction:column;align-items:center;gap:.8rem}.example-letters{display:flex;gap:.5rem}.letter{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border-radius:8px;color:#fff;background:#ffffff1a;border:2px solid rgba(255,255,255,.2)}.letter.correct{background:#4caf50;border-color:#4caf50}.letter.present{background:#ff9800;border-color:#ff9800}.letter.absent{background:#757575;border-color:#757575}.scoring-section{margin-bottom:2rem}.scoring-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.score-card.penalty{border-color:#e74c3c4d}.score-card.bonus{border-color:#4caf504d}.score-card h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:#4caf50}.score-card.penalty h3{color:#e74c3c}.score-card.bonus h3{color:#4caf50}.score-card.base p{color:#2c3e50!important}.score-card ul{list-style:none;padding:0;margin:0;color:#dc3545!important}.stars-explanation{background:#ffffff0d;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.stars-explanation h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:gold;text-align:center}.star-levels{display:flex;flex-direction:column;gap:.8rem}.star-level{display:flex;justify-content:space-between;align-items:center;padding:.8rem;background:#ffffff0d;border-radius:8px}.coming-soon-section{text-align:center;padding:2rem}.coming-soon-icon{font-size:4rem;margin-bottom:1rem}.coming-soon-section h2{font-size:2rem;font-weight:600;margin-bottom:1rem;color:#4caf50}.coming-soon-section p{font-size:1.2rem;color:#fffc;margin-bottom:2rem}.features-preview h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#388e3c!important;font-weight:700}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.feature-item{display:flex;align-items:center;gap:.8rem;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.feature-icon{font-size:1.5rem}.feature-item span:last-child{color:#ffffffe6;font-weight:500}.faq-section{margin-bottom:3rem}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.faq-question{width:100%;background:none;border:none;padding:1.5rem;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#ffffffe6;font-size:1.1rem;font-weight:600;transition:all .3s ease}.faq-question:hover{background:#ffffff0d}.faq-question.open{color:#4caf50}.faq-toggle{font-size:1.5rem;font-weight:700;color:#4caf50}.faq-answer{padding:0 1.5rem 1.5rem;animation:fadeIn .3s ease}.faq-answer p{margin:0;color:#fffc;line-height:1.6}.contact-section,.contact-intro,.contact-form-section{margin-bottom:2.5rem}.contact-intro h2,.contact-form-section h2{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:#4caf50}.contact-intro p,.contact-form-section p{font-size:1.1rem;line-height:1.6;color:#ffffffe6}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.contact-method{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.method-icon{font-size:2rem;flex-shrink:0}.method-content h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#2196f3}.method-content p{margin-bottom:.5rem}.method-content a{color:#4caf50;text-decoration:none;font-weight:500}.method-content a:hover{text-decoration:underline}.method-content span{font-size:.9rem;color:#ffffffb3}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#ffffffe6;font-size:1rem}.form-group input,.form-group select,.form-group textarea{padding:.8rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4caf50;background:#ffffff26}.submit-btn{padding:1rem 2rem;background:linear-gradient(45deg,#4caf50,#2196f3);border:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4caf504d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-btn.submitting{background:#757575}.submit-message{padding:1rem;border-radius:8px;font-weight:500;text-align:center}.submit-message.success{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.submit-message.error{background:#e74c3c33;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.contact-footer{margin-top:2rem}.response-info h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:#4caf50}.response-info ul{list-style:none;padding:0;margin:0}.response-info li{border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffe6;position:relative;padding:.8rem 0 .8rem 1.5rem}.response-info li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.response-info li:last-child{border-bottom:none}.direct-contact{margin-top:1.5rem;text-align:center;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.direct-contact a{color:#4caf50;text-decoration:none;font-weight:600}.direct-contact a:hover{text-decoration:underline}.menu-icon{display:inline-block;width:20px;font-size:1rem;text-align:center;margin-right:.5rem}@media (max-width: 768px){.container{padding:0 1rem}.page-title{font-size:2rem}.content-card{padding:1.5rem}.form-row,.support-methods,.scoring-details,.feature-list{grid-template-columns:1fr}.example-letters{flex-wrap:wrap;justify-content:center}.star-level{flex-direction:column;gap:.5rem;text-align:center}}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.menu-overlay.open{opacity:1;visibility:visible}.menu-item{display:flex;align-items:center;gap:.7rem;width:100%;padding:1rem 1.5rem;background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.menu-item:first-child{border-top:1px solid rgba(255,255,255,.1)}.menu-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.menu-item:hover{background:#ffffff1f;color:#4caf50;padding-left:2rem}.menu-item:hover:before{left:100%}.menu-item:active{background:#fff3;transition:all .1s ease}.menu-item svg{opacity:.8;transition:all .3s ease;min-width:18px}.menu-item:hover svg{opacity:1;color:#4caf50;transform:scale(1.1)}.header-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;font-size:.6rem;padding:.5rem 1rem;border-radius:20px;transition:all .2s ease}.header-btn:hover{background:#fff3}.header-btn:focus{outline:none;background:#fff3}.link-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;border-radius:20px;min-width:140px;width:140px;transition:all .2s ease}.link-btn:hover{color:#fff;background:#fff3;border-color:#ffffff4d}.hero-section{text-align:center;padding:1rem 2rem}.hero-section h1{font-size:2.8rem;font-weight:900;margin-top:2.5rem;margin-bottom:.4rem;background:linear-gradient(45deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.hero-subtitle{font-size:1rem;color:#fff;font-weight:500;margin-bottom:1.2rem}.play-button{background:linear-gradient(45deg,#4caf50,#388e3c);color:#fff;border:none;padding:.8rem 2.5rem;margin-top:.4rem;font-size:1.1rem;font-weight:600;border-radius:50px;min-width:200px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #4caf504d}.play-button:hover{animation:none;transform:translateY(-2px);box-shadow:0 6px 25px #4caf5066}.game-rules{text-align:center;margin-top:3.1rem;padding:0 2rem}.game-rules h2{font-size:1.6rem;margin-bottom:0rem;color:#4caf50}.home-page{color:#fff;font-weight:400}.home-page .verde-text{color:#43a946!important}.home-page .amarillo-text{color:#ffbf01!important}.home-page .gris-text{color:#8b8a8a!important}.verde-text{color:#4caf50!important}.amarillo-text{color:#ffc107!important}.gris-text{color:#9e9e9e!important}.game-rules p{font-size:.95rem;margin-bottom:1.2rem;color:#ddd;max-width:600px;margin-left:auto;margin-right:auto;height:6.5em;line-height:1.5;display:flex;align-items:flex-start;text-align:center;justify-content:center;flex-direction:column}.color-examples{display:flex;justify-content:space-between;gap:1.5rem;margin-top:2.5rem;flex-wrap:nowrap}.example-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;flex:1;min-width:0;text-align:center}.example-item img{width:80px;height:auto;border-radius:6px;box-shadow:0 3px 10px #0000004d;margin:0 auto;display:block}.example-item p{margin:0;font-size:.9rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.example-inline{display:flex;align-items:center;gap:.6em;font-size:.82rem;text-align:center;white-space:nowrap;margin:0 auto;justify-content:center;padding:0 .3rem;width:100%}.benefits-section{text-align:center;margin-top:3rem}.benefits-section h2{font-size:1.6rem;margin-bottom:1.2rem;color:#4caf50}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;margin-bottom:1.5rem}.benefit-item{background:#ffffff0d;padding:1rem;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:relative}body:not(.light-theme) .benefit-item{border:2px solid;border-image:linear-gradient(45deg,#4caf5099,#2196f399) 1;background:#ffffff0d}.benefit-item h3{font-size:1rem;margin-bottom:.5rem;color:#4caf50}.benefit-item p{margin:0;color:#e8e7e7;font-size:.85rem}.register-cta{text-align:center;margin-top:1.5rem}.register-cta-text{color:#fffbe7;font-size:.95rem;font-weight:500;margin-bottom:.8rem;text-align:center;letter-spacing:.01em}.btn-register{background:linear-gradient(45deg,#2196f3,#1565c0);color:#fff;border:none;padding:.8rem 2.5rem;margin-top:.8rem;margin-bottom:30px;font-size:1.1rem;font-weight:600;border-radius:50px;width:200px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #2196f34d}.btn-register:hover{transform:translateY(-2px);box-shadow:0 6px 25px #2196f366}.login-section{display:flex;justify-content:center;align-items:center;flex:1;padding:2rem}.login-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #4caf50;border-radius:15px;padding:2.5rem;width:100%;max-width:420px;text-align:center}.login-title{font-size:2rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(45deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.register-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.register-form .form-group{margin-bottom:.5rem}.register-form .form-label{margin-bottom:.3rem;font-size:.9rem}.register-title{font-size:1.8rem!important;margin-bottom:1.5rem!important}.register-form .form-input{padding:.7rem 1rem;font-size:.95rem}.form-group{display:flex;flex-direction:column;text-align:left}.form-label{color:#fff;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:#4caf50;background:#ffffff26;box-shadow:0 0 0 3px #4caf501a}.form-input::placeholder{color:#fff9}.password-input-container{position:relative;display:flex;align-items:center;width:100%}.password-input-container .form-input{width:100%;padding-right:3rem}.password-toggle{position:absolute;right:.8rem;background:none;border:none;cursor:pointer;padding:0;width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:opacity .3s ease}.password-toggle.show{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACYklEQVR4AeyTK1cbURSF7yQRaRR1xYEqSBxVbR24/oO6PFyrmqpS1aKKyutfVKWudQWHSxxxwYEKrKw8+PbJnFmTQNZgcGSdnXPmvGffO7nwxL/nAZkEZ1LU6XS+tNvtKzBfwVCxrAlrB9CsC+b8ftJkA6zKK8WU02q1/q8G/fnegGazuaUiEg6ApD+ZTPYqlUqUxmw22yZ4DkIURfuqUa2e01gawCYHuVzuIk4YxA13x+PxgAY3wGm6YcAtcRtM/gAE1aqHbEcyQNPZpKsAuk6xNgyNRmO/VCpd4S8Cl2KhUBhS806OOPdINrVd/FuyhWSApssBTsrl8jHaJJ/PG79svE0jo4nALtDGf6UFYt/ROi/5nYVgA3j1XwQl1yR+liGwiW2IfVKr1YwG7EBOn03rsqn9IC3g/4q+BgH/D2kbgPEJhNFoZLTIFnirt9KgDZaEG/RbDga9lnaketgCPsD4g+uhJ0rT5EwafASrYr7pdOo5FqeH07OgS15eTfzJLPqr6aFarf6RBnXoSg4utm1DqPtH3IRaUW3fDD1F1+IMLBqCHRx2ncRvaBMO970M6LrAb9dUtnzQsyctEBPNQqAmodopCkzsQ8mhksERBT100IZ8aJvYdnhoya183Db70MgVLdo+qAc1yYVIBqgqpsTfZIdCbdzjzm+wwEtg1xT9Qj7iPTCn1ujT5nEPXAtZGiAXxX0QYTv/O9jWSM0c8gHFtPWpatKbEzO5N8C8/FFwCKA50mGm6SFqcklQX3zE1m/M88Df2gGeC8/HDErT4zRtKuZ563TmgHWFj/U/D8hk6g4AAP//a5vfLgAAAAZJREFUAwDm3yhA6CLovQAAAABJRU5ErkJggg==)}.password-toggle.hide{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACdklEQVR4AdyUL1cbQRTFd5OcHIhKHUgccUW1OHCt60eoyj+HaqsgqsianGxievop2qrioK4OXOPAxeVgku3vDvvemQRCRVNDzt68mTdv3n3vzs6Wkv/8e0IEw+EwB8frVixIROLdIvEJ4wUS5m+yLLvGqoAYk9Fo9K7Yt9IEglardTWbzfaLqGWS4zRNt4q12NTzPD8VMUQ/4oV4HAjk6Ha7Fw+RQL43n893sGkM9jQgvsAmEB2ICJgScgc4gWZs2JAt4J10Op0xm78Ck2gynU5vms3mvkiJvwJ6LpHzlQYGJ+j3+1ulUsla/VQEOAmJXuP7BfTUa7XaZDAYHGjCWgN7AhKKVCHeiRNUKpXrIiBjw9EquVhLJZlio4IS/D18p0DPpf6EQMAhfdYE3NJ2B5voTKjG2vVOtCbJsCGZdcFcJB+wtyBBzo+ygYBDeqsJum7LRngejRdI8H8BSblcfiFriHK8ly8QMAiao+tvxv4g00+f3A2cBEl0sDoT4W6Vf8tB9xnTJBAQfKQJqNOaXzSkOMO3/MQke0j63QKQWhevrjn+IHUgkMMOjrEnYJzgP5RdwkKM1lQYUodzYc+OfIITUO2YAL2K8itBeBPwn6HrM5zh8LD2KMa7RZLwyioHe8YW5ARytNvtbxH7LlXltH1erVY3kHEThNvM2dz7rCDJofYqh3IZFgjkFLsSUYl9Bl7qjojMwJtzrtgC3on2Fj439whshUrsM6AbemN+sxQgn9bkchJNYqwksCC66YFtEOQxSwHy9R6Sy/bK/pVAQY9BN/4xkn8mEPkSSbjB8gtrIVAikWAbSLiJ9WdtBMpIcn0+NHT8AQAA//+Q6yOKAAAABklEQVQDAKDPVUDQ6kuXAAAAAElFTkSuQmCC)}.password-toggle:hover{opacity:.7}.login-btn{background:linear-gradient(45deg,#4caf50,#388e3c);color:#fff;border:none;padding:.8rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #4caf504d;margin-bottom:8px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #4caf5066}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-btn:disabled:hover{transform:none;box-shadow:0 4px 20px #4caf504d}.error-message{background-color:#f443361a;border:1px solid #f44336;color:#f44336;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px;text-align:center}.login-links{display:flex;flex-direction:column;gap:1rem}.forgot-password-link{background:none;border:none;color:#4caf50;cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .3s ease}.forgot-password-link:hover{color:#66bb6a}.register-prompt{display:flex;flex-direction:column;gap:.5rem;align-items:center}.register-text{color:#fffc;font-size:.9rem}.register-link{background:none;border:none;color:#2196f3;cursor:pointer;font-size:.95rem;font-weight:600;text-decoration:underline;transition:color .3s ease}.register-link:hover{color:#42a5f5}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4.25px);backdrop-filter:blur(4.25px)}.modal-content{background:#17181e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2.5rem;width:100%;max-width:420px;text-align:center;position:relative;color:#fff;box-shadow:none}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-title{font-size:1.3rem;font-weight:700;margin:0;background:linear-gradient(45deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:none;border:none;color:#fff;font-size:1.8rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.modal-close:hover{color:#ff6b6b}.modal-description{color:#ffffffe6;font-size:.9rem;line-height:1.5;margin-bottom:1.2rem;text-align:left}.reset-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.reset-btn{background:linear-gradient(45deg,#4caf50,#388e3c);color:#fff;border:none;padding:.6rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #4caf504d}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #4caf5066}.back-to-login{background:none;border:none;color:#2196f3;cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .3s ease;width:100%;text-align:center}.back-to-login:hover{color:#42a5f5}.reset-success{text-align:center;padding:1rem 0}.success-message{color:#4caf50;font-size:1rem;font-weight:600;margin:0}.redirect-message{color:#fff;font-size:1rem;font-weight:600;margin:0}.page-footer{text-align:center;margin-top:auto;padding-top:0;border-top:2px solid;border-image:linear-gradient(90deg,#4caf50,#2196f3) 1}.light-theme .page-footer{border-top:2px solid;border-image:linear-gradient(90deg,#28a745,#2196f3) 1}.page-footer p{color:#888;font-size:.8rem;margin:.5rem}@media (max-width: 768px){.home-page{padding:0;gap:1.5rem}.home-page .top-header,.game-page .top-header{padding:0 1rem}.hero-section{padding:1rem}.game-rules{padding:0 1rem}.top-header{flex-direction:column;gap:.8rem;align-items:stretch}.header-right{justify-content:space-between}.hero-section h1{font-size:2rem}.color-examples,.benefits-grid{grid-template-columns:1fr;gap:1rem}.auth-links{justify-content:center}.login-section{padding:1rem}.login-container{padding:2rem 1.5rem;margin:0 1rem}.login-title{font-size:1.6rem}}.light-theme{background:linear-gradient(135deg,#bfc3c8,#aeb4bb);color:#1a252f}.light-theme .home-page{color:#1a252f}.light-theme .top-header{border-bottom:2px solid;border-image:linear-gradient(90deg,#28a745,#2196f3) 1}.light-theme .header-btn{background:#fff;border:1px solid #dde2e7;color:#1a252f;box-shadow:0 1px 4px #2c3e500f}.light-theme .header-btn:hover{background:#f3f5f7;border-color:#bfc5cc}.light-theme .menu-btn{background:#fff;border:1px solid #dde2e7;box-shadow:0 1px 4px #2c3e500f}.light-theme .menu-btn:hover{background:#f3f5f7;border-color:#bfc5cc}.light-theme .menu-btn:active{background:#e9ecef}.light-theme .hamburger span{background:#5b5b5b}.light-theme .menu-btn:hover .hamburger span{background:linear-gradient(45deg,#28a745,#1565c0)}.light-theme .dropdown-menu{background:#fffffffa;border-right:1px solid rgba(0,0,0,.1);box-shadow:5px 0 25px #00000026}.light-theme .menu-header{border-image:linear-gradient(90deg,#28a745,#1565c0) 1}.light-theme .menu-header h3{background:linear-gradient(45deg,#28a745,#1565c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-theme .menu-separator{background:linear-gradient(90deg,transparent,rgba(0,0,0,.15),transparent)}.light-theme .menu-item{color:#2c3e50;border-bottom:1px solid rgba(0,0,0,.18)}.light-theme .menu-item:first-child{border-top:1px solid rgba(0,0,0,.18)}.light-theme .menu-item:before{background:linear-gradient(90deg,transparent,rgba(40,167,69,.1),transparent)}.light-theme .menu-item:hover{background:#28a74514;color:#28a745}.light-theme .menu-item:active{background:#28a74526}.light-theme .menu-item svg{color:#5b5b5b}.light-theme .menu-item:hover svg{color:#28a745}.light-theme .menu-overlay{background:#0000004d}.light-theme .link-btn{background:#fff;border:1px solid #dde2e7;color:#1a252f;box-shadow:0 1px 4px #2c3e500f}.light-theme .link-btn:hover{background:#f3f5f7;border-color:#bfc5cc}.light-theme .username-badge{background:#fff;border:1px solid #dde2e7;color:#1a252f;box-shadow:0 1px 4px #2c3e500f}.light-theme .logout-icon{color:#1a252f}.light-theme .logout-icon:hover{background:#ff000021;color:#dc3545}.light-theme .play-button{background:linear-gradient(45deg,#28a745,#20c997);box-shadow:0 4px 20px #28a7454d}.light-theme .play-button:hover{box-shadow:0 6px 25px #28a74566}.light-theme .game-rules h2{color:#28a745}.light-theme .game-rules p,.light-theme .game-rules p .light-theme .example-inline{color:#181f26}.light-theme .benefits-section h2{color:#28a745}.light-theme .verde-text{color:#218838!important}.light-theme .gris-text{color:#555b60!important}.light-theme .amarillo-text{color:#b48a00!important}.subtitle-dark{color:#fff}.light-theme .subtitle-dark{color:#1a252f}.light-theme .benefit-item{background:#e8eff6;border:2px solid;border-image:linear-gradient(45deg,#28a745cc,#2196f3cc) 1;position:relative}.light-theme .benefit-item h3{color:#28a745}.light-theme .benefit-item p{color:#2c3e50}.light-theme .btn-register{background:linear-gradient(45deg,#2196f3,#1565c0);box-shadow:0 4px 20px #2196f34d;margin-bottom:30px}.light-theme .btn-register:hover{box-shadow:0 6px 25px #2196f366}.light-theme .register-cta-text{color:#2c3e50}.light-theme .page-footer p{color:#34495e}.light-theme .example-item img{box-shadow:0 3px 10px #0000004d}.light-theme .login-container{background:#ffffffe6;border:2px solid #28a745;box-shadow:0 8px 32px #0000001a}.light-theme .form-label{color:#1a252f}.light-theme .form-input{background:#fffc;border:1px solid rgba(0,0,0,.2);color:#1a252f}.light-theme .form-input:focus{border-color:#28a745;background:#fffffff2;box-shadow:0 0 0 3px #28a7451a}.light-theme .form-input::placeholder{color:#1a252f99}.light-theme .password-toggle:hover{opacity:.7}.light-theme .login-btn{background:linear-gradient(45deg,#28a745,#20c997);box-shadow:0 4px 20px #28a7454d;margin-bottom:8px}.light-theme .login-btn:hover{box-shadow:0 6px 25px #28a74566}.light-theme .login-btn:disabled{opacity:.6;cursor:not-allowed}.light-theme .login-btn:disabled:hover{transform:none;box-shadow:0 4px 20px #28a7454d}.light-theme .error-message{background-color:#dc35451a;border-color:#dc3545;color:#dc3545}.light-theme .forgot-password-link{color:#28a745}.light-theme .forgot-password-link:hover{color:#20c997}.light-theme .register-text{color:#1a252fcc}.light-theme .register-link{color:#2196f3}.light-theme .register-link:hover{color:#1976d2}.light-theme .modal-overlay{background:#00000080}.light-theme .modal-content{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:2.5rem;max-width:420px;text-align:center;color:#1a252f}.light-theme .modal-close{color:#1a252f}.light-theme .modal-close:hover{color:#ff6b6b}.light-theme .modal-description{color:#1a252fcc}.light-theme .reset-btn{background:linear-gradient(45deg,#28a745,#20c997);box-shadow:0 4px 20px #28a7454d}.light-theme .reset-btn:hover{box-shadow:0 6px 25px #28a74566}.light-theme .back-to-login{color:#2196f3}.light-theme .back-to-login:hover{color:#1976d2}.light-theme .success-message{color:#28a745}.howtoplay-title{font-size:2.7rem;font-weight:700;text-align:center;background:linear-gradient(90deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin:2rem 0 3rem}.section-title{font-size:2rem;font-weight:600;color:#4caf50;text-align:center;margin:2rem 0}.section-title:first-of-type{margin-top:0}.rules-container{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:0 auto 3rem;padding:0 1rem}.rule-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:10px;border:2px solid #4caf50;transition:all .3s ease;justify-content:flex-start}.rule-item:hover{background:#ffffff14;border-color:#4caf50;box-shadow:0 0 10px #4caf504d}.rule-number{background:#2196f3;color:#fff;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.rule-text{font-size:1rem;line-height:1.5;text-align:left}.examples-container{display:flex;flex-direction:column;align-items:center;gap:2rem;margin:0 auto 4rem;padding:0 1rem;max-width:1000px}.example-item{text-align:center;flex:1;min-width:200px}.example-word{display:flex;gap:.4rem;justify-content:center;margin-bottom:.8rem}.letter{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;border-radius:8px;background:#333;color:#fff;border:2px solid transparent}.letter.correct{background:#4caf50;border-color:#66bb6a}.letter.present{background:#ffc107;color:#333;border-color:#ffca28}.letter.absent{background:#757575;border-color:#9e9e9e}.example-description{font-size:1rem;margin:0;opacity:.9}.scoring-container{display:flex;flex-direction:column;gap:2rem;max-width:900px;margin:0 auto 4rem;padding:0 1rem}.score-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.score-card{background:#ffffff0d;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.score-card.penalty{background:#e539351a;border-color:#e539354d}.score-card.bonus{background:#4caf5021;border-color:#4caf5066;color:#388e3c}.score-card h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;text-align:center;color:#4caf50}.score-card.penalty h3{color:#e53935}.score-card.bonus h3{color:#2196f3}.score-card.base{background:#2196f31f;border-color:#2196f366;color:#fff}.score-card.base h3{color:#2196f3!important}.score-card.base p{color:#fff!important}.score-card ul{list-style:none;padding:0;margin:0}.score-card li{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffe6}.score-card li:last-child{border-bottom:none}.stars-section{text-align:center;background:#ffc1071a;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,193,7,.3);margin-bottom:3rem}.stars-title{font-size:1.5rem;font-weight:600;color:#ffc107;margin-bottom:1rem}.star-levels{display:flex;flex-direction:column;gap:.8rem;align-items:center}.star-level{display:flex;align-items:center;gap:1rem;background:#ffffff0d;padding:.8rem 1.5rem;border-radius:8px;min-width:200px;justify-content:center}.stars{font-size:1.5rem}.star-desc{font-size:1rem}@media (max-width: 768px){.howtoplay-title{font-size:2rem;margin:1rem 0 2rem}.section-title{font-size:1.5rem;margin:2rem 0 1rem}.rule-item{flex-direction:column;text-align:center;gap:.8rem}.examples-container{flex-direction:column;gap:1.5rem}.letter{width:2.5rem;height:2.5rem;font-size:1.2rem}.score-group{flex-direction:column;align-items:center}.score-card{max-width:100%}}.light-theme .about-title,.light-theme .howtoplay-title{color:#28a745!important;background:#28a745!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.light-theme .section-title,.light-theme .about-section h2{color:#28a745}.light-theme .about-section p,.light-theme .about-section ul li{color:#2c3e50}.light-theme .about-section strong{color:#1a252f}.light-theme .support-card{background:#fff;border:2px solid;border-image:linear-gradient(90deg,#28a745,#1565c0) 1}.light-theme .support-card p{color:#2c3e50}.light-theme .rule-item{background:#fffc;border:2px solid #28a745}.light-theme .rule-item:hover{background:#ffffffe6;border-color:#28a745;box-shadow:0 0 10px #28a7454d}.light-theme .rule-text,.light-theme .example-description{color:#1a252f}.light-theme .letter{background:#e9ecef;color:#495057;border-color:#e9ecef}.light-theme .letter.correct{background:#28a745;border-color:#28a745;color:#fff}.light-theme .letter.present{background:#ffc107;color:#212529;border-color:#ffc107}.light-theme .letter.absent{background:#6c757d;border-color:#6c757d;color:#fff}.light-theme .score-card{background:#fffffff2;border:1px solid rgba(0,0,0,.15)}.light-theme .score-card h3{color:#1a252f}.light-theme .score-card p{color:#2c3e50}.light-theme .score-card li{color:#2c3e50;border-bottom:1px solid rgba(0,0,0,.1)}.light-theme .score-card.base{background:#2196f340;border-color:#2196f366}.light-theme .score-card.penalty{background:#dc354540;border-color:#dc354566}.light-theme .score-card.bonus{background:#28a74540;border-color:#28a74566}.light-theme .stars-section{background:#ffc10740;border-color:#ffc10766}.light-theme .stars-title{color:#e6a100}.light-theme .star-level{background:#ffffff4d}.light-theme .star-desc{color:#1a252f}.light-theme .score-card.base p{color:#2c3e50!important}.light-theme .score-card.penalty h3{color:#dc3545!important}.light-theme .faq-answer p{color:#000!important}.home-footer-compact{background:transparent;border-top:1px solid;border-image:linear-gradient(90deg,#4caf50,#2196f3) 1;padding:1.5rem 2rem;margin-top:3rem}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.footer-brand{flex:0 0 auto}.footer-logo{font-size:1.2rem;font-weight:600;background:linear-gradient(135deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.footer-links-group{flex:1;display:flex;justify-content:center;gap:2.5rem;align-items:center}.footer-copyright{flex:0 0 auto}.footer-copyright p{color:#ffffff80;font-size:.75rem;margin:0;white-space:nowrap}.footer-dropdown{position:relative}.dropdown-trigger{cursor:pointer;color:#fffc;font-size:.85rem;font-weight:500;padding:.6rem 1.2rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.dropdown-trigger:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4caf501a,#2196f31a);opacity:0;transition:opacity .3s ease;z-index:-1}.dropdown-trigger:hover{border-color:#4caf5080;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4caf5033}.dropdown-trigger:hover:before{opacity:1}.dropdown-trigger .trigger-arrow{display:inline-block;margin-left:.3rem;transition:all .2s ease}.dropdown-trigger .trigger-arrow:after{content:"▷";transition:all .2s ease}.dropdown-trigger:hover .trigger-arrow:after,.footer-dropdown:hover .trigger-arrow:after{content:"△"}.dropdown-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(10px) scale(.95);margin-bottom:.75rem;background:linear-gradient(135deg,#1a252ff2,#141e28fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(76,175,80,.3);border-radius:12px;padding:.75rem 0;min-width:200px;box-shadow:0 -12px 32px #0006,0 -4px 8px #4caf501a,inset 0 1px #ffffff1a;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.footer-dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}.dropdown-content:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg);width:16px;height:16px;background:linear-gradient(135deg,#1a252ff2,#141e28fa);border-right:1px solid rgba(76,175,80,.3);border-bottom:1px solid rgba(76,175,80,.3)}.dropdown-content button,.dropdown-content a{display:flex;align-items:center;width:100%;padding:.75rem 1.5rem;background:none;border:none;color:#fffc;font-size:.85rem;text-align:left;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dropdown-content .arrow-icon{margin-right:.5rem;display:inline-block;transition:all .2s ease;font-size:.9rem;min-width:1rem}.dropdown-content .arrow-icon:after{content:"▷";transition:all .2s ease}.dropdown-content button:hover .arrow-icon:after,.dropdown-content a:hover .arrow-icon:after{content:"△"}.dropdown-content button:before,.dropdown-content a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#4caf50,#2196f3);transform:scaleY(0);transition:transform .2s ease}.dropdown-content button:hover,.dropdown-content a:hover{background:linear-gradient(90deg,#4caf5026,#2196f31a);color:#4caf50;padding-left:1.8rem}.dropdown-content button:hover:before,.dropdown-content a:hover:before{transform:scaleY(1)}.dropdown-content a svg{opacity:.7;transition:all .2s ease;filter:drop-shadow(0 0 4px rgba(76,175,80,.3))}.dropdown-content a:hover svg{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(76,175,80,.5))}.light-theme .home-footer-compact{background:transparent;border-top:1px solid rgba(40,167,69,.2)}.light-theme .footer-logo{background:linear-gradient(135deg,#28a745,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-theme .footer-copyright p{color:#00000080}.light-theme .dropdown-trigger{color:#000000b3;border-color:#00000026}.light-theme .dropdown-trigger:before{background:linear-gradient(135deg,#28a7451a,#007bff1a)}.light-theme .dropdown-trigger:hover{border-color:#28a74580;color:#28a745;box-shadow:0 4px 12px #28a74533}.light-theme .dropdown-content{background:linear-gradient(135deg,#fffffffa,#f8f9fafa);border-color:#28a7454d;box-shadow:0 -12px 32px #00000026,0 -4px 8px #28a7451a,inset 0 1px #fff}.light-theme .dropdown-content:before{background:linear-gradient(135deg,#fffffffa,#f8f9fafa);border-right-color:#28a7454d;border-bottom-color:#28a7454d}.light-theme .dropdown-content button,.light-theme .dropdown-content a{color:#000c}.light-theme .dropdown-content button:before,.light-theme .dropdown-content a:before{background:linear-gradient(180deg,#28a745,#007bff)}.light-theme .dropdown-content button:hover,.light-theme .dropdown-content a:hover{background:linear-gradient(90deg,#28a74526,#007bff1a);color:#28a745}.light-theme .dropdown-content a svg{filter:drop-shadow(0 0 4px rgba(40,167,69,.3))}.light-theme .dropdown-content a:hover svg{filter:drop-shadow(0 0 8px rgba(40,167,69,.5))}@media (max-width: 968px){.footer-container{flex-direction:column;text-align:center;gap:1.5rem}.footer-links-group{gap:2rem}}@media (max-width: 580px){.home-footer-compact{padding:1.2rem 1rem}.footer-logo{font-size:1.1rem}.footer-links-group{gap:1.5rem;flex-wrap:wrap}.dropdown-trigger{font-size:.8rem;padding:.4rem .8rem}.footer-copyright p{font-size:.7rem}}.legal-page-content{width:100%;max-width:900px;margin:0 auto;padding:2rem 1rem}.legal-page-content .legal-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(76,175,80,.3)}.legal-page-content .legal-header h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-page-content .legal-header .last-updated{color:#fff9;font-size:.9rem;font-style:italic}.legal-section{margin-bottom:2.5rem;background:#ffffff05;padding:2.5rem;border-radius:8px;border-left:4px solid #4caf50;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.legal-section:hover{background:#ffffff0a;box-shadow:0 4px 16px #4caf501a}.legal-section:last-child{margin-bottom:0}.section-title{color:#4caf50!important;font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid rgba(76,175,80,.2);letter-spacing:.5px;line-height:1.4}.section-subtitle{color:#4caf50!important;font-size:1.25rem;font-weight:600;margin:2rem 0 1rem;line-height:1.4}.section-text{color:#ffffffde;font-size:1.05rem;line-height:1.8;margin:0 0 1.25rem;text-align:justify}.section-list{margin:1.25rem 0;padding:0}.list-item{color:#ffffffde;font-size:1.05rem;line-height:1.8;margin:0 0 .75rem;padding-left:1.5rem;position:relative;text-align:justify}.list-item:before{content:"•";position:absolute;left:0;color:#4caf50;font-weight:700;font-size:1.2rem;line-height:1.8}.item-label{color:#4caf50;font-weight:600}.legal-section h2{color:#4caf50;font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid rgba(76,175,80,.2);letter-spacing:.5px;line-height:1.4}.legal-section h3{color:#4caf50;font-size:1.25rem;font-weight:600;margin:2rem 0 1rem;line-height:1.4}.legal-section p{color:#ffffffde;font-size:1.05rem;line-height:1.8;margin:0 0 1.25rem;text-align:justify}.legal-section ul,.legal-section ol{color:#ffffffde;font-size:1.05rem;line-height:1.8;margin:1.25rem 0;padding-left:2rem;list-style-position:outside}.legal-section li{margin-bottom:.75rem;padding-left:0;line-height:1.8}.legal-section li strong{color:#4caf50;font-weight:600;line-height:1.8}.legal-link{color:#4caf50;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .2s ease;position:relative}.legal-link:hover{color:#66bb6a;border-bottom-color:#4caf50}.legal-link:focus{outline:2px solid #4caf50;outline-offset:2px;border-radius:2px}.cookie-table{margin:1.5rem 0;overflow-x:auto}.cookie-table table{width:100%;border-collapse:collapse;background:#0003;border-radius:8px;overflow:hidden}.cookie-table thead{background:linear-gradient(135deg,#4caf5033,#2196f333)}.cookie-table th{color:#fff;font-weight:600;text-align:left;padding:1rem;font-size:.95rem}.cookie-table td{color:#ffffffd9;padding:1rem;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem}.cookie-table tbody tr:hover{background:#4caf500d}.light-theme .legal-page-content .legal-header h1{background:linear-gradient(135deg,#28a745,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-theme .legal-page-content .legal-header .last-updated{color:#00000080}.light-theme .legal-page-content .legal-header{border-bottom-color:#28a7454d}.light-theme .legal-section{background:#0000000f;border-left-color:#28a745;box-shadow:0 2px 8px #00000014}.light-theme .legal-section:hover{background:#00000014;box-shadow:0 4px 16px #28a74526}.light-theme .section-title{color:#28a745!important;border-bottom-color:#28a74533}.light-theme .section-subtitle{color:#28a745!important}.light-theme .section-text,.light-theme .list-item{color:#000000d9}.light-theme .list-item:before{color:#28a745}.light-theme .item-label{color:#28a745}.light-theme .legal-section h2{color:#28a745;border-bottom-color:#28a74533}.light-theme .legal-section h3{color:#28a745}.light-theme .legal-section p,.light-theme .legal-section ul,.light-theme .legal-section ol,.light-theme .legal-section li{color:#000000d9;line-height:1.8}.light-theme .legal-section li strong,.light-theme .legal-link{color:#28a745}.light-theme .legal-link:hover{color:#218838;border-bottom-color:#28a745}.light-theme .legal-link:focus{outline-color:#28a745}.light-theme .cookie-table table{background:#00000008}.light-theme .cookie-table thead{background:linear-gradient(135deg,#28a74526,#007bff26)}.light-theme .cookie-table th{color:#1a252f}.light-theme .cookie-table td{color:#000c;border-top-color:#0000000d}.light-theme .cookie-table tbody tr:hover{background:#28a7450d}@media (max-width: 768px){.legal-page-content{padding:1.5rem 1rem}.legal-page-content .legal-header{margin-bottom:2rem;padding-bottom:1.5rem}.legal-page-content .legal-header h1{font-size:1.8rem}.legal-section{padding:1.5rem}.legal-section h2{font-size:1.5rem}.legal-section h3{font-size:1.2rem}.legal-section p,.legal-section ul,.legal-section ol{font-size:.95rem}.cookie-table{font-size:.85rem}.cookie-table th,.cookie-table td{padding:.75rem .5rem}}.game-page{width:100%;height:100vh;margin:0;padding:0;position:fixed;top:0;left:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#0a0a0f,#151626);color:#fff;font-family:Segoe UI,Roboto,Arial,sans-serif;overflow-y:auto}.game-page .page-footer{max-width:900px;margin:0 auto;width:100%;padding:0 2rem;box-sizing:border-box}.game-container{flex:1;display:flex;flex-direction:column;align-items:center;padding:1rem 2rem 1.5rem;gap:1rem;max-width:900px;margin:0 auto;width:100%}.already-played-container{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;width:100%}.already-played-content{text-align:center;background:#ffffff1a;border-radius:16px;padding:3rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:600px;width:100%;position:relative;border:2px solid #4caf50}.already-played-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.already-played-message{font-size:1.2rem;margin-bottom:2rem;color:#fffc;line-height:1.6}.today-result{background:#ffffff1a;border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1)}.today-result h3{margin-bottom:1rem;color:#fff;font-size:1.3rem}.result-summary{display:flex;flex-direction:column;gap:.8rem}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.result-label{color:#ffffffb3;font-weight:500}.result-value{color:#fff;font-weight:700;font-size:1.1rem}.next-game-timer{margin-bottom:2rem}.next-game-timer h3{margin-bottom:1rem;color:#fff;font-size:1.3rem}.timer-display{font-size:3rem;font-weight:700;color:#4caf50;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(76,175,80,.3)}.actions{display:flex;justify-content:center;gap:1rem}.btn-primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4caf504d}.game-timer{display:flex;align-items:center;gap:.4rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.timer-label{color:#ccc;font-size:.85rem}.timer-value{color:#4caf50;font-family:Courier New,monospace;font-size:1rem}.game-question{text-align:center;max-width:600px;margin-bottom:.5rem}.game-question h2{font-size:1.25rem;font-weight:600;color:#fff;line-height:1.3;margin:0}.game-grid{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.8rem;opacity:1;transition:opacity .2s ease-in-out}.game-grid.loading{opacity:.3}.grid-row{display:flex;gap:.4rem}.grid-cell{width:43px;height:43px;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.08rem;font-weight:700;background:#ffffff0d;border-radius:6px;transition:all .3s ease;text-transform:uppercase}.grid-cell.space{background:transparent;border:none;width:13.5px}.grid-cell.current{border-color:#fff9;background:#ffffff1a}.grid-cell.correct{background:#4caf50;border-color:#4caf50;color:#fff;animation:cellFlip .6s ease}.grid-cell.present{background:#ff9800;border-color:#ff9800;color:#fff;animation:cellFlip .6s ease}.grid-cell.absent{background:#424242;border-color:#424242;color:#fff;animation:cellFlip .6s ease}.grid-cell.pending{background:#333;border-color:#555;color:#ccc}@keyframes cellFlip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.hint-section{margin:.8rem 0}.hint-button{background:linear-gradient(45deg,#4caf50,#388e3c);color:#fff;border:none;padding:.54rem 1.08rem;border-radius:20px;font-size:.81rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 12px #4caf504d}.hint-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.hints-container{display:flex;flex-direction:column;gap:.4rem;margin:.8rem 0;max-width:405px}.hint-display{background:#4caf501f;border:1px solid #4caf50;border-radius:10px;padding:.54rem .72rem}.hint-content{display:flex;align-items:center;gap:.5rem}.hint-icon{font-size:1.2rem}.hint-text{color:#e3f2fd;font-size:.81rem;line-height:1.3}.game-status-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000001a;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-status-content{background:#1a252f;border:3px solid #4caf50;border-radius:20px;padding:2rem 1.8rem;text-align:center;max-width:380px;width:90%;box-shadow:0 20px 40px #0000004d,0 0 20px #4caf504d;animation:modalSlideIn .3s ease-out forwards;position:relative;opacity:0}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.game-status-content.won{border-color:#4caf50;box-shadow:0 20px 40px #0000004d,0 0 20px #4caf504d}.game-status-content.lost{border-color:#f44336;box-shadow:0 20px 40px #0000004d,0 0 20px #f443364d}.status-content h3{margin:0 0 1.2rem;font-size:1.6rem;font-weight:700;color:#4caf50}.game-status-content.lost .status-content h3{color:#f44336}.status-content p{margin:.6rem 0;font-size:1rem;color:#e0e0e0;line-height:1.4}.status-content .answer-reveal{font-size:1.2rem;font-weight:600;color:#fff;margin:1rem 0;padding:.75rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:10px}.modal-buttons{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center}.modal-button{background:linear-gradient(45deg,#4caf50,#388e3c);color:#fff;border:none;padding:.6rem 1.8rem;border-radius:20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px}.modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.modal-button.secondary{background:linear-gradient(45deg,#4caf50,#388e3c)}.modal-button.secondary:hover{box-shadow:0 6px 20px #4caf5066}.virtual-keyboard{width:100%;max-width:600px;margin-top:1.5rem}.keyboard-row{display:flex;justify-content:center;gap:.25rem;margin-bottom:.4rem}.keyboard-key{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.6rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:36px;height:45px;display:flex;align-items:center;justify-content:center}.keyboard-key.special-key{min-width:55px;font-size:.75rem}.keyboard-key:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.keyboard-key:disabled{opacity:.5;cursor:not-allowed}.keyboard-key.correct{background:#4caf50;border-color:#4caf50}.keyboard-key.present{background:#ff9800;border-color:#ff9800}.keyboard-key.absent{background:#424242;border-color:#424242;color:#999}.light-theme .game-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#1a252f}.light-theme .game-timer{background:#0000001a;border:1px solid rgba(0,0,0,.2);color:#1a252f}.light-theme .timer-label{color:#666}.light-theme .timer-value{color:#4caf50}.light-theme .game-question h2{color:#1a252f}.light-theme .grid-cell{border:2px solid rgba(0,0,0,.3);background:#ffffffb3;color:#1a252f}.light-theme .grid-cell.current{border-color:#0009;background:#ffffffe6}.light-theme .hint-display{background:#4caf5026;border:1px solid #4caf50}.light-theme .hint-text{color:#2e7d32}.light-theme .game-status-content{background:#fff;color:#1a252f;box-shadow:0 20px 40px #0000001a,0 0 20px #4caf5033}.light-theme .status-content p{color:#555}.light-theme .game-status-content.won{box-shadow:0 20px 40px #0000001a,0 0 20px #4caf5033}.light-theme .game-status-content.lost{box-shadow:0 20px 40px #0000001a,0 0 20px #f4433633}.light-theme .keyboard-key{background:#0000001a;border:1px solid rgba(0,0,0,.2);color:#1a252f}.light-theme .keyboard-key:hover:not(:disabled){background:#0003}.light-theme .grid-cell.space{background:transparent;border:none}.light-theme .grid-cell.correct{background:#4caf50;border-color:#4caf50;color:#fff}.light-theme .grid-cell.present{background:#ff9800;border-color:#ff9800;color:#fff}.light-theme .grid-cell.absent{background:#424242;border-color:#424242;color:#fff}.light-theme .grid-cell.pending{background:#f5f5f5;border-color:#ddd;color:#666}.light-theme .keyboard-key.correct{background:#4caf50;border-color:#4caf50;color:#fff}.light-theme .keyboard-key.present{background:#ff9800;border-color:#ff9800;color:#fff}.light-theme .keyboard-key.absent{background:#424242;border-color:#424242;color:#999}@media (max-width: 768px){.game-page{padding:0 1rem}.grid-cell{width:40px;height:40px;font-size:1.08rem}.game-question h2{font-size:1.2rem}.keyboard-key{min-width:35px;height:45px;font-size:.8rem;padding:.5rem}.keyboard-key.special-key{min-width:55px;font-size:.7rem}}@media (max-width: 480px){.grid-cell{width:31px;height:31px;font-size:.9rem}.keyboard-key{min-width:28px;height:40px;font-size:.7rem}.keyboard-key.special-key{min-width:45px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1.5rem;text-align:center;flex:1}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left:4px solid #27ae60;border-radius:50%;animation:spin 1s linear infinite}.light-theme .loading-spinner{border:4px solid #555b60;border-left:4px solid #27ae60}.loading-container p{font-size:1.2rem;color:#ccc;margin:0}.light-theme .loading-container p{color:#111;font-weight:600;text-shadow:none}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;flex:1}.error-content{background:#e74c3c1a;border:2px solid #e74c3c;border-radius:10px;padding:2rem;text-align:center;max-width:400px;width:100%}.error-content h3{margin:0 0 1rem;color:#e74c3c;font-size:1.5rem}.error-content p{margin:0 0 1.5rem;color:#ccc;line-height:1.6}.retry-button{background:#e74c3c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#c0392b;transform:translateY(-2px)}.retry-button:active{transform:translateY(0)}[data-theme=light] .loading-container p{color:#666}[data-theme=light] .error-content{background:#e74c3c0d;border-color:#e74c3c}[data-theme=light] .error-content p{color:#666}.score-section{margin:1.5rem 0;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.stars-display{margin-bottom:1rem}.stars-container{display:flex;justify-content:center;gap:.3rem;margin-bottom:.5rem}.star{font-size:2rem;transition:all .3s ease}.star.filled{color:gold;text-shadow:0 0 10px rgba(255,215,0,.6);animation:starGlow 1.5s ease-in-out infinite alternate}.star.empty{color:#444;opacity:.3}@keyframes starGlow{0%{text-shadow:0 0 5px rgba(255,215,0,.4)}to{text-shadow:0 0 15px rgba(255,215,0,.8)}}.performance-text{font-size:1.1rem;font-weight:600;margin:0;color:#4caf50}.score-details{text-align:left}.score-details p{margin:.3rem 0;font-size:1rem;color:#e0e0e0}.score-breakdown{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.1)}.score-breakdown p{font-size:.9rem;color:#bbb;margin:.2rem 0}.game-stats{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.game-stats p{margin:.4rem 0;font-size:.95rem;color:#ccc}[data-theme=light] .score-section{background:#00000008;border-color:#0000001a}[data-theme=light] .performance-text{color:#2e7d32}[data-theme=light] .score-details p{color:#424242}[data-theme=light] .score-breakdown{border-top-color:#0000001a}[data-theme=light] .score-breakdown p{color:#666}[data-theme=light] .game-stats{border-top-color:#0000001a}[data-theme=light] .game-stats p{color:#555}.light-theme .already-played-content{background:#ffffffe6;color:#1a252f;box-shadow:0 4px 20px #0000001a;border:2px solid #28a745}.light-theme .already-played-title{color:#1a252f}.light-theme .already-played-message{color:#2c3e50}.light-theme .today-result{background:#fffc;border:1px solid rgba(0,0,0,.1)}.light-theme .today-result h3{color:#1a252f}.light-theme .result-label{color:#555}.light-theme .result-value,.light-theme .next-game-timer h3{color:#1a252f}.light-theme .timer-display{color:#28a745;text-shadow:0 0 10px rgba(40,167,69,.3)}.light-theme .btn-primary{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 20px #28a7454d}.light-theme .btn-primary:hover{box-shadow:0 8px 25px #28a74566}.leaderboard-container{min-height:100vh;display:flex;flex-direction:column}.leaderboard-main{flex:1;padding:2rem 1rem;max-width:1200px;margin:0 auto;width:100%}.leaderboard-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:2rem;background:linear-gradient(45deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ranking-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #4caf50;background:#ffffff0d;color:#fffc;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500}.tab-button:hover{background:#ffffff1a;border-color:#66bb6a;color:#ffffffe6}.tab-button.active{background:linear-gradient(45deg,#4caf50,#2196f3);border-color:transparent;color:#fff;box-shadow:0 4px 15px #4caf504d}.tab-icon{font-size:1.2rem}.ranking-container{background:#ffffff0d;border-radius:20px;border:2px solid #4caf50;padding:2rem;margin-bottom:2rem}.period-info{text-align:center;margin-bottom:1.5rem;padding:1rem;background:#ffffff08;border-radius:10px;border:2px solid #4caf50}.period-info p{margin:0;color:#fffc;font-size:1.1rem}.ranking-stats-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.total-participants{color:#ffffffb3;font-size:1rem;font-weight:500}.ranking-list{display:flex;flex-direction:column;gap:.75rem}.ranking-entry{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ffffff08;border-radius:12px;border:2px solid #4caf50;transition:all .3s ease;box-shadow:0 0 10px #4caf5033}.ranking-entry:hover{background:#ffffff0f;border-color:#66bb6a;box-shadow:0 0 15px #4caf504d}.ranking-entry.current-user{background:linear-gradient(135deg,#4caf5033,#2196f333);border:2px solid #4caf50;box-shadow:0 0 20px #4caf5066,inset 0 0 15px #4caf5026,0 2px 15px #4caf504d;position:relative}.ranking-position{display:flex;align-items:center;gap:.5rem;min-width:60px}.position-number{font-size:1.3rem;font-weight:700;color:#4caf50;min-width:40px;text-align:center}.position-number.gold{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);font-size:1.5rem}.position-number.silver{color:silver;text-shadow:0 0 10px rgba(192,192,192,.5);font-size:1.4rem}.position-number.bronze{color:#cd7f32;text-shadow:0 0 10px rgba(205,127,50,.5);font-size:1.4rem}.ranking-user{display:flex;align-items:center;gap:.75rem;flex:1}.username{font-size:1.1rem;font-weight:500;color:#ffffffe6}.user-badge{background:linear-gradient(45deg,#4caf50,#2196f3);color:#fff;padding:.35rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase;box-shadow:0 2px 10px #4caf5066;letter-spacing:.5px}.ranking-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.score{font-size:1.1rem;font-weight:600;color:#4caf50}.score-weighted{font-size:1.2rem;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.3);letter-spacing:.5px}.avg-score{font-size:.85rem;color:#ffffff80;font-weight:400;font-style:italic}.time{font-size:.9rem;color:#ffffffb3;font-weight:500}.games{font-size:.9rem;color:#fff9}.multiplier{color:#4caf50;font-weight:600;font-size:.85rem;margin-left:.25rem}.ranking-separator{display:flex;justify-content:center;align-items:center;padding:.5rem;color:#ffffff80;font-size:1.5rem}.loading-container{text-align:center;padding:3rem}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.2);border-top:4px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-container{text-align:center;padding:3rem}.error-icon{font-size:3rem;margin-bottom:1rem}.retry-button{background:#4caf50;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;cursor:pointer;margin-top:1rem;transition:background .3s ease}.retry-button:hover{background:#45a049}.no-data{text-align:center;padding:3rem;color:#fff9}.no-data-icon{font-size:3rem;margin-bottom:1rem;display:block}.auth-prompt{text-align:center;padding:2rem;margin-top:2rem;background:#ffffff08;border-radius:15px;border:2px solid #4caf50}.auth-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.auth-button{background:linear-gradient(45deg,#4caf50,#2196f3);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:transform .3s ease}.auth-button:hover{transform:translateY(-2px)}@media (max-width: 768px){.leaderboard-title{font-size:2rem}.ranking-tabs{gap:.5rem}.tab-button{padding:.5rem 1rem;font-size:.9rem}.ranking-container{padding:1rem}.ranking-entry{grid-template-columns:auto 1fr;gap:.75rem}.ranking-stats{grid-column:1 / -1;flex-direction:row;justify-content:space-between;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}}.light-theme .leaderboard-title{background:linear-gradient(45deg,#28a745,#1565c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-theme .tab-button{border:2px solid #4caf50;background:#ffffffb3;color:#000c}.light-theme .tab-button:hover{background:#ffffffe6;border-color:#28a74580;color:#2c3e50}.light-theme .tab-button.active{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;color:#fff;box-shadow:0 4px 15px #28a7454d}.light-theme .ranking-container{background:#fffc;border:2px solid #4caf50}.light-theme .period-info{background:#fff9;border:2px solid #4caf50}.light-theme .period-info p,.light-theme .total-participants{color:#2c3e50}.light-theme .ranking-entry{background:#fff9;border:1px solid rgba(0,0,0,.05)}.light-theme .ranking-entry:hover{background:#fffc;border-color:#0000001a}.light-theme .ranking-entry.current-user{background:#28a7451a;border-color:#28a7454d}.light-theme .username,.light-theme .position-number{color:#2c3e50}.light-theme .score{color:#28a745}.light-theme .games{color:#0009}.light-theme .loading{color:#2c3e50}.light-theme .error{color:#dc3545;background:#dc35451a;border-color:#dc35454d}.light-theme .no-data,.light-theme .no-data p,.light-theme .loading-container,.light-theme .loading-container p,.light-theme .error-container{color:#2c3e50}.light-theme .error-container p{color:#dc3545}.light-theme .ranking-separator{color:#00000080}.light-theme .user-badge{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.light-theme .user-position{background:#28a7451a;border:1px solid rgba(40,167,69,.3)}.light-theme .auth-prompt{background:#fffc;border:2px solid #4caf50}.light-theme .auth-prompt p{color:#2c3e50}.light-theme .auth-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.light-theme .feature-item{background:#ffffffe6;border:1px solid rgba(0,0,0,.1)}.light-theme .feature-item:hover{background:#fff;border-color:#28a74566}.light-theme .feature-item span:last-child{color:#1a252f}.light-theme .ranking-entry{background:#fffc;border:2px solid #4caf50;box-shadow:0 0 10px #4caf5026}.light-theme .ranking-entry:hover{background:#fffffff2;border-color:#66bb6a;box-shadow:0 0 15px #4caf5040}.light-theme .ranking-entry.current-user{background:linear-gradient(135deg,#4caf5026,#2196f326);border:2px solid #4caf50;box-shadow:0 0 20px #4caf504d,inset 0 0 15px #4caf501a,0 2px 15px #4caf5040}.light-theme .position-number,.light-theme .username{color:#2c3e50}.light-theme .position-number{color:#2e7d32}.light-theme .position-number.gold{color:#d4a017}.light-theme .position-number.silver{color:#909090}.light-theme .position-number.bronze{color:#b8632f}.light-theme .username{color:#2c3e50}.light-theme .avg-score{color:#0009}.light-theme .time,.light-theme .games{color:#000000b3}.light-theme .score-weighted{color:#d4a017;text-shadow:0 0 10px rgba(212,160,23,.3)}.light-theme .multiplier{color:#2e7d32}.light-theme .ranking-container{background:#fff9;border:2px solid #4caf50}.light-theme .period-info{background:#fffc;border:2px solid #4caf50}.light-theme .period-info p{color:#2c3e50}.light-theme .ranking-stats-header{border-bottom:1px solid rgba(0,0,0,.15)}.light-theme .total-participants{color:#000000b3}@media (max-width: 768px){.leaderboard-title{font-size:2rem}.coming-soon-section{padding:2rem 1rem}.coming-soon-section h2{font-size:2rem}.coming-soon-section p{font-size:1rem}.features-preview h3{font-size:1.5rem}.feature-list{grid-template-columns:1fr;gap:1rem}.feature-item{padding:1rem}.feature-icon{font-size:1.5rem}.feature-item span:last-child{font-size:1rem}}.faq-list .faq-item:last-child{margin-bottom:0!important}.faq-page{max-width:900px;margin:0 auto;padding:0;min-height:auto;display:block}.faq-page .page-section{padding:2rem 1rem;max-width:1200px;margin:0 auto;width:100%}.faq-title,.page-title{font-size:3rem;font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-content{display:flex;flex-direction:column;gap:1rem;align-items:center;max-width:800px;margin:0 auto;min-height:auto}.faq-questions-container{background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem 0}.faq-questions-container h2{font-size:2rem;font-weight:600;color:#4caf50;margin-bottom:.5rem;text-align:center}.faq-list{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:800px}.faq-item{background:#ffffff14;border-radius:12px;border:2px solid #4caf50;overflow:hidden;transition:all .3s ease;margin-bottom:0}.faq-item:hover{background:#ffffff1f;border-color:#4caf50;box-shadow:0 0 10px #4caf504d}.faq-question{width:100%;padding:1.3rem;background:none;border:none;color:#ffffffe6;font-size:1.3rem;font-weight:500;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color .3s ease}.faq-question:hover,.faq-question.open{color:#4caf50}.faq-toggle{font-size:1.5rem;font-weight:700;min-width:2rem;text-align:center;transition:transform .3s ease}.faq-question.open .faq-toggle{transform:rotate(180deg)}.faq-answer{padding:0 1.2rem 1.2rem;color:#fffc;line-height:1.5;animation:fadeIn .3s ease;text-align:left;font-size:1.071rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-contact-box{width:450px;min-height:220px;background:#ffffff0d;padding:1.5rem;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-image:linear-gradient(45deg,#4caf5099,#2196f399) 1;position:relative;margin:1.5rem auto;text-align:center;box-sizing:border-box}.faq-contact-title{font-size:1.1rem;margin-bottom:.5rem;color:#4caf50;font-weight:700;padding:0;line-height:1.2}.faq-contact-text{margin:.5rem 0;color:#e8e7e7;font-size:1rem;padding:0;line-height:1.3}.faq-contact-button{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer;font-size:1.1rem;transition:background-color .3s;margin-top:.5rem}.faq-contact-button:hover{background:#218838}.light-theme .faq-title{background:linear-gradient(45deg,#28a745,#1565c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-theme .faq-questions-container{background:#fffc;border:1px solid rgba(0,0,0,.1)}.light-theme .faq-questions-container h2{color:#28a745}.light-theme .faq-contact-box{background:#e8eff6;border:2px solid;border-image:linear-gradient(45deg,#28a745cc,#2196f3cc) 1;position:relative}.light-theme .faq-contact-title{color:#28a745}.light-theme .faq-contact-text{color:#2c3e50}.light-theme .faq-item{background:#ffffffe6;border:2px solid #28a745}.light-theme .faq-item:hover{background:#fff;border-color:#28a745;box-shadow:0 0 10px #28a7454d}.light-theme .faq-question{color:#000!important}.light-theme .faq-question:hover,.light-theme .faq-question.open{color:#28a745!important}.light-theme .faq-answer{color:#000!important}@media (max-width: 768px){.faq-title{font-size:2rem}.faq-contact-box{width:420px;min-height:200px;grid-template-columns:1fr;gap:2rem}.faq-questions-container,.contact-container{padding:1.5rem}.faq-questions-container h2,.contact-container h2{font-size:1.5rem}.faq-answer{padding:0 1rem 1rem}}.contact-container{min-height:100vh;display:flex;flex-direction:column}.contact-main{flex:1;padding:2rem 1rem;max-width:800px;margin:0 auto;width:100%}.contact-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:2rem;background:linear-gradient(45deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-content{background:#ffffff0d;border:2px solid #4caf50;border-radius:12px;padding:1.5rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.light-theme .contact-content,body.light-theme .contact-content{background:#ffffffe6!important;border:2px solid #28a745!important;box-shadow:0 4px 20px #0000001a!important}.contact-description{text-align:center;color:#fffc;margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.contact-form-simple{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:0 auto}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{font-weight:500;color:#ffffffe6;font-size:.9rem;margin-bottom:.2rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.9rem;transition:all .3s ease}.form-group textarea{min-height:80px;resize:vertical}.form-group select{cursor:pointer;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:1rem!important;padding-right:3rem!important;position:relative;box-shadow:0 2px 8px #0000001a}.form-group select:hover{background:#ffffff26;border-color:#ffffff4d}.form-group select option{background-color:#2a2d35!important;color:#fff!important;padding:8px!important}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4caf50;background:#ffffff26}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{align-self:center;padding:.75rem 1.5rem;background:linear-gradient(45deg,#4caf50,#2196f3);border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:160px;margin-top:.5rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4caf504d}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn.submitting{background:linear-gradient(45deg,#6c757d,#495057)}.submit-message{padding:1rem;border-radius:8px;text-align:center;font-weight:500;margin-top:1rem}.submit-message.success{background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#4caf50}.submit-message.error{background:#f4433633;border:1px solid rgba(244,67,54,.4);color:#f44336}.contact-info{background:transparent;border-radius:0;padding:1.5rem 0;border:none;box-shadow:none;margin-top:2rem}.expectations-modern{width:100%;max-width:600px;margin:0 auto}.expectations-title-modern{color:#22c55e!important;font-size:1.5rem;font-weight:700;text-align:center;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;margin-bottom:1rem}.expectations-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.expectation-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-image:linear-gradient(45deg,#4caf50,#2196f3) 1;padding:2rem;position:relative}body:not(.light-theme) .expectation-card{background:#ffffff0d}.card-icon{font-size:2.5rem;width:auto;height:auto;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;background:none;border:none;border-radius:0;transition:none}.card-content{text-align:center}.card-content h4{color:#22c55e!important;font-size:1.1rem;font-weight:600;margin:0 0 .3rem;letter-spacing:.5px}.card-content p{color:#e8e7e7;font-size:.9rem;margin:0;opacity:.9}.light-theme .expectations-title-modern{color:#22c55e!important}.light-theme .expectation-card{background:#fffc;border-image:linear-gradient(45deg,#28a745,#2196f3) 1}.light-theme .card-content h4{color:#22c55e!important}.light-theme .card-content p{color:#2c3e50}.light-theme .contact-title{background:linear-gradient(45deg,#28a745,#1565c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-theme .contact-content{background:#fffc;border:1px solid rgba(0,0,0,.1)}.light-theme .contact-description{color:#2c3e50}.light-theme .contact-info{background:#ffffffe6;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000000d}.light-theme .form-group label{color:#1a252f}.light-theme .form-group input,.light-theme .form-group textarea,.light-theme .form-group select{background:#fff;border:2px solid #e5e7eb;color:#1f2937;box-shadow:0 1px 3px #0000001a}.light-theme .form-group select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:#fff!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:1rem!important;border:2px solid #e5e7eb!important;color:#1f2937!important;padding:1rem 3rem 1rem 1rem!important;cursor:pointer!important;border-radius:8px!important;font-size:1rem!important;box-shadow:0 1px 3px #0000001a!important}.light-theme .form-group select:hover{background-color:#f9fafb!important;border-color:#4caf50!important}.light-theme .form-group select option{background-color:#fff!important;color:#1f2937!important;padding:8px!important}.light-theme .form-group input:focus,.light-theme .form-group textarea:focus,.light-theme .form-group select:focus{border-color:#4caf50;background:#fff;outline:none;box-shadow:0 0 0 3px #4caf501a}.light-theme .form-group input::placeholder,.light-theme .form-group textarea::placeholder{color:#1a252f80}.light-theme .submit-message.success{background:#28a74526;border:1px solid rgba(40,167,69,.4);color:#28a745}.light-theme .submit-message.error{background:#dc354526;border:1px solid rgba(220,53,69,.4);color:#dc3545}@media (max-width: 768px){.contact-title{font-size:2rem}.contact-content,.contact-info{padding:1rem 0}.contact-main{padding:1rem}.form-group input,.form-group textarea,.form-group select{padding:.8rem}.submit-btn{padding:.8rem 1.5rem;min-width:180px}.form-row{flex-direction:column}.form-group.half{width:100%}.expectations-title-modern{font-size:1.5rem;margin-bottom:2rem}.expectations-cards{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}.expectation-card{padding:1.5rem}.card-icon{width:60px;height:60px;font-size:2.5rem;margin-bottom:1rem}.card-content h4{font-size:1.1rem}.card-content p{font-size:.9rem}}.form-row{display:flex;gap:1rem;width:100%}.form-group.half{flex:1;width:calc(50% - .5rem)}.compact .form-group input,.compact .form-group textarea,.compact .form-group select{padding:.8rem;font-size:.95rem}.compact .form-group textarea{min-height:100px}.compact .form-group label{font-size:.9rem;margin-bottom:.3rem}.compact .submit-btn{padding:.8rem 1.5rem;font-size:1rem}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc354533!important}.error-message{display:block;color:#dc3545;font-size:.875rem;margin-top:.25rem;font-weight:500}.form-group input.error-placeholder::placeholder,.form-group textarea.error-placeholder::placeholder{color:#dc3545!important;font-weight:500}.light-theme .error-message,body.light-theme .error-message{color:#dc3545!important}.light-theme .form-group input.error,.light-theme .form-group textarea.error,.light-theme .form-group select.error,body.light-theme .form-group input.error,body.light-theme .form-group textarea.error,body.light-theme .form-group select.error{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc354533!important}.light-theme .form-group input.error-placeholder::placeholder,.light-theme .form-group textarea.error-placeholder::placeholder,body.light-theme .form-group input.error-placeholder::placeholder,body.light-theme .form-group textarea.error-placeholder::placeholder{color:#dc3545!important}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,#1e1e2efa,#181825fa);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;max-width:500px;width:90%;overflow:hidden;animation:slideUp .3s ease}[data-theme=light] .modal-content{background:linear-gradient(135deg,#fffffffa,#f5f5fafa);border:1px solid rgba(0,0,0,.1)}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{padding:1.5rem 1.5rem .75rem;border-bottom:none}.modal-title{margin:0;font-size:1.25rem;font-weight:700;color:#fff;text-align:center}[data-theme=light] .modal-title{color:#1a1a2e}.modal-body{padding:.75rem 1.5rem 1.25rem}.modal-body p{margin:0;color:#ffffffd9;line-height:1.5;font-size:.95rem;text-align:center}[data-theme=light] .modal-body p{color:#000000bf}.modal-footer{padding:.75rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:center}.modal-btn{flex:1;max-width:160px;padding:.7rem 1.25rem;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.modal-btn-cancel{background:linear-gradient(135deg,#6464784d,#5050644d);color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}[data-theme=light] .modal-btn-cancel{background:linear-gradient(135deg,#c8c8d280,#b4b4be80);color:#000c;border:1px solid rgba(0,0,0,.15)}.modal-btn-cancel:hover{background:linear-gradient(135deg,#78788c66,#64647866);transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}[data-theme=light] .modal-btn-cancel:hover{background:linear-gradient(135deg,#bebec899,#aaaab499)}.modal-btn-confirm{background:linear-gradient(135deg,#4caf50,#2196f3);color:#fff}.modal-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4caf5066}.modal-btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.modal-btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e74c3c80}@media (max-width: 768px){.modal-content{max-width:90%}.modal-header{padding:1.5rem 1.5rem .75rem}.modal-title{font-size:1.3rem}.modal-body{padding:.75rem 1.5rem 1.5rem}.modal-body p{font-size:.95rem}.modal-footer{padding:.75rem 1.5rem 1.5rem}}@media (max-width: 480px){.modal-content{width:95%}.modal-footer{flex-direction:column;gap:.75rem}.modal-btn{width:100%;max-width:none}}.profile-container{min-height:100vh;display:flex;flex-direction:column}.profile-main{flex:1;padding:1rem;max-width:1000px;margin:0 auto;width:100%}.profile-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:2.5rem;background:linear-gradient(45deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-banner{background:#f443361a;border:2px solid #f44336;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:center}.error-banner p{color:#f44336;font-size:1.1rem;margin-bottom:1rem}.btn-retry{background:#f44336;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-retry:hover{background:#d32f2f;transform:translateY(-2px)}.profile-section{background:#ffffff0d;border-radius:20px;border:2px solid #4caf50;padding:2rem;margin-bottom:2rem}.section-title{font-size:1.5rem;font-weight:600;color:#ffffffe6;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-description{color:#fff9;font-size:.95rem;margin-bottom:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem}.info-item{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.info-label{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1rem;font-weight:600;color:#4caf50;word-break:break-word;overflow-wrap:break-word}.info-value.long-email{font-size:.8rem;line-height:1.3}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:900px;margin:0 auto}.stat-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.stat-card:hover{background:#ffffff0f;border-color:#4caf50;transform:translateY(-2px)}.stat-icon{font-size:2rem}.stat-value{font-size:1.8rem;font-weight:700;color:#4caf50}.stat-label{font-size:.85rem;color:#ffffffb3;text-align:center}.no-stats{text-align:center;padding:3rem 2rem}.no-stats-icon{font-size:4rem;display:block;margin-bottom:1rem;opacity:.5}.no-stats p{color:#ffffffb3;font-size:1.1rem;margin-bottom:.5rem}.no-stats-subtitle{font-size:.9rem!important;color:#ffffff80!important}.settings-card{background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:1.5rem;margin-bottom:1.5rem}.settings-card:last-child{margin-bottom:0}.card-title{font-size:1.2rem;font-weight:600;color:#ffffffe6;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.settings-card.collapsible{cursor:default;padding:.75rem 1rem}.card-header{display:grid;grid-template-columns:1fr auto;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem 0;margin-bottom:0;transition:all .2s ease;gap:1rem}.card-header:hover{opacity:.8}.card-header .card-title{margin:0;padding:0;font-size:1rem;font-weight:600;color:#ffffffe6;display:flex;align-items:center;gap:.5rem}.collapse-icon{font-size:1rem;color:#ffffffb3;transition:transform .3s ease;display:inline-block;width:1rem;height:1rem;text-align:center}.card-content{animation:slideDown .3s ease-out;overflow:hidden;padding-top:.5rem}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.form-group{margin-bottom:1rem}.form-group label{display:block;color:#fffc;font-size:.9rem;font-weight:500;margin-bottom:.4rem}.form-group input{width:100%;padding:.65rem .9rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#4caf50;background:#ffffff14}.form-group input:disabled{opacity:.5;cursor:not-allowed}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:3rem}.btn-primary{width:100%;padding:.6rem 1.5rem;background:linear-gradient(45deg,#4caf50,#2196f3);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #4caf5066}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{width:100%;padding:.6rem 1.5rem;background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #e74c3c66}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#ff6b6b;padding:.6rem .8rem;border-radius:6px;font-size:.85rem;margin-bottom:.75rem}.success-message{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50;padding:.6rem .8rem;border-radius:6px;font-size:.85rem;margin-bottom:.75rem}.danger-zone{border-color:#e74c3c4d;background:#e74c3c0d}.danger-zone .card-title{color:#ff6b6b}.danger-warning{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#fffc;padding:.7rem .9rem;border-radius:6px;margin-bottom:1rem;font-size:.85rem;line-height:1.4}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top:4px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.light-theme .profile-section{background:#fffc;border:2px solid #4caf50}.light-theme .section-title{color:#2c3e50}.light-theme .section-description{color:#0009}.light-theme .info-item{background:#00000008;border:1px solid rgba(0,0,0,.1)}.light-theme .info-label{color:#0009}.light-theme .info-value{color:#2e7d32}.light-theme .stat-card{background:#00000008;border:1px solid rgba(0,0,0,.1)}.light-theme .stat-card:hover{background:#0000000f;border-color:#4caf50}.light-theme .stat-value{color:#2e7d32}.light-theme .stat-label,.light-theme .no-stats p{color:#000000b3}.light-theme .no-stats-subtitle{color:#00000080!important}.light-theme .settings-card{background:#00000008;border:1px solid rgba(0,0,0,.1)}.light-theme .card-title,.light-theme .form-group label{color:#2c3e50}.light-theme .form-group input{background:#fff;border:1px solid #dde2e7;color:#2c3e50}.light-theme .form-group input:focus{border-color:#4caf50;background:#f8f9fa}.light-theme .danger-zone{border-color:#e74c3c4d;background:#e74c3c0d}.light-theme .danger-zone .card-title{color:#c0392b}.light-theme .danger-warning{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#2c3e50}.light-theme .error-message{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#c0392b}.light-theme .success-message{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#2e7d32}@media (max-width: 768px){.profile-title{font-size:2rem}.profile-main{padding:1.5rem 1rem}.profile-section{padding:1.5rem}.info-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.settings-card{padding:1.25rem}}@media (max-width: 900px) and (min-width: 769px){.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-card{padding:1.25rem .75rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.past-games-section{min-height:calc(100vh - 200px);padding:1rem 2rem;display:flex;justify-content:center;align-items:flex-start}.past-games-container{max-width:700px;width:100%;padding:1.5rem}.past-games-title{font-size:3rem;text-align:center;margin-bottom:.5rem;background:linear-gradient(45deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.past-games-description{text-align:center;font-size:1rem;margin-bottom:1.5rem;opacity:.8}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.spinner{width:50px;height:50px;border:4px solid rgba(76,175,80,.2);border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.calendar-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;border:2px solid;border-image:linear-gradient(90deg,#4caf50,#2196f3) 1}.light-theme .calendar-container{background:#ffffffe6;box-shadow:0 8px 32px #0000000d;border:2px solid;border-image:linear-gradient(90deg,#4caf50,#2196f3) 1}.calendar-header{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:0}.calendar-month{font-size:1.5rem;font-weight:600;color:#4caf50;margin:0}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem;margin-bottom:.4rem;padding:0 .3rem}.weekday{text-align:center;font-weight:600;font-size:.8rem;color:#4caf50;padding:.2rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem;padding:.25rem}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;background:#ffffff0d;border:2px solid transparent;cursor:default;transition:all .3s ease;position:relative;padding:.2rem}.light-theme .calendar-day{background:#00000014;border:2px solid rgba(0,0,0,.12)}.calendar-day.empty{background:transparent;cursor:default}.light-theme .calendar-day.empty{border:none}.day-number{font-size:.9rem;font-weight:600;color:#fff9}.light-theme .day-number{color:#000c}.status-icon{font-size:.9rem;position:absolute;top:2px;right:2px}.calendar-day.played{background:#4caf5033;border-color:#4caf504d}.light-theme .calendar-day.played{background:#4caf5033;border-color:#4caf50}.calendar-day.played .day-number{color:#4caf50}.light-theme .calendar-day.played .day-number{color:#2e7d32}.calendar-day.played .status-icon{color:#4caf50}.light-theme .calendar-day.played .status-icon{color:#2e7d32}.day-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:.75rem;min-width:150px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100;box-shadow:0 4px 20px #0006;pointer-events:none}.light-theme .day-tooltip{background:#fffffffa;box-shadow:0 4px 20px #00000026;border:1px solid rgba(0,0,0,.1)}.day-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000f2}.light-theme .day-tooltip:after{border-top-color:#fffffffa}.calendar-day.played:hover .day-tooltip{opacity:1;visibility:visible;bottom:calc(100% + 12px)}.tooltip-item{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.4rem;font-size:.85rem}.tooltip-item:last-child{margin-bottom:0}.tooltip-label{color:#ffffffb3;font-weight:500}.light-theme .tooltip-label{color:#0009}.tooltip-value{color:#4caf50;font-weight:600}.light-theme .tooltip-value{color:#2e7d32}.calendar-day.available{cursor:pointer;background:#ff98001a;border-color:#ff98004d}.light-theme .calendar-day.available{background:#ff980026;border-color:#ff9800}.calendar-day.available:hover{background:#ff980033;border-color:#ff9800;transform:scale(1.05);box-shadow:0 4px 15px #ff98004d}.light-theme .calendar-day.available:hover{background:#ff980040;box-shadow:0 4px 15px #ff980066}.calendar-day.available .day-number{color:#ff9800}.light-theme .calendar-day.available .day-number{color:#f57c00}.calendar-day.future{opacity:.3;cursor:not-allowed}.light-theme .calendar-day.future{opacity:1;background:#00000005;border-color:#00000026;cursor:not-allowed}.calendar-day.future .day-number{color:#ffffff4d}.light-theme .calendar-day.future .day-number{color:#00000059}.calendar-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.light-theme .calendar-legend{border-top-color:#0000001a}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.legend-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.legend-icon.played{background:#4caf5033;border:2px solid rgba(76,175,80,.3);color:#4caf50}.light-theme .legend-icon.played{background:#4caf5033;border-color:#4caf50;color:#2e7d32}.legend-icon.available{background:#ff98001a;border:2px solid rgba(255,152,0,.3)}.light-theme .legend-icon.available{background:#ff980026;border-color:#ff9800}.legend-icon.future{background:#ffffff0d;border:2px solid transparent;opacity:.3}.light-theme .legend-icon.future{background:#00000005;border:2px solid rgba(0,0,0,.15);opacity:1}@media (max-width: 768px){.past-games-section{padding:2rem 1rem}.past-games-container{padding:1rem}.past-games-title{font-size:2rem}.past-games-description{font-size:1rem}.calendar-container{padding:1rem}.calendar-header{padding:0 .5rem}.calendar-month{font-size:1.4rem}.calendar-nav-btn{width:40px;height:40px;font-size:1.2rem}.weekday{font-size:.8rem;padding:.3rem}.calendar-grid{gap:.3rem;padding:.3rem}.day-number{font-size:.9rem}.status-icon{font-size:.9rem;top:2px;right:2px}.calendar-legend{flex-direction:column;gap:1rem;align-items:center}.legend-icon{width:25px;height:25px;font-size:.8rem}}@media (max-width: 480px){.past-games-section{padding:1.5rem .5rem}.past-games-title{font-size:1.6rem}.calendar-month{font-size:1.2rem}.calendar-nav-btn{width:35px;height:35px;font-size:1rem}.weekday{font-size:.7rem}.day-number{font-size:.8rem}}