:root{--primary-color: #FF6B6B;--secondary-color: #4ECDC4;--accent-color: #FFE66D;--text-color: #2C3E50;--bg-color: #F7F9FC}html,body{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh;margin:0;padding:0}body.in-game{overflow:hidden;height:100vh;margin:0;padding:0}button{font-family:inherit}h1,h2,h3{color:var(--text-color)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:2rem;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.btn-secondary{background-color:#fff;color:var(--secondary-color);border:2px solid var(--secondary-color);padding:.6rem 1.2rem;border-radius:2rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:var(--secondary-color);color:#fff}.btn-icon{background:none;border:none;font-size:1.5rem;cursor:pointer;transition:transform .2s}.btn-icon:hover{transform:scale(1.1)}.game-intro .intro-header{display:flex;align-items:center;gap:.5rem}.game-intro .intro-title{flex:1}.game-intro .speak-intro-btn{width:32px;height:32px;border:none;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.game-intro .speak-intro-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea66}.game-intro .speak-intro-btn:active{transform:scale(.95)}.speakable{cursor:pointer;transition:all .2s ease}.speakable.speaking{background-color:#667eea26!important;border-radius:4px;box-shadow:0 0 0 2px #667eea4d}@media (hover: hover){.speakable:hover{background-color:#667eea14;border-radius:4px}}@supports (padding: max(0px)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.game-card,.option-btn,.ctrl-btn,.pipe-cell,.cell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (hover: none) and (pointer: coarse){*{touch-action:manipulation}button,.btn-primary,.btn-secondary,.game-card,.option-btn{-webkit-tap-highlight-color:transparent}button:hover,.btn-primary:hover,.btn-secondary:hover{transform:none;box-shadow:inherit}button:active,.btn-primary:active,.btn-secondary:active{transform:scale(.96);opacity:.9}}@media (max-width: 480px){::-webkit-scrollbar{width:6px}.btn-primary{padding:.7rem 1.2rem;font-size:1rem}.btn-secondary{padding:.5rem 1rem;font-size:.9rem}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.game-content{padding:1rem 2rem}}.game-layout,.game-content{overscroll-behavior:contain}.modal-overlay,.result-card,.complete-card{position:fixed;z-index:1000}@media (max-width: 600px){input,select,textarea{font-size:16px!important}}.game-controls{display:flex;gap:.5rem;align-items:center}.score-badge{padding:.35rem 1rem!important;background:linear-gradient(135deg,#ff6b6b,#f06595,#845ef7 110%)!important;color:#fff!important;border-radius:999px!important;font-weight:800!important;font-size:.85rem!important;box-shadow:0 10px 26px #f0659540,0 6px 16px #0f172a14!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:.35rem!important;line-height:1.2!important;height:fit-content!important}.timer-badge{padding:.35rem 1rem!important;background:linear-gradient(135deg,#4dabf7,#339af0,#5c7cfa 110%)!important;color:#fff!important;border-radius:999px!important;font-weight:800!important;font-size:.85rem!important;box-shadow:0 10px 26px #339af038,0 6px 16px #0f172a14!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:.35rem!important;line-height:1.2!important;height:fit-content!important}.difficulty-select,.mode-select{padding:.3rem .5rem;border:2px solid #e0e0e0;border-radius:10px;font-size:.8rem;font-weight:600;background:#fff;cursor:pointer;min-width:60px}.difficulty-select:focus,.mode-select:focus{outline:none;border-color:#667eea}.restart-btn{width:32px;height:32px;border:none;border-radius:8px;background:#f0f9f4;font-size:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.restart-btn:hover{background:#d4f5e0;transform:rotate(180deg)}.game-container{width:100%;max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem;box-sizing:border-box}.game-area{display:flex;flex-direction:column;gap:1.5rem;background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 4px 20px #00000014}.question-section{text-align:center}.question-text{color:#1a5f3c;font-size:1.4rem;font-weight:700;margin-bottom:1rem;line-height:1.4}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:.5rem}.options-grid.cols-3{grid-template-columns:repeat(3,1fr)}.options-grid.cols-4{grid-template-columns:repeat(4,1fr)}.option-btn{padding:1rem;font-size:1.4rem;font-weight:700;border:3px solid transparent;border-radius:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#334155;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000000f;font-family:inherit;display:flex;align-items:center;justify-content:center;min-height:60px}.option-btn:hover:not(:disabled){transform:translateY(-3px);border-color:#4ecdc4;box-shadow:0 6px 20px #4ecdc440}.option-btn:active:not(:disabled){transform:translateY(-1px)}.option-btn.correct{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border-color:#4ecdc4;animation:correctPulse .5s ease}.option-btn.wrong{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border-color:#ff6b6b;animation:shake .5s ease}.option-btn.selected{border-color:#4ecdc4;background:linear-gradient(135deg,#e8fdf5,#d4f5e9)}.option-btn:disabled{opacity:.7;cursor:not-allowed}.feedback{text-align:center;font-size:1.2rem;font-weight:700;padding:1rem 1.5rem;border-radius:16px;animation:fadeIn .3s ease}.feedback.success{background:linear-gradient(135deg,#4ecdc433,#44a08d33);color:#059669}.feedback.error{background:linear-gradient(135deg,#ff6b6b33,#ee5a5a33);color:#dc2626}.finished-content{display:flex;justify-content:center;padding:1rem}.result-card{background:#fff;border-radius:24px;padding:2rem;text-align:center;box-shadow:0 8px 32px #0000001f;max-width:350px;width:100%}.result-card .trophy{font-size:3.5rem;margin-bottom:.5rem;animation:bounce 1s ease infinite}.result-card h2{font-size:1.5rem;color:#1a5f3c;margin:.5rem 0 1rem}.result-card .score-display{margin-bottom:.5rem}.result-card .score-label{display:block;font-size:.85rem;color:#888}.result-card .score-value{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#4ecdc4,#44a08d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-card .accuracy{font-size:1rem;color:#666;margin-bottom:1.5rem}.btn-primary{padding:1rem 2rem;font-size:1rem;font-weight:700;border:none;border-radius:16px;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;cursor:pointer;transition:all .2s;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.btn-secondary{padding:1rem 2rem;font-size:1rem;font-weight:700;border:2px solid #e5e7eb;border-radius:16px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s;font-family:inherit}.btn-secondary:hover{border-color:#cbd5e1;background:#f8fafc}.action-buttons{display:flex;flex-direction:column;gap:.8rem}.game-intro{background:#fff;border-radius:16px;padding:1rem 1.5rem;box-shadow:0 4px 12px #0000000f}.intro-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}.intro-icon{font-size:1.2rem}.intro-title{font-size:1rem;font-weight:700;color:#1a5f3c}.intro-content{display:flex;flex-direction:column;gap:.4rem}.intro-content p{margin:0;color:#64748b;font-size:.9rem;line-height:1.5}.display-area{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:2rem;background:linear-gradient(135deg,#e8fdf5,#d4f5e9);border-radius:20px;min-height:150px;align-items:center}.display-item{font-size:2.5rem;animation:popIn .3s ease backwards}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 600px){.game-container{padding:0 .5rem;gap:1rem}.game-area{padding:1rem;border-radius:16px}.question-text{font-size:1.2rem}.options-grid{gap:8px}.option-btn{padding:.8rem;font-size:1.2rem;min-height:50px;border-radius:12px}.display-item{font-size:2rem}.display-area{padding:1.5rem;gap:8px}.feedback{font-size:1rem;padding:.8rem 1rem}.result-card{padding:1.5rem;border-radius:20px}.result-card .trophy{font-size:2.5rem}.result-card .score-value{font-size:2rem}.btn-primary,.btn-secondary{padding:.8rem 1.5rem;font-size:.95rem}}@media (min-width: 601px) and (max-width: 768px){.game-container{max-width:600px}}</style> .login-container[data-v-8014bf22]{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;margin:0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.login-card[data-v-8014bf22]{background:#fff;border-radius:24px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d;position:relative;z-index:1;margin:0 auto;box-sizing:border-box}.logo-section[data-v-8014bf22]{text-align:center;margin-bottom:2rem}.logo-icon[data-v-8014bf22]{display:flex;justify-content:center;margin-bottom:.5rem}.logo-icon img[data-v-8014bf22],.logo-icon svg[data-v-8014bf22]{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));border-radius:12px}.logo-section h1[data-v-8014bf22]{font-size:2.2rem;background:linear-gradient(135deg,#4caf50,#8bc34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:800}.subtitle[data-v-8014bf22]{color:#666;margin:.5rem 0 0;font-size:1rem;font-weight:500}.form-section h2[data-v-8014bf22]{text-align:center;color:#333;margin-bottom:1.5rem;font-size:1.3rem}.login-tabs[data-v-8014bf22]{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#f5f5f5;padding:.3rem;border-radius:12px}.tab-btn[data-v-8014bf22]{flex:1;padding:.8rem;border:none;background:transparent;border-radius:10px;cursor:pointer;font-size:.95rem;color:#666;transition:all .3s;font-weight:500}.tab-btn.active[data-v-8014bf22]{background:#fff;color:#667eea;font-weight:700;box-shadow:0 2px 8px #0000001a}.input-group[data-v-8014bf22]{display:flex;align-items:center;background:#f5f5f5;border-radius:12px;padding:.2rem .8rem;margin-bottom:1rem;border:2px solid transparent;transition:all .3s}.input-group[data-v-8014bf22]:focus-within{border-color:#667eea;background:#fff}.input-icon[data-v-8014bf22]{font-size:1.3rem;margin-right:.5rem}.input-group input[data-v-8014bf22]{flex:1;border:none;background:transparent;padding:1rem .5rem;font-size:1rem;outline:none}.code-btn[data-v-8014bf22]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:.6rem 1rem;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .3s}.code-btn[data-v-8014bf22]:disabled{background:#ccc;cursor:not-allowed}.code-btn[data-v-8014bf22]:not(:disabled):hover{transform:scale(1.05)}.toggle-pwd-btn[data-v-8014bf22]{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;opacity:.6;transition:opacity .2s}.toggle-pwd-btn[data-v-8014bf22]:hover{opacity:1}.password-hint[data-v-8014bf22]{margin-bottom:1rem;display:flex;align-items:center;gap:.8rem}.strength-bar[data-v-8014bf22]{flex:1;height:6px;background:#eee;border-radius:3px;overflow:hidden}.strength-fill[data-v-8014bf22]{height:100%;transition:all .3s;border-radius:3px}.strength-fill.weak[data-v-8014bf22]{background:#e74c3c}.strength-fill.medium[data-v-8014bf22]{background:#f39c12}.strength-fill.strong[data-v-8014bf22]{background:#27ae60}.strength-text[data-v-8014bf22]{font-size:.8rem;color:#888;white-space:nowrap}.error-message[data-v-8014bf22]{color:#e74c3c;text-align:center;font-size:.9rem;margin-bottom:1rem;padding:.5rem;background:#ffeaea;border-radius:8px}.success-message[data-v-8014bf22]{color:#27ae60;text-align:center;font-size:.9rem;margin-bottom:1rem;padding:.5rem;background:#e8f8f0;border-radius:8px}.submit-btn[data-v-8014bf22]{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;margin-top:.5rem}.submit-btn[data-v-8014bf22]:disabled{background:#ccc;cursor:not-allowed}.submit-btn[data-v-8014bf22]:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.switch-mode[data-v-8014bf22]{text-align:center;color:#888;margin-top:1.5rem;font-size:.95rem}.switch-mode span[data-v-8014bf22]{color:#667eea;cursor:pointer;font-weight:700}.switch-mode span[data-v-8014bf22]:hover{text-decoration:underline}.decorations[data-v-8014bf22]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.deco[data-v-8014bf22]{position:absolute;font-size:2rem;opacity:.6;animation:float-8014bf22 6s ease-in-out infinite}.deco-1[data-v-8014bf22]{top:10%;left:10%;animation-delay:0s}.deco-2[data-v-8014bf22]{top:20%;right:15%;animation-delay:1s}.deco-3[data-v-8014bf22]{bottom:30%;left:8%;animation-delay:2s}.deco-4[data-v-8014bf22]{bottom:15%;right:10%;animation-delay:3s}.deco-5[data-v-8014bf22]{top:50%;left:5%;animation-delay:4s}@keyframes float-8014bf22{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}@media (max-width: 600px){.login-container[data-v-8014bf22]{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;padding:1rem;display:flex;align-items:center;justify-content:center}.login-card[data-v-8014bf22]{padding:2rem 1.5rem;width:100%;max-width:100%;margin:0 auto}}@media (max-width: 480px){.login-container[data-v-8014bf22]{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;padding:1rem;display:flex;align-items:center;justify-content:center}.login-card[data-v-8014bf22]{padding:1.5rem;width:100%;max-width:100%;margin:0 auto}.logo-icon img[data-v-8014bf22],.logo-icon svg[data-v-8014bf22]{width:60px;height:60px}.logo-section h1[data-v-8014bf22]{font-size:1.6rem}.subtitle[data-v-8014bf22]{font-size:.85rem}}.home-container[data-v-2b3e230d]{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}header[data-v-2b3e230d]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;box-shadow:0 2px 15px #00000014;position:sticky;top:0;z-index:100}.logo-area[data-v-2b3e230d]{display:flex;align-items:center;gap:.4rem}.logo-icon[data-v-2b3e230d]{display:flex;align-items:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.logo-icon img[data-v-2b3e230d],.logo-icon svg[data-v-2b3e230d]{width:36px;height:36px;border-radius:8px}.logo-area h1[data-v-2b3e230d]{font-size:1.5rem;background:linear-gradient(135deg,#4caf50,#8bc34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:800;letter-spacing:.02em}.logo-area .tagline[data-v-2b3e230d]{font-size:.9rem;color:#666;font-weight:600;padding-left:.5rem;border-left:2px solid #4CAF50}.logo-area .slogan[data-v-2b3e230d]{font-size:.85rem;color:#888;font-weight:500;position:relative;padding-left:.6rem}.logo-area .slogan[data-v-2b3e230d]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:70%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1px}.header-actions[data-v-2b3e230d]{display:flex;gap:.8rem;align-items:center}.speech-toggle-btn[data-v-2b3e230d]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid #e0e0e0;background:#fff;cursor:pointer;transition:all .2s ease;font-size:1.2rem}.speech-toggle-btn[data-v-2b3e230d]:hover{transform:scale(1.08);border-color:#667eea;box-shadow:0 4px 12px #667eea33}.speech-toggle-btn.active[data-v-2b3e230d]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#81c784}.speech-toggle-btn .speech-icon[data-v-2b3e230d]{line-height:1}.about-btn[data-v-2b3e230d]{padding:.5rem 1.2rem;border-radius:20px;border:none;background:linear-gradient(135deg,#ffd3a5,#fd6585);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #fd65854d;transition:all .2s}.about-btn[data-v-2b3e230d]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #fd658566}.lang-btn[data-v-2b3e230d]{display:flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#f0f4ff,#e8ecfc);border:none;cursor:pointer;padding:.5rem 1rem;border-radius:20px;transition:all .2s;box-shadow:0 2px 8px #667eea26}.lang-btn[data-v-2b3e230d]:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea40}.lang-flag[data-v-2b3e230d]{width:24px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.lang-text[data-v-2b3e230d]{font-size:.9rem;font-weight:600;color:#333}.profile-btn[data-v-2b3e230d]{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,#f0f4ff,#e8ecfc);border:none;border-radius:25px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #667eea26}.profile-btn[data-v-2b3e230d]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea40}.profile-avatar[data-v-2b3e230d]{font-size:1.6rem}.profile-name[data-v-2b3e230d]{font-weight:600;color:#333;font-size:1rem}main[data-v-2b3e230d]{flex:1;padding:1.5rem;overflow-y:auto;max-width:1400px;margin:0 auto;width:100%}.welcome-banner[data-v-2b3e230d]{margin-bottom:1.5rem;text-align:center;padding:1.5rem;background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000000d}.welcome-banner h2[data-v-2b3e230d]{font-size:1.8rem;color:#333;margin-bottom:.3rem}.welcome-banner p[data-v-2b3e230d]{color:#666;font-size:1.1rem;margin:0}.loading-banner[data-v-2b3e230d],.no-profile-banner[data-v-2b3e230d]{margin-bottom:1.5rem;text-align:center;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000000d}.loading-banner p[data-v-2b3e230d]{color:#666;font-size:1.1rem}.no-profile-banner h2[data-v-2b3e230d]{font-size:1.8rem;color:#333;margin-bottom:.5rem}.no-profile-banner p[data-v-2b3e230d]{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.create-profile-btn[data-v-2b3e230d]{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #667eea4d}.create-profile-btn[data-v-2b3e230d]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.category-tabs[data-v-2b3e230d]{display:flex;gap:.8rem;margin-bottom:1rem;overflow-x:auto;padding:.5rem 0;-webkit-overflow-scrolling:touch}.category-tabs[data-v-2b3e230d]::-webkit-scrollbar{display:none}.category-tab[data-v-2b3e230d]{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border:2px solid #ddd;border-radius:25px;background:#fff;cursor:pointer;transition:all .2s;white-space:nowrap;font-size:1rem}.category-tab[data-v-2b3e230d]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.category-tab.active[data-v-2b3e230d]{color:#fff;border-color:transparent;box-shadow:0 4px 15px #0003}.tab-icon[data-v-2b3e230d]{font-size:1.3rem}.tab-name[data-v-2b3e230d]{font-weight:600}.category-tab.personalized-filter[data-v-2b3e230d]{border-color:#ff69b4;background:linear-gradient(135deg,#fff5f9,#ffe8f5)}.category-tab.personalized-filter[data-v-2b3e230d]:hover{background:linear-gradient(135deg,#ffe8f5,#ffd6e8)}.category-tab.personalized-filter.active[data-v-2b3e230d]{color:#fff;background:linear-gradient(135deg,#ff69b4,#ff1493);border-color:#ff69b4;box-shadow:0 4px 15px #ff14934d}.filter-count[data-v-2b3e230d]{font-size:.85rem;opacity:.9;margin-left:.2rem}.category-desc[data-v-2b3e230d]{display:flex;align-items:center;gap:.8rem;padding:1rem 1.5rem;border-radius:15px;margin-bottom:1.5rem}.desc-icon[data-v-2b3e230d]{font-size:1.8rem}.desc-text[data-v-2b3e230d]{font-size:1.1rem;color:#555;font-weight:500}.games-grid[data-v-2b3e230d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.2rem}.game-card[data-v-2b3e230d]{aspect-ratio:1;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px #0000001a;padding:1rem;text-align:center;position:relative;overflow:hidden}.game-card[data-v-2b3e230d]:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:20px 20px 0 0}.game-card[data-v-2b3e230d]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 30px #0003}.game-card[data-v-2b3e230d]:active{transform:translateY(-4px) scale(.98)}.game-icon[data-v-2b3e230d]{font-size:3.5rem;margin-bottom:.5rem;z-index:1;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.1))}.game-info[data-v-2b3e230d]{z-index:1}.game-info h3[data-v-2b3e230d]{font-size:1rem;color:#333;margin:0;font-weight:600}.game-badge[data-v-2b3e230d]{position:absolute;color:#fff;font-size:.7rem;font-weight:700;padding:.3rem .6rem;border-radius:8px;z-index:2}.game-badge.new[data-v-2b3e230d]{top:10px;right:10px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);animation:pulse-2b3e230d 2s infinite}.game-badge.played[data-v-2b3e230d]{top:10px;right:10px;background:linear-gradient(135deg,#4caf50,#45a049);font-size:.65rem;padding:.25rem .5rem}.game-badge.personalized[data-v-2b3e230d]{top:10px;left:10px;right:auto;background:linear-gradient(135deg,#ff69b4,#ff1493);font-size:.9rem;padding:.2rem .4rem;border-radius:50%;animation:heartbeat-2b3e230d 1.5s ease-in-out infinite;box-shadow:0 2px 8px #ff149366}@keyframes heartbeat-2b3e230d{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.all-games-section[data-v-2b3e230d]{margin-top:2rem;text-align:center}.show-all-btn[data-v-2b3e230d]{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #667eea4d}.show-all-btn[data-v-2b3e230d]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}@keyframes pulse-2b3e230d{0%,to{opacity:1}50%{opacity:.7}}@media (min-width: 768px) and (max-width: 1024px){header[data-v-2b3e230d]{padding:1.2rem 2.5rem}.logo-area h1[data-v-2b3e230d]{font-size:2rem}.logo-area .slogan[data-v-2b3e230d]{font-size:1rem}main[data-v-2b3e230d]{padding:2rem}.welcome-banner h2[data-v-2b3e230d]{font-size:2.2rem}.category-tabs[data-v-2b3e230d]{justify-content:center;flex-wrap:wrap}.category-tab[data-v-2b3e230d]{padding:1rem 2rem;font-size:1.1rem}.tab-icon[data-v-2b3e230d]{font-size:1.5rem}.games-grid[data-v-2b3e230d]{grid-template-columns:repeat(4,1fr);gap:1.5rem}.game-card[data-v-2b3e230d]{padding:1.5rem}.game-icon[data-v-2b3e230d]{font-size:4rem}.game-info h3[data-v-2b3e230d]{font-size:1.1rem}}@media (min-width: 1024px) and (max-width: 1366px){.games-grid[data-v-2b3e230d]{grid-template-columns:repeat(5,1fr);gap:1.8rem}.game-icon[data-v-2b3e230d]{font-size:4.5rem}}@media (min-width: 1200px){.games-grid[data-v-2b3e230d]{grid-template-columns:repeat(6,1fr)}}@media (max-width: 480px){header[data-v-2b3e230d]{padding:.6rem .8rem;flex-wrap:wrap;gap:.5rem}.logo-area[data-v-2b3e230d]{flex-direction:row;align-items:center;gap:.2rem;flex:1;min-width:0}.logo-icon img[data-v-2b3e230d],.logo-icon svg[data-v-2b3e230d]{width:24px;height:24px}.logo-area h1[data-v-2b3e230d]{font-size:.95rem;white-space:nowrap}.logo-area .tagline[data-v-2b3e230d],.logo-area .slogan[data-v-2b3e230d]{display:none}.header-actions[data-v-2b3e230d]{gap:.4rem;flex-shrink:0}.speech-toggle-btn[data-v-2b3e230d]{width:32px;height:32px;font-size:1rem}.about-btn[data-v-2b3e230d]{padding:.35rem .6rem;font-size:.75rem}.about-btn[data-v-2b3e230d]:before{content:"💡"}.about-btn[data-v-2b3e230d]{font-size:0;padding:.4rem;min-width:32px;height:32px}.about-btn[data-v-2b3e230d]:before{font-size:1rem}.lang-btn[data-v-2b3e230d]{padding:.3rem .5rem}.lang-flag[data-v-2b3e230d]{width:20px;height:14px}.lang-text[data-v-2b3e230d]{display:none}.profile-btn[data-v-2b3e230d]{padding:.3rem .5rem}.profile-avatar[data-v-2b3e230d]{font-size:1.2rem}.profile-name[data-v-2b3e230d]{display:none}main[data-v-2b3e230d]{padding:.8rem}.welcome-banner[data-v-2b3e230d]{padding:.8rem;margin-bottom:.8rem}.welcome-banner h2[data-v-2b3e230d]{font-size:1.2rem}.welcome-banner p[data-v-2b3e230d]{font-size:.85rem}.category-tabs[data-v-2b3e230d]{gap:.4rem;padding:.3rem}.category-tab[data-v-2b3e230d]{padding:.5rem .8rem;font-size:.85rem;border-radius:15px}.tab-name[data-v-2b3e230d]{display:none}.tab-icon[data-v-2b3e230d]{font-size:1.3rem}.category-tab.personalized-filter .filter-count[data-v-2b3e230d]{display:none}.games-grid[data-v-2b3e230d]{grid-template-columns:repeat(2,1fr);gap:.8rem}.game-card[data-v-2b3e230d]{padding:.8rem;border-radius:16px}.game-icon[data-v-2b3e230d]{font-size:2.5rem;margin-bottom:.4rem}.game-info h3[data-v-2b3e230d]{font-size:.8rem}.game-badge[data-v-2b3e230d]{font-size:.55rem;padding:.15rem .35rem}.game-badge.new[data-v-2b3e230d],.game-badge.played[data-v-2b3e230d]{top:6px;right:6px}.game-badge.played[data-v-2b3e230d]{font-size:.5rem;padding:.12rem .3rem}.game-badge.personalized[data-v-2b3e230d]{top:6px;left:6px;font-size:.7rem;padding:.15rem .3rem}}@media (hover: none) and (pointer: coarse){.game-card[data-v-2b3e230d]:hover{transform:none;box-shadow:0 4px 15px #0000001a}.game-card[data-v-2b3e230d]:active{transform:scale(.95);box-shadow:0 2px 10px #00000026}.category-tab[data-v-2b3e230d]:hover{transform:none}.category-tab[data-v-2b3e230d]:active{transform:scale(.95)}}.touch-tip[data-v-2b3e230d]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.8rem 1.2rem;border-radius:30px;display:flex;align-items:center;gap:.6rem;box-shadow:0 8px 25px #667eea66;z-index:1000;animation:slideUp-2b3e230d .5s ease}@keyframes slideUp-2b3e230d{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tip-icon[data-v-2b3e230d]{font-size:1.2rem}.tip-text[data-v-2b3e230d]{font-size:.9rem;font-weight:500}.tip-close[data-v-2b3e230d]{background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;margin-left:.5rem;transition:background .2s}.tip-close[data-v-2b3e230d]:hover{background:#ffffff4d}.guest-modal-overlay[data-v-2b3e230d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-2b3e230d .2s ease}@keyframes fadeIn-2b3e230d{0%{opacity:0}to{opacity:1}}.guest-modal[data-v-2b3e230d]{background:#fff;border-radius:24px;padding:2rem;max-width:380px;width:90%;position:relative;animation:slideIn-2b3e230d .3s ease;box-shadow:0 20px 60px #0000004d}@keyframes slideIn-2b3e230d{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close[data-v-2b3e230d]{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:none;background:#f0f0f0;cursor:pointer;font-size:1rem;color:#666;transition:all .2s}.modal-close[data-v-2b3e230d]:hover{background:#e0e0e0;color:#333}.modal-icon[data-v-2b3e230d]{font-size:3rem;text-align:center;margin-bottom:.5rem}.guest-modal h3[data-v-2b3e230d]{text-align:center;font-size:1.4rem;color:#333;margin:0 0 1.5rem}.benefits-list[data-v-2b3e230d]{list-style:none;padding:0;margin:0 0 1.5rem}.benefits-list li[data-v-2b3e230d]{padding:.7rem 0;font-size:1rem;color:#555;border-bottom:1px solid #f0f0f0}.benefits-list li[data-v-2b3e230d]:last-child{border-bottom:none}.modal-actions[data-v-2b3e230d]{display:flex;flex-direction:column;gap:.8rem}.login-btn[data-v-2b3e230d]{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #667eea66}.login-btn[data-v-2b3e230d]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.guest-continue-btn[data-v-2b3e230d]{width:100%;padding:.8rem;background:transparent;color:#888;border:none;font-size:.95rem;cursor:pointer;transition:color .2s}.guest-continue-btn[data-v-2b3e230d]:hover{color:#555}@media (max-width: 480px){.guest-modal[data-v-2b3e230d]{padding:1.5rem;border-radius:20px}.modal-icon[data-v-2b3e230d]{font-size:2.5rem}.guest-modal h3[data-v-2b3e230d]{font-size:1.2rem}.benefits-list li[data-v-2b3e230d]{font-size:.9rem;padding:.6rem 0}.login-btn[data-v-2b3e230d]{padding:.9rem;font-size:1rem}}.results-container[data-v-300eb9b5]{padding:1rem}header[data-v-300eb9b5]{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.questions-list[data-v-300eb9b5]{display:grid;gap:1rem}.question-card[data-v-300eb9b5]{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s}.question-card[data-v-300eb9b5]:hover{transform:translateY(-5px)}.detail-container[data-v-02f8d0ed]{padding:1rem;max-width:800px;margin:0 auto}.back-btn[data-v-02f8d0ed]{margin-bottom:1rem;padding:.5rem 1rem;border:none;background:#eee;border-radius:.5rem;cursor:pointer}.content-card[data-v-02f8d0ed]{background:#fff;padding:2rem;border-radius:1.5rem;box-shadow:0 4px 8px #0000001a}.question-text[data-v-02f8d0ed]{font-size:1.5rem;margin:2rem 0}.options[data-v-02f8d0ed]{display:flex;flex-direction:column;gap:1rem}.option[data-v-02f8d0ed]{padding:1rem;font-size:1.2rem;border:2px solid #eee;border-radius:1rem;background:#fff;cursor:pointer}.option[data-v-02f8d0ed]:hover{background:#f9f9f9;border-color:var(--primary-color)}.explanation[data-v-02f8d0ed]{margin-top:3rem;padding:1rem;background:#f0f9ff;border-radius:1rem}.profile-container[data-v-5541716c]{min-height:100vh;background:linear-gradient(180deg,#e8f5e9,#fff3e0,#fce4ec);padding-bottom:2rem;position:relative;overflow-x:hidden;overflow-y:visible;height:auto}.bg-decorations[data-v-5541716c]{position:absolute;top:0;left:0;width:100%;min-height:100%;pointer-events:none;z-index:0}.bg-bubble[data-v-5541716c]{position:absolute;border-radius:50%;opacity:.4;animation:float-5541716c 10s infinite ease-in-out}@keyframes float-5541716c{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.1)}}.main-header[data-v-5541716c]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000000d;position:relative;z-index:10}.home-btn[data-v-5541716c]{width:50px;height:50px;border:none;border-radius:15px;background:#fff;font-size:1.8rem;cursor:pointer;box-shadow:0 4px 10px #0000001a;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}.home-btn[data-v-5541716c]:hover{transform:scale(1.1);box-shadow:0 6px 15px #00000026}.page-title[data-v-5541716c]{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#ffe66d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.05)}.logout-btn[data-v-5541716c]{padding:.6rem 1.2rem;border:none;border-radius:12px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #ff6b6b4d;transition:all .3s;display:flex;align-items:center;gap:.3rem}.logout-btn[data-v-5541716c]:hover{transform:scale(1.05);box-shadow:0 6px 15px #ff6b6b66}.main-content[data-v-5541716c]{position:relative;z-index:1;padding:2rem 1rem 4rem;min-height:calc(100vh - 80px)}.wizard-container[data-v-5541716c]{max-width:700px;margin:0 auto;background:#fff;padding:2.5rem;border-radius:30px;box-shadow:0 15px 40px #0000001a}.step-header[data-v-5541716c]{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.wizard-step h3[data-v-5541716c]{text-align:center;margin:0;color:#333;font-size:1.8rem}.speech-toggle-btn[data-v-5541716c]{width:44px;height:44px;border:2px solid #ddd;border-radius:50%;background:#fff;font-size:1.3rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.speech-toggle-btn[data-v-5541716c]:hover{border-color:#667eea;transform:scale(1.1)}.speech-toggle-btn.active[data-v-5541716c]{border-color:#667eea;background:#f0f4ff}.speech-toggle-btn.small[data-v-5541716c]{width:36px;height:36px;font-size:1.1rem}.section-header[data-v-5541716c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header h4[data-v-5541716c]{margin:0;font-size:1.1rem;color:#555}.input-group[data-v-5541716c]{margin-bottom:2rem}.input-group label[data-v-5541716c]{display:block;margin-bottom:.8rem;font-weight:700;color:#555;font-size:1.1rem}.input-group input[type=text][data-v-5541716c]{width:100%;padding:1rem;border:3px solid #eee;border-radius:15px;font-size:1.2rem;transition:border-color .3s}.input-group input[type=text][data-v-5541716c]:focus{border-color:#667eea;outline:none}.birth-date-select[data-v-5541716c]{display:flex;gap:1rem}.date-select[data-v-5541716c]{flex:1;padding:1rem;border:3px solid #eee;border-radius:15px;font-size:1.1rem;background:#fff;cursor:pointer;transition:all .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.date-select[data-v-5541716c]:focus{border-color:#667eea;outline:none}.age-display[data-v-5541716c]{margin-top:1rem;padding:.8rem 1.2rem;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:12px;font-size:1.1rem;font-weight:600;color:#2e7d32;text-align:center}.gender-select[data-v-5541716c]{display:flex;gap:1.5rem}.gender-select button[data-v-5541716c]{flex:1;padding:1.5rem;border:3px solid #eee;border-radius:20px;background:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s}.gender-select button[data-v-5541716c]:hover{border-color:#667eea;transform:translateY(-3px)}.gender-select button.active[data-v-5541716c]{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 20px #667eea4d}.profiles-list[data-v-5541716c]{max-width:900px;margin:0 auto}.section-subtitle[data-v-5541716c]{text-align:center;font-size:1.8rem;color:#555;margin-bottom:2rem}.profiles-grid[data-v-5541716c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem;justify-content:center}.profile-card[data-v-5541716c]{background:#fff;padding:2rem;border-radius:30px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 10px 30px #00000014;border:4px solid transparent;display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-card[data-v-5541716c]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000001f}.profile-card.active[data-v-5541716c]{border-color:#4ecdc4;background:linear-gradient(135deg,#e0f7f5,#fff)}.avatar-wrapper[data-v-5541716c]{width:100px;height:100px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;box-shadow:inset 0 4px 10px #0000000d}.avatar[data-v-5541716c]{font-size:4rem}.name[data-v-5541716c]{font-weight:800;font-size:1.5rem;color:#333;display:block}.details[data-v-5541716c]{font-size:1rem;color:#888;font-weight:600}.edit-btn[data-v-5541716c]{position:absolute;top:15px;right:15px;width:36px;height:36px;background:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;box-shadow:0 4px 10px #0000001a;transition:all .2s;opacity:0;transform:scale(.8)}.profile-card:hover .edit-btn[data-v-5541716c]{opacity:1;transform:scale(1)}.edit-btn[data-v-5541716c]:hover{background:#f0f0f0;transform:scale(1.1)}.add-profile-btn[data-v-5541716c]{background:#fff9;border:4px dashed #ccc;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;min-height:250px;transition:all .3s;gap:1rem}.add-profile-btn[data-v-5541716c]:hover{background:#fff;border-color:#4ecdc4;transform:translateY(-5px)}.plus-icon[data-v-5541716c]{width:60px;height:60px;background:#eee;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#999;transition:all .3s}.add-profile-btn:hover .plus-icon[data-v-5541716c]{background:#4ecdc4;color:#fff;transform:rotate(90deg)}.add-text[data-v-5541716c]{font-size:1.2rem;font-weight:700;color:#999;transition:color .3s}.add-profile-btn:hover .add-text[data-v-5541716c]{color:#4ecdc4}.image-grid[data-v-5541716c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.image-card[data-v-5541716c]{display:flex;flex-direction:column;align-items:center;padding:1rem;border:3px solid #eee;border-radius:20px;background:#fff;cursor:pointer;transition:all .25s ease;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.image-card[data-v-5541716c]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;border-color:#667eea}.image-card[data-v-5541716c]:active{transform:translateY(-2px) scale(.98)}.image-card.active[data-v-5541716c]{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e8f0ff);box-shadow:0 0 0 4px #667eea33;animation:pulse-5541716c .3s ease}@keyframes pulse-5541716c{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.card-image[data-v-5541716c]{width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:.3rem;transition:transform .2s ease}.image-card:hover .card-image[data-v-5541716c],.image-card:active .card-image[data-v-5541716c]{transform:scale(1.1)}.card-image img[data-v-5541716c]{max-width:100%;max-height:100%;object-fit:contain}.card-emoji[data-v-5541716c]{font-size:4rem;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .2s ease}.image-card:hover .card-emoji[data-v-5541716c],.image-card:active .card-emoji[data-v-5541716c]{transform:scale(1.15)}.card-name[data-v-5541716c]{font-weight:700;color:#444;font-size:.85rem;text-align:center;line-height:1.2;opacity:.8}.image-card.active .card-name[data-v-5541716c]{opacity:1;color:#667eea;font-weight:800}.check-mark[data-v-5541716c]{position:absolute;top:10px;right:10px;width:24px;height:24px;background:#2ecc71;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.wizard-actions[data-v-5541716c]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.btn-primary[data-v-5541716c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.8rem;border:none;border-radius:15px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 5px 15px #667eea4d}.btn-primary[data-v-5541716c]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.btn-primary[data-v-5541716c]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary[data-v-5541716c]{background:#f0f0f0;color:#333;padding:1rem 1.8rem;border:none;border-radius:15px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-secondary[data-v-5541716c]:hover{background:#e0e0e0}.btn-danger[data-v-5541716c]{background:#ff6b6b;color:#fff;padding:1rem 1.8rem;border:none;border-radius:15px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-danger[data-v-5541716c]:hover{background:#ff5252}.honors-section[data-v-5541716c]{margin-top:2rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}.honors-header[data-v-5541716c]{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;background:linear-gradient(135deg,#ffa726,#ff7043);color:#fff;cursor:pointer;transition:all .2s}.honors-header[data-v-5541716c]:hover{filter:brightness(1.05)}.honors-header h3[data-v-5541716c]{margin:0;font-size:1.1rem}.honors-content[data-v-5541716c]{padding:1.2rem}.honors-grid[data-v-5541716c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem}.honor-card[data-v-5541716c]{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);border-radius:12px;transition:all .2s}.honor-card[data-v-5541716c]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.honor-card.top-1[data-v-5541716c]{background:linear-gradient(135deg,#fff9c4,#fff59d);border:2px solid #ffd54f}.honor-card.top-2[data-v-5541716c]{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:2px solid #bdbdbd}.honor-card.top-3[data-v-5541716c]{background:linear-gradient(135deg,#ffe0b2,#ffcc80);border:2px solid #ffb74d}.honor-medal[data-v-5541716c]{font-size:1.5rem;min-width:2.5rem;text-align:center}.honor-info[data-v-5541716c]{flex:1;display:flex;flex-direction:column;gap:.2rem}.honor-game[data-v-5541716c]{font-weight:700;font-size:.9rem;color:#333}.honor-level[data-v-5541716c]{font-size:.75rem;color:#888}.honor-time[data-v-5541716c]{font-weight:700;font-size:.85rem;color:#667eea}.progress-section[data-v-5541716c]{margin-top:2rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}.progress-header[data-v-5541716c]{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:all .2s}.progress-header[data-v-5541716c]:hover{filter:brightness(1.05)}.progress-header h3[data-v-5541716c]{margin:0;font-size:1.1rem}.progress-header-left[data-v-5541716c]{display:flex;align-items:center}.progress-header-right[data-v-5541716c]{display:flex;align-items:center;gap:.5rem}.trophy-display[data-v-5541716c]{display:flex;align-items:center;gap:2px;margin-right:.5rem}.trophy-icon[data-v-5541716c]{font-size:1rem;animation:trophy-shine-5541716c 2s ease-in-out infinite}@keyframes trophy-shine-5541716c{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.toggle-icon[data-v-5541716c]{font-size:.9rem}.progress-content[data-v-5541716c]{padding:1.5rem;max-height:60vh;overflow-y:auto;overflow-x:hidden}.no-progress[data-v-5541716c]{text-align:center;padding:2rem;color:#888}.no-progress p[data-v-5541716c]{margin-bottom:1rem;font-size:1.1rem}.games-progress-grid[data-v-5541716c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.game-progress-card[data-v-5541716c]{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);border-radius:16px;padding:1rem;position:relative;transition:all .3s}.game-progress-card.clickable[data-v-5541716c]{cursor:pointer}.game-progress-card.clickable[data-v-5541716c]:hover{transform:translateY(-4px);box-shadow:0 8px 25px #667eea40;background:linear-gradient(135deg,#fff,#f0f3ff)}.card-footer[data-v-5541716c]{display:flex;justify-content:space-between;align-items:center;margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(0,0,0,.05)}.play-btn[data-v-5541716c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.4rem .8rem;border-radius:15px;font-size:.75rem;font-weight:600;opacity:0;transform:translate(10px);transition:all .3s}.game-progress-card.clickable:hover .play-btn[data-v-5541716c]{opacity:1;transform:translate(0)}.game-info[data-v-5541716c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.game-name[data-v-5541716c]{font-weight:700;font-size:1rem;color:#333}.play-count[data-v-5541716c]{font-size:.75rem;color:#888;background:#fff;padding:.2rem .5rem;border-radius:10px}.game-stats[data-v-5541716c]{display:flex;gap:.8rem;flex-wrap:wrap}.stat[data-v-5541716c]{display:flex;flex-direction:column;align-items:center;background:#fff;padding:.5rem .8rem;border-radius:10px;min-width:60px}.stat-label[data-v-5541716c]{font-size:.65rem;color:#888;white-space:nowrap}.stat-value[data-v-5541716c]{font-size:1rem;font-weight:800}.stat-value.level[data-v-5541716c]{color:#667eea}.stat-value.current[data-v-5541716c]{color:#10b981}.stat-value.time[data-v-5541716c]{color:#f59e0b}.stat-value.score[data-v-5541716c]{color:#ef4444}.rank-stat[data-v-5541716c]{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;padding:.3rem .5rem}.stat-value.rank[data-v-5541716c]{color:#92400e;font-weight:700}.stat-value.rank.rank-1[data-v-5541716c]{color:#fbbf24;text-shadow:0 1px 2px rgba(0,0,0,.2)}.stat-value.rank.rank-2[data-v-5541716c]{color:#9ca3af;text-shadow:0 1px 2px rgba(0,0,0,.1)}.stat-value.rank.rank-3[data-v-5541716c]{color:#d97706}.stat-value.rank.rank-top10[data-v-5541716c]{color:#667eea}.last-played[data-v-5541716c]{font-size:.7rem;color:#999}.suggestion-section[data-v-5541716c]{margin-top:1.5rem;padding-top:1.5rem;border-top:2px dashed #e0e0e0}.suggestion-btn[data-v-5541716c]{width:100%;display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;background:linear-gradient(135deg,#fff9e6,#fff3cd);border:2px solid #ffd54f;border-radius:16px;cursor:pointer;transition:all .3s}.suggestion-btn[data-v-5541716c]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffc1074d;background:linear-gradient(135deg,#fff3cd,#ffecb3)}.suggestion-icon[data-v-5541716c]{font-size:1.5rem}.suggestion-text[data-v-5541716c]{flex:1;text-align:left;font-size:1rem;font-weight:600;color:#795548}.suggestion-arrow[data-v-5541716c]{font-size:1.5rem;color:#ffc107;font-weight:300}.suggestion-modal[data-v-5541716c]{background:#fff;border-radius:20px;width:calc(100% - 2rem);max-width:420px;max-height:85vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 20px 60px #0000004d;animation:modalIn-5541716c .3s ease}.suggestion-desc[data-v-5541716c]{color:#666;margin-bottom:1.2rem;line-height:1.4;font-size:.95rem;text-align:center}.suggestion-category[data-v-5541716c]{margin-bottom:1.2rem}.suggestion-category label[data-v-5541716c]{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.9rem}.category-options[data-v-5541716c]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.category-btn[data-v-5541716c]{padding:.8rem .5rem;border:2px solid #eee;border-radius:12px;background:#fff;cursor:pointer;font-size:.9rem;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.3rem}.category-btn[data-v-5541716c]:hover{border-color:#ffc107;background:#fffde7}.category-btn.active[data-v-5541716c]{border-color:#ffc107;background:linear-gradient(135deg,#fff9e6,#fff3cd);color:#795548;font-weight:600;box-shadow:0 2px 8px #ffc1074d}.suggestion-input[data-v-5541716c],.suggestion-description[data-v-5541716c]{margin-bottom:1rem}.suggestion-input label[data-v-5541716c],.suggestion-description label[data-v-5541716c]{display:block;margin-bottom:.4rem;font-weight:600;color:#333;font-size:.9rem}.suggestion-input input[data-v-5541716c]{width:100%;padding:.8rem;border:2px solid #eee;border-radius:12px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.suggestion-input input[data-v-5541716c]:focus{border-color:#ffc107;outline:none}.suggestion-description textarea[data-v-5541716c]{width:100%;padding:.8rem;border:2px solid #eee;border-radius:12px;font-size:.95rem;resize:vertical;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.suggestion-description textarea[data-v-5541716c]:focus{border-color:#ffc107;outline:none}.feedback-section[data-v-5541716c]{margin-top:2rem;display:flex;flex-direction:column;gap:.8rem}.feedback-btn[data-v-5541716c]{width:100%;display:flex;align-items:center;gap:.8rem;padding:1.2rem 1.5rem;background:#fff;border:none;border-radius:16px;cursor:pointer;box-shadow:0 4px 15px #00000014;transition:all .3s}.feedback-btn[data-v-5541716c]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.feedback-btn.group-btn[data-v-5541716c]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.feedback-btn.group-btn[data-v-5541716c]:hover{background:linear-gradient(135deg,#c8e6c9,#a5d6a7)}.feedback-icon[data-v-5541716c]{font-size:1.5rem}.feedback-text[data-v-5541716c]{flex:1;text-align:left;font-size:1.1rem;font-weight:600;color:#333}.feedback-arrow[data-v-5541716c]{font-size:1.5rem;color:#ccc;font-weight:300}.modal-overlay[data-v-5541716c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow:hidden}.feedback-modal[data-v-5541716c]{background:#fff;border-radius:20px;width:calc(100% - 2rem);max-width:420px;max-height:85vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 20px 60px #0000004d;animation:modalIn-5541716c .3s ease}@keyframes modalIn-5541716c{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-5541716c]{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;border-bottom:1px solid #eee}.modal-header h3[data-v-5541716c]{margin:0;font-size:1.3rem;color:#333}.close-btn[data-v-5541716c]{width:36px;height:36px;border:none;background:#f5f5f5;border-radius:50%;cursor:pointer;font-size:1.2rem;color:#666;transition:all .2s}.close-btn[data-v-5541716c]:hover{background:#eee;color:#333}.modal-body[data-v-5541716c]{padding:1rem 1.2rem;overflow-x:hidden}.feedback-desc[data-v-5541716c]{color:#666;margin-bottom:1rem;line-height:1.4;font-size:.9rem}.feedback-type[data-v-5541716c]{margin-bottom:1rem}.feedback-type label[data-v-5541716c]{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.9rem}.type-options[data-v-5541716c]{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.type-btn[data-v-5541716c]{padding:.5rem .6rem;border:2px solid #eee;border-radius:12px;background:#fff;cursor:pointer;font-size:.85rem;transition:all .2s;white-space:nowrap}.type-btn[data-v-5541716c]:hover{border-color:#667eea}.type-btn.active[data-v-5541716c]{border-color:#667eea;background:linear-gradient(135deg,#667eea15,#764ba215);color:#667eea;font-weight:600}.feedback-input[data-v-5541716c],.feedback-contact[data-v-5541716c]{margin-bottom:1rem}.feedback-input label[data-v-5541716c],.feedback-contact label[data-v-5541716c]{display:block;margin-bottom:.4rem;font-weight:600;color:#333;font-size:.9rem}.feedback-input textarea[data-v-5541716c]{width:100%;padding:.8rem;border:2px solid #eee;border-radius:12px;font-size:.95rem;resize:vertical;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.feedback-input textarea[data-v-5541716c]:focus{border-color:#667eea;outline:none}.feedback-contact input[data-v-5541716c]{width:100%;padding:.7rem .8rem;border:2px solid #eee;border-radius:12px;font-size:.95rem;transition:border-color .2s;box-sizing:border-box}.feedback-contact input[data-v-5541716c]:focus{border-color:#667eea;outline:none}.modal-footer[data-v-5541716c]{display:flex;justify-content:flex-end;gap:.8rem;padding:.8rem 1.2rem;border-top:1px solid #eee;background:#fafafa;border-radius:0 0 20px 20px}.modal-footer .btn-primary[data-v-5541716c],.modal-footer .btn-secondary[data-v-5541716c]{padding:.6rem 1.2rem;font-size:.9rem}.qr-modal[data-v-5541716c]{background:#fff;border-radius:20px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalIn-5541716c .3s ease}.qr-modal-body[data-v-5541716c]{padding:1.5rem;text-align:center}.qr-desc[data-v-5541716c]{color:#666;margin-bottom:1.5rem;line-height:1.5;font-size:1rem}.qr-code-container[data-v-5541716c]{background:#f8f9fa;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.qr-code-image[data-v-5541716c]{width:200px;height:200px;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a}.qr-placeholder[data-v-5541716c]{width:200px;height:200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#e8ecfc);border-radius:12px;border:2px dashed #667eea}.placeholder-icon[data-v-5541716c]{font-size:3rem;margin-bottom:.5rem}.qr-placeholder p[data-v-5541716c]{margin:0;color:#667eea;font-size:.95rem;font-weight:600}.placeholder-hint[data-v-5541716c]{font-size:.8rem!important;color:#888!important;font-weight:400!important;margin-top:.3rem!important}.qr-tips[data-v-5541716c]{background:linear-gradient(135deg,#fff3cd,#ffeeba);border-radius:12px;padding:1rem;text-align:left}.qr-tips p[data-v-5541716c]{margin:0 0 .5rem;font-weight:600;color:#856404}.qr-tips ul[data-v-5541716c]{margin:0;padding-left:1.2rem;color:#856404}.qr-tips li[data-v-5541716c]{margin-bottom:.3rem;font-size:.9rem}.qr-tips li[data-v-5541716c]:last-child{margin-bottom:0}@media (hover: none) and (pointer: coarse){.image-card[data-v-5541716c]:hover{transform:none}.image-card[data-v-5541716c]:active{transform:scale(.95);background:#f0f4ff}.image-card:active .card-image[data-v-5541716c]{transform:scale(1.2)}.image-card:active .card-emoji[data-v-5541716c]{transform:scale(1.25)}}@media (max-width: 600px){.profile-view[data-v-5541716c]{padding:.5rem}.wizard-container[data-v-5541716c]{padding:1rem;border-radius:16px;margin:.5rem}.wizard-step h3[data-v-5541716c]{font-size:1.1rem;margin-bottom:.8rem}.image-grid[data-v-5541716c]{grid-template-columns:repeat(3,1fr);gap:.6rem}.profiles-grid[data-v-5541716c]{grid-template-columns:1fr;gap:.8rem}.card-image[data-v-5541716c]{width:80px;height:80px}.card-emoji[data-v-5541716c]{font-size:3rem}.card-name[data-v-5541716c]{font-size:.7rem}.birth-date-select[data-v-5541716c]{flex-direction:column;gap:.5rem}.date-select[data-v-5541716c]{width:100%;padding:.6rem}.age-display[data-v-5541716c]{margin-top:.5rem;font-size:.85rem}.btn-primary[data-v-5541716c],.btn-secondary[data-v-5541716c]{padding:.8rem 1.5rem;font-size:.95rem}.game-progress-card[data-v-5541716c]{padding:.8rem;flex-direction:column;gap:.6rem}.game-stats[data-v-5541716c]{flex-wrap:wrap;gap:.4rem}.stat[data-v-5541716c]{padding:.3rem .5rem;font-size:.75rem}.input-group input[data-v-5541716c]{padding:.7rem;font-size:1rem}.gender-options[data-v-5541716c]{gap:.8rem}.gender-option[data-v-5541716c]{padding:.8rem 1.2rem}.gender-icon[data-v-5541716c]{font-size:2rem}}@media (min-width: 601px) and (max-width: 1024px){.image-grid[data-v-5541716c]{grid-template-columns:repeat(4,1fr)}.card-image[data-v-5541716c]{width:110px;height:110px}.card-emoji[data-v-5541716c]{font-size:4.5rem}}