#app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:800px;margin:0 auto;padding:20px}.btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn:active{transform:translateY(0)}.card{background:rgba(255,255,255,.95);border-radius:15px;padding:30px;box-shadow:0 10px 30px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.container{max-width:100%;padding:15px;margin:0}.card{padding:20px;border-radius:12px;margin:10px}.btn{padding:14px 20px;font-size:16px;min-height:44px;touch-action:manipulation}}@media (max-width: 480px){.container{padding:10px}.card{padding:15px;margin:5px}.btn{padding:12px 18px;font-size:15px}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}input,textarea,button{-webkit-appearance:none;-moz-appearance:none;appearance:none}*{-webkit-overflow-scrolling:touch}.home[data-v-d940d54b]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.top-nav[data-v-d940d54b]{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.logo[data-v-d940d54b]{font-size:1.8rem;font-weight:700;margin:0;color:#fff}.user-info[data-v-d940d54b]{display:flex;align-items:center;gap:10px}.username[data-v-d940d54b]{font-size:1rem;opacity:.9}.avatar[data-v-d940d54b]{width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;overflow:hidden}.avatar-img[data-v-d940d54b]{width:100%;height:100%;object-fit:cover;border-radius:50%}.main-content[data-v-d940d54b]{padding:40px;max-width:1200px;margin:0 auto}.section[data-v-d940d54b]{margin-bottom:60px}.section-title[data-v-d940d54b]{font-size:2rem;margin-bottom:30px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.games-grid[data-v-d940d54b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.game-card[data-v-d940d54b]{background:rgba(255,255,255,.15);border-radius:15px;padding:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.game-card[data-v-d940d54b]:hover{transform:translateY(-5px);background:rgba(255,255,255,.25);box-shadow:0 10px 30px #0000004d}.game-card.featured[data-v-d940d54b]{background:linear-gradient(135deg,rgba(255,215,0,.3),rgba(255,165,0,.3));border:2px solid rgba(255,215,0,.5)}.game-image[data-v-d940d54b]{text-align:center;margin-bottom:20px}.game-icon[data-v-d940d54b]{font-size:4rem;margin-bottom:10px}.game-info[data-v-d940d54b]{text-align:center}.game-title[data-v-d940d54b]{font-size:1.4rem;margin-bottom:10px;color:#fff}.game-desc[data-v-d940d54b]{font-size:1rem;opacity:.9;margin-bottom:15px;line-height:1.5}.game-tags[data-v-d940d54b]{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.tag[data-v-d940d54b]{background:rgba(255,255,255,.2);padding:4px 12px;border-radius:20px;font-size:.8rem;border:1px solid rgba(255,255,255,.3)}.play-btn[data-v-d940d54b]{position:absolute;top:15px;right:15px;font-size:1.5rem;opacity:.7;transition:opacity .3s ease}.game-card:hover .play-btn[data-v-d940d54b]{opacity:1}.category-grid[data-v-d940d54b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.category-card[data-v-d940d54b]{background:rgba(255,255,255,.1);border-radius:12px;padding:30px 20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;cursor:pointer}.category-card[data-v-d940d54b]:hover{background:rgba(255,255,255,.2);transform:translateY(-3px)}.category-icon[data-v-d940d54b]{font-size:3rem;margin-bottom:15px}.category-card h3[data-v-d940d54b]{font-size:1.2rem;margin-bottom:8px;color:#fff}.category-card p[data-v-d940d54b]{font-size:.9rem;opacity:.8;margin:0}@media (max-width: 768px){.container[data-v-d940d54b]{padding:10px}.top-nav[data-v-d940d54b]{padding:12px 15px;flex-wrap:wrap;gap:10px}.user-info[data-v-d940d54b]{order:2;width:100%;justify-content:center;margin-top:10px}.logo[data-v-d940d54b]{font-size:1.3rem;order:1}.main-content[data-v-d940d54b]{padding:15px}.section-title[data-v-d940d54b]{font-size:1.5rem;margin-bottom:20px}.games-grid[data-v-d940d54b]{grid-template-columns:1fr;gap:15px}.game-card[data-v-d940d54b]{padding:20px}.game-card h2[data-v-d940d54b]{font-size:1.3rem}.category-grid[data-v-d940d54b]{grid-template-columns:repeat(2,1fr);gap:12px}.category-card[data-v-d940d54b]{padding:15px 12px}.category-icon[data-v-d940d54b]{font-size:2.5rem;margin-bottom:10px}.category-card h3[data-v-d940d54b]{font-size:1.1rem}.category-card p[data-v-d940d54b]{font-size:.85rem}.play-btn[data-v-d940d54b]{padding:12px 25px;font-size:1rem}}@media (max-width: 480px){.container[data-v-d940d54b]{padding:5px}.top-nav[data-v-d940d54b]{padding:10px 12px}.logo[data-v-d940d54b]{font-size:1.2rem}.avatar[data-v-d940d54b]{width:35px;height:35px;font-size:1.1rem}.username[data-v-d940d54b]{font-size:.9rem}.main-content[data-v-d940d54b]{padding:12px}.section-title[data-v-d940d54b]{font-size:1.3rem;margin-bottom:15px}.game-card[data-v-d940d54b]{padding:15px}.game-card h2[data-v-d940d54b]{font-size:1.2rem;margin-bottom:8px}.game-card p[data-v-d940d54b]{font-size:.9rem;margin-bottom:15px}.category-grid[data-v-d940d54b]{grid-template-columns:1fr;gap:10px}.category-card[data-v-d940d54b]{padding:12px 10px}.category-icon[data-v-d940d54b]{font-size:2rem;margin-bottom:8px}.category-card h3[data-v-d940d54b]{font-size:1rem;margin-bottom:5px}.category-card p[data-v-d940d54b]{font-size:.8rem}.play-btn[data-v-d940d54b]{padding:10px 20px;font-size:.9rem}}.game[data-v-ce88c595]{min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative}.game[data-v-ce88c595]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;pointer-events:none}.container[data-v-ce88c595]{position:relative;z-index:1}.game-header[data-v-ce88c595]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 30px;border-radius:20px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.game-title[data-v-ce88c595]{color:#2c3e50;margin:0;font-size:1.8rem;font-weight:700;display:flex;align-items:center;gap:12px}.title-icon[data-v-ce88c595]{font-size:2rem;animation:bounce-ce88c595 2s infinite}.title-text[data-v-ce88c595]{background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes bounce-ce88c595{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.btn[data-v-ce88c595]{padding:12px 24px;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;box-shadow:0 4px 15px #0003}.btn[data-v-ce88c595]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn[data-v-ce88c595]:active{transform:translateY(0)}.back-btn[data-v-ce88c595]{background:linear-gradient(45deg,#95a5a6,#7f8c8d)}.new-game-btn[data-v-ce88c595]{background:linear-gradient(45deg,#27ae60,#2ecc71)}.icon[data-v-ce88c595]{font-size:16px}.game-status[data-v-ce88c595]{margin-bottom:25px}.status-card[data-v-ce88c595]{display:flex;align-items:center;justify-content:center;gap:30px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 30px;border-radius:20px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.status-item[data-v-ce88c595]{display:flex;align-items:center;gap:15px}.status-icon[data-v-ce88c595]{font-size:2rem;animation:pulse-ce88c595 2s infinite}@keyframes pulse-ce88c595{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.status-info[data-v-ce88c595]{display:flex;flex-direction:column;gap:4px}.label[data-v-ce88c595]{color:#7f8c8d;font-weight:500;font-size:.9rem}.value[data-v-ce88c595]{font-weight:700;padding:6px 16px;border-radius:25px;background:#ecf0f1;color:#2c3e50;font-size:1rem;transition:all .3s ease}.value.success[data-v-ce88c595]{background:linear-gradient(45deg,#d5f4e6,#a8e6cf);color:#27ae60;box-shadow:0 2px 10px #27ae604d}.value.playing[data-v-ce88c595]{background:linear-gradient(45deg,#fef9e7,#ffeaa7);color:#f39c12;box-shadow:0 2px 10px #f39c124d}.status-divider[data-v-ce88c595]{width:2px;height:40px;background:linear-gradient(to bottom,transparent,#ddd,transparent);border-radius:1px}.chat-container[data-v-ce88c595]{height:600px;display:flex;flex-direction:column}.chat-messages[data-v-ce88c595]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.message[data-v-ce88c595]{display:flex;gap:12px;max-width:80%}.user-message[data-v-ce88c595]{align-self:flex-end;flex-direction:row-reverse}.ai-message[data-v-ce88c595]{align-self:flex-start;display:flex}.avatar[data-v-ce88c595]{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;box-shadow:0 4px 15px #0003;transition:all .3s ease}.avatar[data-v-ce88c595]:hover{transform:scale(1.05)}.ai-avatar[data-v-ce88c595]{background:linear-gradient(45deg,#3498db,#2980b9);border:3px solid rgba(255,255,255,.3)}.user-avatar[data-v-ce88c595]{background:linear-gradient(45deg,#e74c3c,#c0392b);border:3px solid rgba(255,255,255,.3);overflow:hidden}.avatar-img[data-v-ce88c595]{width:100%;height:100%;object-fit:cover;border-radius:50%}.ai-emoji[data-v-ce88c595]{font-size:1.4rem}.message-content[data-v-ce88c595]{background:#f8f9fa;padding:12px 16px;border-radius:18px;position:relative;max-width:100%;word-wrap:break-word}.user-message .message-content[data-v-ce88c595]{background:linear-gradient(45deg,#3498db,#2980b9);color:#fff}.ai-message .message-content[data-v-ce88c595]{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);color:#2c3e50;border:1px solid #90caf9}.timestamp[data-v-ce88c595]{font-size:.75rem;color:#95a5a6;display:block;margin-top:5px}.user-message .timestamp[data-v-ce88c595]{color:#fffc}.streaming-text .cursor[data-v-ce88c595]{animation:blink-ce88c595 1s infinite}@keyframes blink-ce88c595{0%,50%{opacity:1}51%,to{opacity:0}}.loading-content[data-v-ce88c595]{display:flex;align-items:center;gap:15px;margin-left:12px}.typing-indicator[data-v-ce88c595]{display:flex;gap:4px;align-items:center}.typing-indicator span[data-v-ce88c595]{width:10px;height:10px;border-radius:50%;background:linear-gradient(45deg,#3498db,#2980b9);animation:typing-ce88c595 1.4s infinite ease-in-out;box-shadow:0 2px 5px #3498db4d}.typing-indicator span[data-v-ce88c595]:nth-child(1){animation-delay:-.32s}.typing-indicator span[data-v-ce88c595]:nth-child(2){animation-delay:-.16s}@keyframes typing-ce88c595{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.loading-text[data-v-ce88c595]{color:#7f8c8d;font-style:italic;font-size:.9rem}.chat-input[data-v-ce88c595]{padding:20px}.input-container[data-v-ce88c595]{display:flex;gap:10px}.message-input[data-v-ce88c595]{flex:1;padding:12px 16px;border:2px solid #ecf0f1;border-radius:25px;font-size:16px;outline:none;transition:border-color .3s ease}.message-input[data-v-ce88c595]:focus{border-color:#3498db}.message-input[data-v-ce88c595]:disabled{background:#f8f9fa;color:#95a5a6}.send-btn[data-v-ce88c595]{padding:12px 24px;border-radius:25px;background:linear-gradient(45deg,#3498db,#2980b9)}.send-btn[data-v-ce88c595]:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.welcome-message[data-v-ce88c595]{display:flex;justify-content:center;align-items:center;height:100%;min-height:400px}.welcome-card[data-v-ce88c595]{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:25px;text-align:center;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2);max-width:500px;animation:fadeInUp-ce88c595 .8s ease}@keyframes fadeInUp-ce88c595{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-icon[data-v-ce88c595]{font-size:4rem;margin-bottom:20px;animation:bounce-ce88c595 2s infinite}.welcome-title[data-v-ce88c595]{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:15px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-text[data-v-ce88c595]{color:#7f8c8d;font-size:1.1rem;margin-bottom:30px;line-height:1.6}.welcome-features[data-v-ce88c595]{display:flex;justify-content:space-around;margin-bottom:30px;gap:20px}.feature-item[data-v-ce88c595]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px;border-radius:15px;background:rgba(102,126,234,.1);transition:all .3s ease}.feature-item[data-v-ce88c595]:hover{transform:translateY(-5px);background:rgba(102,126,234,.2)}.feature-icon[data-v-ce88c595]{font-size:2rem}.welcome-start-btn[data-v-ce88c595]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;margin:0 auto;transition:all .3s ease;box-shadow:0 8px 25px #667eea66}.welcome-start-btn[data-v-ce88c595]:hover{transform:translateY(-3px);box-shadow:0 12px 35px #667eea99}.btn-icon[data-v-ce88c595]{font-size:1.2rem}@keyframes modalFadeIn-ce88c595{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay[data-v-ce88c595]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.congratulations-modal[data-v-ce88c595]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d;animation:modalFadeIn-ce88c595 .5s ease-out;color:#fff;text-align:center}.modal-header[data-v-ce88c595]{margin-bottom:1.5rem}.success-icon[data-v-ce88c595]{font-size:3rem;margin-bottom:.5rem;animation:bounce-ce88c595 1s ease-in-out}.modal-title[data-v-ce88c595]{font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal-content[data-v-ce88c595]{margin-bottom:2rem}.success-message[data-v-ce88c595]{font-size:1.1rem;margin-bottom:1rem;opacity:.9}.target-idiom[data-v-ce88c595]{font-size:2rem;font-weight:700;margin:1rem 0;padding:.8rem;background:rgba(255,255,255,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);text-shadow:0 2px 4px rgba(0,0,0,.3)}.game-stats[data-v-ce88c595]{display:flex;justify-content:space-around;margin-top:1.5rem}.stat-item[data-v-ce88c595]{text-align:center}.stat-label[data-v-ce88c595]{display:block;font-size:.9rem;opacity:.8;margin-bottom:.3rem}.stat-value[data-v-ce88c595]{display:block;font-size:1.2rem;font-weight:700;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.3)}.modal-actions[data-v-ce88c595]{display:flex;gap:1rem;justify-content:center}.modal-actions .btn-primary[data-v-ce88c595],.modal-actions .btn-secondary[data-v-ce88c595]{flex:1;padding:.8rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:none}.modal-actions .btn-primary[data-v-ce88c595]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;box-shadow:0 4px 15px #ff6b6b66}.modal-actions .btn-primary[data-v-ce88c595]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99}.modal-actions .btn-secondary[data-v-ce88c595]{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-actions .btn-secondary[data-v-ce88c595]:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}@media (max-width: 768px){.game-container[data-v-ce88c595]{padding:15px;margin:10px}.game-header[data-v-ce88c595]{flex-direction:column;gap:15px;text-align:center}.status-card[data-v-ce88c595]{flex-direction:column;gap:15px;padding:15px 20px}.status-divider[data-v-ce88c595]{width:40px;height:2px;background:linear-gradient(to right,transparent,#ddd,transparent)}.message[data-v-ce88c595]{max-width:95%}.chat-container[data-v-ce88c595]{height:calc(100vh - 300px);min-height:400px}.chat-messages[data-v-ce88c595]{padding:15px}.input-container[data-v-ce88c595]{padding:15px;gap:10px}.input-container input[data-v-ce88c595]{font-size:16px}.congratulations-modal[data-v-ce88c595]{padding:1.5rem;margin:20px;max-width:calc(100vw - 40px)}.modal-title[data-v-ce88c595]{font-size:1.5rem}.target-idiom[data-v-ce88c595]{font-size:1.5rem;padding:.6rem}.modal-actions[data-v-ce88c595]{flex-direction:column}}@media (max-width: 480px){.game-container[data-v-ce88c595]{padding:10px;margin:5px}.status-card[data-v-ce88c595]{padding:12px 15px}.status-icon[data-v-ce88c595]{font-size:1.5rem}.chat-container[data-v-ce88c595]{height:calc(100vh - 280px);min-height:350px}.chat-messages[data-v-ce88c595]{padding:10px;gap:10px}.message[data-v-ce88c595]{gap:8px}.avatar[data-v-ce88c595]{width:35px;height:35px;font-size:1.2rem}.message-content[data-v-ce88c595]{padding:10px 12px;font-size:.9rem}.input-container[data-v-ce88c595]{padding:10px}.input-container input[data-v-ce88c595]{padding:12px 15px;font-size:16px}.send-btn[data-v-ce88c595]{padding:12px 15px;font-size:.9rem}.congratulations-modal[data-v-ce88c595]{padding:1rem;margin:15px}.success-icon[data-v-ce88c595]{font-size:2.5rem}.modal-title[data-v-ce88c595]{font-size:1.3rem}.target-idiom[data-v-ce88c595]{font-size:1.3rem;padding:.5rem}.success-message[data-v-ce88c595]{font-size:1rem}}@media (max-width: 768px){.btn-primary[data-v-ce88c595],.btn-secondary[data-v-ce88c595],.send-btn[data-v-ce88c595]{min-height:44px;touch-action:manipulation}[data-v-ce88c595]{touch-action:manipulation}.chat-messages[data-v-ce88c595]{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.input-container input[data-v-ce88c595]{-webkit-appearance:none;border-radius:25px}.modal-overlay[data-v-ce88c595]{padding:10px}}@media (max-width: 768px) and (orientation: landscape){.chat-container[data-v-ce88c595]{height:calc(100vh - 200px);min-height:250px}.congratulations-modal[data-v-ce88c595]{max-height:90vh;overflow-y:auto}}.tip-word[data-v-ce88c595]{font-weight:700;color:#667eea;background:rgba(102,126,234,.1);padding:2px 6px;border-radius:4px;font-size:1.05em}