:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden}#app{height:100vh;width:100vw;margin:0;padding:0}.sidebar[data-v-c678d6da]{width:280px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;transition:width .3s ease;box-shadow:2px 0 10px #0000001a;z-index:1000;height:100vh;position:relative}.sidebar.collapsed[data-v-c678d6da]{width:70px}.sidebar-header[data-v-c678d6da]{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:flex-start;position:relative}.logo[data-v-c678d6da]{display:flex;align-items:center;gap:12px}.logo-icon[data-v-c678d6da]{font-size:24px;min-width:24px}.logo-text[data-v-c678d6da]{font-size:18px;font-weight:700;white-space:nowrap}.sidebar-toggle[data-v-c678d6da]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;position:absolute;right:-15px;top:50vh;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003}.sidebar-toggle[data-v-c678d6da]:hover{background-color:#fff3;border-color:#fff6;transform:translateY(-50%) scale(1.1)}.sidebar-nav[data-v-c678d6da]{flex:1;padding:20px 0;overflow-y:auto}.nav-list[data-v-c678d6da]{list-style:none;margin:0;padding:0}.nav-item[data-v-c678d6da]{margin-bottom:5px}.nav-link[data-v-c678d6da]{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#fff;text-decoration:none;transition:all .2s;border-left:3px solid transparent;position:relative}.nav-link[data-v-c678d6da]:hover{background-color:#ffffff1a;border-left-color:#4a9eff}.nav-link.active[data-v-c678d6da]{background-color:#4a9eff33;border-left-color:#4a9eff}.nav-icon[data-v-c678d6da]{font-size:18px;min-width:18px}.nav-text[data-v-c678d6da]{white-space:nowrap;flex:1}.nav-badge[data-v-c678d6da]{background:#f44;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}.sidebar-footer[data-v-c678d6da]{padding:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:15px}.language-switch[data-v-c678d6da],.language-dropdown[data-v-c678d6da]{position:relative}.language-btn[data-v-c678d6da]{background:#ffffff1a;border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;width:100%;transition:background-color .2s}.language-btn[data-v-c678d6da]:hover{background:#fff3}.language-options[data-v-c678d6da]{position:absolute;bottom:100%;left:0;right:0;background:#2a2a3e;border-radius:6px;box-shadow:0 4px 12px #0000004d;margin-bottom:5px;z-index:1001}.language-option[data-v-c678d6da]{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;transition:background-color .2s}.language-option[data-v-c678d6da]:hover{background:#ffffff1a}.language-option.active[data-v-c678d6da]{background:#4a9eff33}.user-info[data-v-c678d6da]{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffff0d;border-radius:8px}.user-avatar[data-v-c678d6da]{font-size:20px;min-width:20px}.user-details[data-v-c678d6da]{flex:1;display:flex;flex-direction:column;gap:2px}.user-name[data-v-c678d6da]{font-size:14px;font-weight:500}.user-status[data-v-c678d6da]{font-size:12px;color:#4f4}.logout-btn[data-v-c678d6da]{background:none;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s}.logout-btn[data-v-c678d6da]:hover{background-color:#ffffff1a}.status-indicator[data-v-c678d6da]{display:flex;align-items:center;gap:8px;font-size:12px;color:#ccc}.status-dot[data-v-c678d6da]{width:8px;height:8px;border-radius:50%;background-color:#f44;transition:background-color .3s}.status-dot.connected[data-v-c678d6da]{background-color:#4f4}@media (max-width: 768px){.sidebar[data-v-c678d6da]{position:fixed;left:0;top:0;height:100vh;z-index:1000;transform:translate(-100%)}.sidebar[data-v-c678d6da]:not(.collapsed){transform:translate(0)}}.main-layout[data-v-03880e05]{display:flex;height:100vh;width:100vw;overflow:hidden}.main-content[data-v-03880e05]{flex:1;overflow:hidden}.welcome-container[data-v-43f9f080]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow-y:auto}.hero-section[data-v-43f9f080]{display:flex;align-items:center;justify-content:space-between;min-height:100vh;padding:80px 60px;position:relative}.hero-content[data-v-43f9f080]{flex:1;max-width:600px}.hero-icon[data-v-43f9f080]{font-size:80px;margin-bottom:30px;animation:bounce-43f9f080 2s infinite}.hero-title[data-v-43f9f080]{font-size:48px;font-weight:700;margin-bottom:20px;line-height:1.2}.hero-subtitle[data-v-43f9f080]{font-size:20px;margin-bottom:40px;opacity:.9;line-height:1.6}.hero-actions[data-v-43f9f080]{display:flex;gap:20px;flex-wrap:wrap}.hero-image[data-v-43f9f080]{flex:1;position:relative;height:400px;margin-left:60px}.floating-dice[data-v-43f9f080],.floating-cards[data-v-43f9f080],.floating-sword[data-v-43f9f080],.floating-shield[data-v-43f9f080]{position:absolute;font-size:60px;animation:float-43f9f080 3s ease-in-out infinite}.floating-dice[data-v-43f9f080]{top:20%;left:20%;animation-delay:0s}.floating-cards[data-v-43f9f080]{top:60%;right:30%;animation-delay:1s}.floating-sword[data-v-43f9f080]{top:10%;right:10%;animation-delay:2s}.floating-shield[data-v-43f9f080]{bottom:20%;left:40%;animation-delay:1.5s}.btn[data-v-43f9f080]{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary[data-v-43f9f080]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.btn-primary[data-v-43f9f080]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b4d}.btn-secondary[data-v-43f9f080]{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-secondary[data-v-43f9f080]:hover{background:#ffffff4d;transform:translateY(-2px)}.btn-large[data-v-43f9f080]{padding:20px 40px;font-size:18px}.features-section[data-v-43f9f080]{padding:100px 60px;background:#ffffff1a}.section-header[data-v-43f9f080]{text-align:center;margin-bottom:60px}.section-title[data-v-43f9f080]{font-size:36px;font-weight:700;margin-bottom:20px}.section-subtitle[data-v-43f9f080]{font-size:18px;opacity:.8}.features-grid[data-v-43f9f080]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}.feature-card[data-v-43f9f080]{background:#ffffff1a;padding:40px 30px;border-radius:16px;text-align:center;transition:transform .3s ease}.feature-card[data-v-43f9f080]:hover{transform:translateY(-10px)}.feature-icon[data-v-43f9f080]{font-size:48px;margin-bottom:20px}.feature-title[data-v-43f9f080]{font-size:24px;font-weight:600;margin-bottom:15px}.feature-description[data-v-43f9f080]{font-size:16px;opacity:.8;line-height:1.6}.quick-start-section[data-v-43f9f080]{padding:100px 60px}.steps-container[data-v-43f9f080]{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.step-item[data-v-43f9f080]{flex:1;min-width:280px;display:flex;align-items:flex-start;gap:20px}.step-number[data-v-43f9f080]{width:50px;height:50px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.step-content[data-v-43f9f080]{flex:1}.step-icon[data-v-43f9f080]{font-size:32px;margin-bottom:15px}.step-title[data-v-43f9f080]{font-size:20px;font-weight:600;margin-bottom:10px}.step-description[data-v-43f9f080]{font-size:16px;opacity:.8;line-height:1.6}.stats-section[data-v-43f9f080]{padding:80px 60px;background:#ffffff1a}.stats-grid[data-v-43f9f080]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.stat-item[data-v-43f9f080]{text-align:center}.stat-number[data-v-43f9f080]{font-size:48px;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label[data-v-43f9f080]{font-size:16px;opacity:.8}.cta-section[data-v-43f9f080]{padding:100px 60px;text-align:center}.cta-content[data-v-43f9f080]{max-width:600px;margin:0 auto}.cta-title[data-v-43f9f080]{font-size:36px;font-weight:700;margin-bottom:20px}.cta-subtitle[data-v-43f9f080]{font-size:18px;opacity:.8;margin-bottom:40px;line-height:1.6}@keyframes bounce-43f9f080{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes float-43f9f080{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.hero-section[data-v-43f9f080]{flex-direction:column;text-align:center;padding:60px 30px}.hero-image[data-v-43f9f080]{margin-left:0;margin-top:40px}.hero-title[data-v-43f9f080]{font-size:36px}.features-section[data-v-43f9f080],.quick-start-section[data-v-43f9f080],.stats-section[data-v-43f9f080],.cta-section[data-v-43f9f080]{padding:60px 30px}.steps-container[data-v-43f9f080]{flex-direction:column}.step-item[data-v-43f9f080]{min-width:auto}}.game-container[data-v-f9531e05]{display:flex;height:100vh;width:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;overflow:hidden}.chat-section[data-v-f9531e05]{flex:2;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1)}.chat-header[data-v-f9531e05]{display:flex;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.ai-avatar[data-v-f9531e05]{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#4a9eff,#06c);display:flex;align-items:center;justify-content:center;margin-right:15px}.avatar-icon[data-v-f9531e05]{font-size:24px}.ai-info[data-v-f9531e05]{flex:1}.ai-name[data-v-f9531e05]{margin:0 0 5px;font-size:18px;font-weight:600}.ai-status[data-v-f9531e05]{margin:0;font-size:14px;color:#4a9eff}.chat-controls[data-v-f9531e05]{display:flex;gap:10px}.control-btn[data-v-f9531e05]{background:#ffffff1a;border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s}.control-btn[data-v-f9531e05]:hover{background:#fff3}.chat-messages[data-v-f9531e05]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.message[data-v-f9531e05]{display:flex;gap:12px;max-width:80%}.user-message[data-v-f9531e05]{align-self:flex-end;flex-direction:row-reverse}.ai-message[data-v-f9531e05]{align-self:flex-start}.message-avatar[data-v-f9531e05]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.user-message .message-avatar[data-v-f9531e05]{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.ai-message .message-avatar[data-v-f9531e05]{background:linear-gradient(135deg,#4a9eff,#06c)}.message-content[data-v-f9531e05]{flex:1;min-width:0}.message-text[data-v-f9531e05]{background:#ffffff1a;padding:12px 16px;border-radius:12px;margin-bottom:5px;word-wrap:break-word}.user-message .message-text[data-v-f9531e05]{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.ai-message .message-text[data-v-f9531e05]{background:#4a9eff33}.message-text h4[data-v-f9531e05]{margin:0 0 10px;color:#4a9eff}.message-text .tips[data-v-f9531e05]{font-style:italic;opacity:.8;margin-top:10px}.message-time[data-v-f9531e05]{font-size:12px;color:#fff9;text-align:right}.user-message .message-time[data-v-f9531e05]{text-align:left}.typing-indicator[data-v-f9531e05]{display:flex;gap:4px;padding:12px 16px}.typing-indicator span[data-v-f9531e05]{width:8px;height:8px;border-radius:50%;background:#4a9eff;animation:typing-f9531e05 1.4s infinite ease-in-out}.typing-indicator span[data-v-f9531e05]:nth-child(1){animation-delay:-.32s}.typing-indicator span[data-v-f9531e05]:nth-child(2){animation-delay:-.16s}@keyframes typing-f9531e05{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-input-area[data-v-f9531e05]{padding:20px;border-top:1px solid rgba(255,255,255,.1);background:#ffffff0d}.input-container[data-v-f9531e05]{display:flex;gap:12px;align-items:flex-end}.message-input[data-v-f9531e05]{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;color:#fff;font-size:16px;resize:none;min-height:44px;max-height:120px;transition:border-color .2s}.message-input[data-v-f9531e05]:focus{outline:none;border-color:#4a9eff}.message-input[data-v-f9531e05]::placeholder{color:#ffffff80}.send-button[data-v-f9531e05]{background:linear-gradient(135deg,#4a9eff,#06c);border:none;color:#fff;padding:12px 16px;border-radius:12px;cursor:pointer;font-size:18px;transition:all .2s;min-width:50px;height:44px;display:flex;align-items:center;justify-content:center}.send-button[data-v-f9531e05]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff4d}.send-button[data-v-f9531e05]:disabled{opacity:.5;cursor:not-allowed}.input-hint[data-v-f9531e05]{margin-top:8px;font-size:12px;color:#ffffff80;text-align:center}.assistant-section[data-v-f9531e05]{flex:1;display:flex;flex-direction:column;gap:20px;padding:20px;overflow-y:auto;background:#ffffff05}.feature-panel[data-v-f9531e05]{background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.panel-title[data-v-f9531e05]{display:flex;align-items:center;gap:10px;margin:0 0 15px;font-size:16px;font-weight:600;color:#4a9eff}.panel-icon[data-v-f9531e05]{font-size:18px}.character-stats[data-v-f9531e05]{display:flex;flex-direction:column;gap:12px}.stat-item[data-v-f9531e05]{display:flex;flex-direction:column;gap:5px}.stat-label[data-v-f9531e05]{font-size:14px;color:#fffc}.stat-bar[data-v-f9531e05]{position:relative;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden}.stat-fill[data-v-f9531e05]{height:100%;border-radius:10px;transition:width .3s ease}.stat-fill.health[data-v-f9531e05]{background:linear-gradient(90deg,#ff6b6b,#ee5a24)}.stat-fill.mana[data-v-f9531e05]{background:linear-gradient(90deg,#4a9eff,#06c)}.stat-fill.stamina[data-v-f9531e05]{background:linear-gradient(90deg,#26de81,#20bf6b)}.stat-value[data-v-f9531e05]{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.game-info[data-v-f9531e05]{display:flex;flex-direction:column;gap:10px}.info-item[data-v-f9531e05]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-item[data-v-f9531e05]:last-child{border-bottom:none}.info-label[data-v-f9531e05]{font-size:14px;color:#fffc}.info-value[data-v-f9531e05]{font-size:14px;font-weight:600;color:#4a9eff}.inventory-grid[data-v-f9531e05]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.inventory-item[data-v-f9531e05]{position:relative;aspect-ratio:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.inventory-item[data-v-f9531e05]:hover{background:#ffffff26;border-color:#4a9eff}.inventory-item.empty[data-v-f9531e05]{opacity:.5;cursor:default}.inventory-item.empty[data-v-f9531e05]:hover{background:#ffffff1a;border-color:#fff3}.item-icon[data-v-f9531e05]{font-size:20px}.item-quantity[data-v-f9531e05]{position:absolute;bottom:2px;right:2px;background:#ff6b6b;color:#fff;font-size:10px;font-weight:600;padding:2px 4px;border-radius:4px;min-width:16px;text-align:center}.control-buttons[data-v-f9531e05]{display:flex;flex-direction:column;gap:10px}.control-button[data-v-f9531e05]{display:flex;align-items:center;gap:10px;padding:12px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.control-button.primary[data-v-f9531e05]{background:linear-gradient(135deg,#4a9eff,#06c);color:#fff}.control-button.primary[data-v-f9531e05]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff4d}.control-button.secondary[data-v-f9531e05]{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.control-button.secondary[data-v-f9531e05]:hover{background:#ffffff26;border-color:#4a9eff}.button-icon[data-v-f9531e05]{font-size:16px}@media (max-width: 768px){.game-container[data-v-f9531e05]{flex-direction:column}.chat-section[data-v-f9531e05]{flex:1;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.assistant-section[data-v-f9531e05]{flex:none;height:300px;padding:15px}.inventory-grid[data-v-f9531e05]{grid-template-columns:repeat(6,1fr)}.control-buttons[data-v-f9531e05]{flex-direction:row}}.chat-messages[data-v-f9531e05]::-webkit-scrollbar,.assistant-section[data-v-f9531e05]::-webkit-scrollbar{width:6px}.chat-messages[data-v-f9531e05]::-webkit-scrollbar-track,.assistant-section[data-v-f9531e05]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.chat-messages[data-v-f9531e05]::-webkit-scrollbar-thumb,.assistant-section[data-v-f9531e05]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.chat-messages[data-v-f9531e05]::-webkit-scrollbar-thumb:hover,.assistant-section[data-v-f9531e05]::-webkit-scrollbar-thumb:hover{background:#ffffff80}