.character-select[data-v-d043f9eb]{min-height:100vh;height:100vh;height:100dvh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:16px 12px;padding-top:max(16px,env(safe-area-inset-top,0px));padding-bottom:max(16px,env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;overflow-y:auto;box-sizing:border-box}.header[data-v-d043f9eb]{text-align:center;margin-bottom:16px;flex-shrink:0}.header h1[data-v-d043f9eb]{color:#fff;font-size:26px;margin:0 0 6px;text-shadow:0 0 20px rgba(138,43,226,.5)}.subtitle[data-v-d043f9eb]{color:#aaa;font-size:13px;margin:0}.existing-characters[data-v-d043f9eb]{margin:0 auto 16px;flex-shrink:0}.existing-characters h2[data-v-d043f9eb]{color:#fff;margin-bottom:10px;font-size:15px}.characters-grid[data-v-d043f9eb]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.character-card[data-v-d043f9eb]{background:#2a2a4e;border:2px solid #4a4a6a;border-radius:10px;padding:12px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:transform .2s,border-color .2s}.character-card[data-v-d043f9eb]:hover{transform:translateY(-2px);border-color:#8a2be2}.char-icon[data-v-d043f9eb]{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.char-info h3[data-v-d043f9eb]{color:#fff;margin:0 0 2px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char-info p[data-v-d043f9eb]{color:#888;margin:0;font-size:11px}.create-section[data-v-d043f9eb]{margin:0 auto;flex:1;display:flex;flex-direction:column}.create-section h2[data-v-d043f9eb]{color:#fff;margin-bottom:12px;font-size:15px}.class-select[data-v-d043f9eb]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;flex:1}.class-option[data-v-d043f9eb]{background:#2a2a4e;border:2px solid #4a4a6a;border-radius:10px;padding:16px 12px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;min-height:120px}.class-option[data-v-d043f9eb]:hover{border-color:#6a6a8a}.class-option.selected[data-v-d043f9eb]{border-color:#8a2be2;box-shadow:0 0 20px #8a2be24d}.class-icon[data-v-d043f9eb]{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 8px}.class-option h3[data-v-d043f9eb]{color:#fff;margin:0 0 4px;font-size:14px}.class-option p[data-v-d043f9eb]{color:#888;margin:0;font-size:10px;line-height:1.3}@media (max-width: 480px) and (orientation: portrait){.header h1[data-v-d043f9eb]{font-size:22px}.subtitle[data-v-d043f9eb]{font-size:12px}.class-select[data-v-d043f9eb]{grid-template-columns:1fr;gap:8px}.class-option[data-v-d043f9eb]{flex-direction:row;text-align:left;padding:14px;gap:12px;min-height:auto}.class-icon[data-v-d043f9eb]{margin:0;flex-shrink:0;width:56px;height:56px;font-size:28px}.class-option h3[data-v-d043f9eb]{font-size:15px;margin-bottom:6px}.class-option p[data-v-d043f9eb]{font-size:11px}.characters-grid[data-v-d043f9eb]{grid-template-columns:1fr;gap:8px}.character-card[data-v-d043f9eb]{padding:12px}.char-icon[data-v-d043f9eb]{width:40px;height:40px;font-size:20px}.char-info h3[data-v-d043f9eb]{font-size:14px}.char-info p[data-v-d043f9eb]{font-size:11px}}@media (max-width: 380px) and (orientation: portrait){.character-select[data-v-d043f9eb]{padding:12px 8px}.header h1[data-v-d043f9eb]{font-size:20px}.class-option[data-v-d043f9eb]{padding:12px}.class-icon[data-v-d043f9eb]{width:50px;height:50px;font-size:26px}.class-option h3[data-v-d043f9eb]{font-size:14px}.class-option p[data-v-d043f9eb]{font-size:10px}}.health-bar-container[data-v-5d25d44e]{position:relative;width:200px}.health-bar-bg[data-v-5d25d44e]{height:20px;background:#333;border-radius:10px;overflow:hidden;border:2px solid #555}.health-bar-fill[data-v-5d25d44e]{height:100%;background:linear-gradient(90deg,red,#f66);transition:width .2s ease;box-shadow:0 0 10px #ff000080}.health-text[data-v-5d25d44e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;text-shadow:0 0 3px black}.mana-bar-container[data-v-c37a48b7]{position:relative;width:200px}.mana-bar-bg[data-v-c37a48b7]{height:20px;background:#333;border-radius:10px;overflow:hidden;border:2px solid #555}.mana-bar-fill[data-v-c37a48b7]{height:100%;background:linear-gradient(90deg,#06f,#6cf);transition:width .2s ease;box-shadow:0 0 10px #0066ff80}.mana-text[data-v-c37a48b7]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;text-shadow:0 0 3px black}.exp-bar-container[data-v-366f51e3]{width:100%;position:relative}.exp-bar-bg[data-v-366f51e3]{height:8px;background:linear-gradient(180deg,#333,#2a2a2a);border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #00000080}.exp-bar-fill[data-v-366f51e3]{height:100%;background:linear-gradient(90deg,gold,#ffed4a,gold);transition:width .3s ease;box-shadow:0 0 10px #ffd70080;position:relative;overflow:hidden}.exp-bar-fill[data-v-366f51e3]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer-366f51e3 2s infinite}@keyframes shimmer-366f51e3{0%{left:-100%}to{left:100%}}.exp-bar-shine[data-v-366f51e3]{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.exp-bar-fill.leveling-up[data-v-366f51e3]{animation:levelUpFlash-366f51e3 .5s ease-in-out 3;box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70080}@keyframes levelUpFlash-366f51e3{0%,to{background:linear-gradient(90deg,gold,#ffed4a,gold)}50%{background:linear-gradient(90deg,#fff,gold,#fff);box-shadow:0 0 30px #ffffffe6}}.exp-particles[data-v-366f51e3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.particle[data-v-366f51e3]{position:absolute;font-size:12px;animation:particleBurst-366f51e3 1s ease-out forwards}.particle[data-v-366f51e3]:nth-child(1){animation-delay:0s}.particle[data-v-366f51e3]:nth-child(2){animation-delay:.1s}.particle[data-v-366f51e3]:nth-child(3){animation-delay:.2s}.particle[data-v-366f51e3]:nth-child(4){animation-delay:.3s}.particle[data-v-366f51e3]:nth-child(5){animation-delay:.4s}@keyframes particleBurst-366f51e3{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx, 0),var(--ty, -30px)) scale(0)}}.particle[data-v-366f51e3]:nth-child(1){--tx: -20px;--ty: -20px}.particle[data-v-366f51e3]:nth-child(2){--tx: 20px;--ty: -25px}.particle[data-v-366f51e3]:nth-child(3){--tx: -15px;--ty: 20px}.particle[data-v-366f51e3]:nth-child(4){--tx: 15px;--ty: 25px}.particle[data-v-366f51e3]:nth-child(5){--tx: 0;--ty: -30px}.level-up-notification[data-v-366f51e3]{position:absolute;top:-60px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ffd700f2,#ffaa00f2);padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 20px #ffd70099;z-index:100;white-space:nowrap}.level-up-icon[data-v-366f51e3]{font-size:24px;animation:bounce-366f51e3 .5s ease infinite}@keyframes bounce-366f51e3{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.level-up-text[data-v-366f51e3]{color:#1a1a2e;font-size:16px;font-weight:800;text-shadow:0 1px 2px rgba(255,255,255,.3)}.level-up-bonus[data-v-366f51e3]{color:#8a2be2;font-size:12px;font-weight:600;background:#ffffffe6;padding:4px 8px;border-radius:6px}.level-up-enter-active[data-v-366f51e3]{animation:slideInDown-366f51e3 .5s ease-out}.level-up-leave-active[data-v-366f51e3]{animation:slideOutUp-366f51e3 .5s ease-in}@keyframes slideInDown-366f51e3{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideOutUp-366f51e3{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-30px)}}.canvas-container[data-v-12e5690a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.game-canvas[data-v-12e5690a]{display:block;background:#1a1a2e;border-radius:6px;touch-action:none;max-width:100%;max-height:100%;box-sizing:border-box;-o-object-fit:contain;object-fit:contain}.inventory-overlay[data-v-0d620c23]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn-0d620c23 .2s ease-out}@keyframes fadeIn-0d620c23{0%{opacity:0}to{opacity:1}}.inventory-panel[data-v-0d620c23]{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border-radius:24px;border:1px solid rgba(138,43,226,.3);width:100%;max-width:1000px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #0009,0 0 60px #8a2be226,inset 0 1px #ffffff0d;animation:slideUp-0d620c23 .3s ease-out;display:flex;flex-direction:column}@keyframes slideUp-0d620c23{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.panel-header[data-v-0d620c23]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(180deg,rgba(138,43,226,.1) 0%,transparent 100%);border-bottom:1px solid rgba(74,74,106,.5)}.header-left[data-v-0d620c23]{display:flex;align-items:center;gap:12px}.panel-icon[data-v-0d620c23]{width:40px;height:40px;background:linear-gradient(135deg,#8a2be2,#6a1bb2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 15px #8a2be266}.header-text[data-v-0d620c23]{display:flex;flex-direction:column;gap:2px}.panel-title[data-v-0d620c23]{margin:0;color:#fff;font-size:20px;font-weight:700;letter-spacing:-.3px}.panel-subtitle[data-v-0d620c23]{margin:0;color:#8a8aa6;font-size:13px}.close-btn[data-v-0d620c23]{width:36px;height:36px;border:none;background:#ffffff0d;border-radius:10px;color:#8a8aa6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn[data-v-0d620c23]:hover{background:#f443;color:#f44;transform:scale(1.05)}.panel-body[data-v-0d620c23]{display:grid;grid-template-columns:300px 1fr;gap:20px;padding:24px;flex:1;overflow:hidden}.equipment-section[data-v-0d620c23]{display:flex;flex-direction:column;gap:12px}.section-title[data-v-0d620c23]{margin:0;color:#fff;font-size:16px;font-weight:600}.equipment-grid[data-v-0d620c23]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.equipment-slot[data-v-0d620c23]{background:linear-gradient(145deg,#2a2a4e,#1a1a2e);border-radius:12px;padding:12px;text-align:center;cursor:pointer;border:2px solid rgba(74,74,106,.4);transition:all .2s ease}.equipment-slot[data-v-0d620c23]:hover{border-color:#8a2be299;transform:translateY(-2px)}.slot-label[data-v-0d620c23]{color:#8a8aa6;font-size:11px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.item-container[data-v-0d620c23]{border:2px solid;border-radius:8px;padding:8px;background:#0003}.item-icon[data-v-0d620c23]{font-size:28px;display:block;margin-bottom:4px}.item-name[data-v-0d620c23]{color:#fff;font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-empty[data-v-0d620c23]{display:flex;align-items:center;justify-content:center;padding:20px;color:#4a4a6a}.empty-icon[data-v-0d620c23]{font-size:24px;opacity:.5}.inventory-section[data-v-0d620c23]{display:flex;flex-direction:column;gap:12px;overflow:hidden}.filter-bar[data-v-0d620c23]{display:flex;flex-direction:column;gap:12px}.search-box[data-v-0d620c23]{display:flex;align-items:center;gap:10px;background:#0003;padding:10px 14px;border-radius:10px;border:1px solid rgba(74,74,106,.4)}.search-icon[data-v-0d620c23]{color:#8a8aa6}.search-input[data-v-0d620c23]{flex:1;background:transparent;border:none;color:#fff;font-size:14px;outline:none}.search-input[data-v-0d620c23]::-moz-placeholder{color:#6a6a8a}.search-input[data-v-0d620c23]::placeholder{color:#6a6a8a}.category-tabs[data-v-0d620c23]{display:flex;gap:8px;flex-wrap:wrap}.category-tab[data-v-0d620c23]{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#0003;border:1px solid rgba(74,74,106,.4);border-radius:8px;color:#8a8aa6;font-size:13px;cursor:pointer;transition:all .2s ease}.category-tab[data-v-0d620c23]:hover{background:#8a2be21a;border-color:#8a2be266;color:#fff}.category-tab.active[data-v-0d620c23]{background:linear-gradient(135deg,#8a2be24d,#6a1bb233);border-color:#8a2be2;color:#fff}.tab-icon[data-v-0d620c23]{font-size:14px}.tab-count[data-v-0d620c23]{background:#ffffff1a;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.batch-actions[data-v-0d620c23]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:10px}.selected-count[data-v-0d620c23]{color:gold;font-size:13px;font-weight:500}.batch-btn[data-v-0d620c23]{padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.batch-btn.sell[data-v-0d620c23]{background:linear-gradient(135deg,gold,#fa0);color:#1a1a2e}.batch-btn.disassembly[data-v-0d620c23]{background:linear-gradient(135deg,#8a2be2,#6a1bb2);color:#fff}.batch-btn.clear[data-v-0d620c23]{background:#f443;color:#ff6b6b;border:1px solid rgba(255,68,68,.3)}.batch-btn[data-v-0d620c23]:hover{transform:translateY(-2px)}.inventory-grid[data-v-0d620c23]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;overflow-y:auto;flex:1;align-content:start}.inventory-item[data-v-0d620c23]{position:relative;background:linear-gradient(145deg,#2a2a4e,#1a1a2e);border:2px solid rgba(74,74,106,.4);border-radius:10px;padding:12px;text-align:center;cursor:pointer;transition:all .2s ease}.inventory-item[data-v-0d620c23]:hover{border-color:#8a2be299;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.inventory-item.selected[data-v-0d620c23]{border-color:gold;background:#ffd7001a}.checkmark[data-v-0d620c23]{position:absolute;top:4px;right:4px;width:20px;height:20px;background:gold;color:#1a1a2e;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.inventory-item .item-icon[data-v-0d620c23]{font-size:32px}.inventory-item .item-name[data-v-0d620c23]{font-size:12px;margin-bottom:4px}.item-type[data-v-0d620c23]{color:#8a8aa6;font-size:10px;text-transform:uppercase}.rarity-indicator[data-v-0d620c23]{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 8px 8px}.empty-state[data-v-0d620c23]{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-state-icon[data-v-0d620c23]{font-size:48px;opacity:.5;margin-bottom:12px}.empty-state-text[data-v-0d620c23]{margin:0;color:#8a8aa6;font-size:14px}.panel-footer[data-v-0d620c23]{padding:16px 24px;background:#0003;border-top:1px solid rgba(74,74,106,.3)}.inventory-stats[data-v-0d620c23]{color:#8a8aa6;font-size:13px;display:flex;align-items:center;gap:8px}.material-stat[data-v-0d620c23]{color:gold;font-weight:600}.stat-divider[data-v-0d620c23]{color:#4a4a6a}.detail-overlay[data-v-0d620c23]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px;animation:fadeIn-0d620c23 .15s ease-out}.detail-panel[data-v-0d620c23]{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border-radius:20px;border:1px solid rgba(138,43,226,.3);width:100%;max-width:420px;overflow:hidden;box-shadow:0 25px 50px -12px #0009;animation:scaleIn-0d620c23 .2s ease-out}@keyframes scaleIn-0d620c23{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.detail-header[data-v-0d620c23]{display:flex;gap:14px;align-items:center;padding:20px;background:linear-gradient(180deg,rgba(138,43,226,.1) 0%,transparent 100%);border-bottom:1px solid rgba(74,74,106,.4)}.detail-icon-box[data-v-0d620c23]{width:64px;height:64px;background:linear-gradient(135deg,#4a2a6e,#2a1a4e);border-radius:16px;display:flex;align-items:center;justify-content:center;border:2px solid;box-shadow:0 8px 24px #0000004d;flex-shrink:0}.detail-icon[data-v-0d620c23]{font-size:32px}.detail-info[data-v-0d620c23]{flex:1;display:flex;flex-direction:column;gap:4px}.detail-name[data-v-0d620c23]{margin:0;font-size:18px;font-weight:700}.detail-rarity[data-v-0d620c23]{font-size:12px;color:#8a8aa6;text-transform:uppercase;letter-spacing:1px}.detail-close[data-v-0d620c23]{width:32px;height:32px;border:none;background:#ffffff0d;border-radius:8px;color:#8a8aa6;cursor:pointer;font-size:18px;transition:all .2s ease}.detail-close[data-v-0d620c23]:hover{background:#f443;color:#f44}.detail-content[data-v-0d620c23]{padding:20px}.item-description[data-v-0d620c23]{margin:0 0 16px;color:#a8a8c6;font-size:14px;line-height:1.6}.stats-title[data-v-0d620c23]{margin:0 0 12px;color:#fff;font-size:14px;font-weight:600}.equipment-stats[data-v-0d620c23],.skill-info[data-v-0d620c23],.augment-info[data-v-0d620c23]{background:#0003;padding:16px;border-radius:12px}.stats-list[data-v-0d620c23],.skill-stats[data-v-0d620c23],.augment-stats[data-v-0d620c23]{display:flex;flex-direction:column;gap:8px}.stat-item[data-v-0d620c23]{display:flex;justify-content:space-between;align-items:center}.stat-name[data-v-0d620c23]{color:#a8a8c6;font-size:13px}.stat-value[data-v-0d620c23]{color:gold;font-size:14px;font-weight:600}.detail-actions[data-v-0d620c23]{display:flex;gap:10px;padding:16px 20px;background:#0003}.action-btn[data-v-0d620c23]{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn.primary[data-v-0d620c23]{background:linear-gradient(135deg,#8a2be2,#6a1bb2);color:#fff;box-shadow:0 4px 15px #8a2be24d}.action-btn.equip[data-v-0d620c23]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.action-btn.disassembly[data-v-0d620c23]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b4d}.action-btn.secondary[data-v-0d620c23]{background:#ffffff0d;color:#fff;border:1px solid rgba(74,74,106,.4)}.action-btn[data-v-0d620c23]:hover{transform:translateY(-2px)}@media (max-width: 900px){.panel-body[data-v-0d620c23]{grid-template-columns:1fr;overflow-y:auto}.equipment-grid[data-v-0d620c23]{grid-template-columns:repeat(4,1fr)}}@media (max-width: 600px){.inventory-panel[data-v-0d620c23]{border-radius:16px}.panel-header[data-v-0d620c23]{padding:16px}.panel-body[data-v-0d620c23]{padding:16px;gap:16px}.equipment-grid[data-v-0d620c23]{grid-template-columns:repeat(2,1fr)}.category-tabs[data-v-0d620c23]{overflow-x:auto;flex-wrap:nowrap}}.talent-overlay[data-v-83ab9d20]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn-83ab9d20 .3s ease-out}@keyframes fadeIn-83ab9d20{0%{opacity:0}to{opacity:1}}.talent-panel[data-v-83ab9d20]{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border-radius:24px;border:1px solid rgba(138,43,226,.3);width:100%;max-width:1200px;max-height:95vh;overflow:hidden;box-shadow:0 25px 50px -12px #0009,0 0 80px #8a2be233,inset 0 1px #ffffff0d;animation:slideUp-83ab9d20 .3s ease-out}@keyframes slideUp-83ab9d20{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.panel-header[data-v-83ab9d20]{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:linear-gradient(180deg,rgba(138,43,226,.15) 0%,transparent 100%);border-bottom:1px solid rgba(74,74,106,.5);gap:20px;flex-wrap:wrap}.header-left[data-v-83ab9d20]{display:flex;align-items:center;gap:14px}.panel-icon[data-v-83ab9d20]{width:44px;height:44px;background:linear-gradient(135deg,gold,#fa0);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 15px #ffd7004d}.header-text[data-v-83ab9d20]{display:flex;flex-direction:column;gap:3px}.panel-title[data-v-83ab9d20]{margin:0;color:#fff;font-size:22px;font-weight:700;letter-spacing:-.5px}.panel-subtitle[data-v-83ab9d20]{margin:0;color:#8a8aa6;font-size:13px}.controls-bar[data-v-83ab9d20]{display:flex;align-items:center;gap:20px;flex:1;justify-content:center}.zoom-controls[data-v-83ab9d20]{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:8px 12px;border-radius:12px;border:1px solid rgba(74,74,106,.3)}.zoom-btn[data-v-83ab9d20],.reset-btn[data-v-83ab9d20]{width:32px;height:32px;border:none;background:#ffffff14;border-radius:8px;color:#a8a8c6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.zoom-btn[data-v-83ab9d20]:hover,.reset-btn[data-v-83ab9d20]:hover{background:#8a2be24d;color:#fff}.zoom-level[data-v-83ab9d20]{color:gold;font-size:14px;font-weight:600;min-width:45px;text-align:center}.points-display[data-v-83ab9d20]{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#ffd7001f,#ffaa000d);padding:10px 18px;border-radius:12px;border:1px solid rgba(255,215,0,.2);position:relative}.points-breakdown[data-v-83ab9d20]{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#000000e6;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:10px;z-index:100;min-width:200px}.breakdown-item[data-v-83ab9d20]{display:flex;justify-content:space-between;font-size:12px;color:#a8a8c6;padding:4px 0}.breakdown-item span[data-v-83ab9d20]:last-child{color:gold;font-weight:600}.category-tabs[data-v-83ab9d20]{display:flex;gap:6px}.category-tab[data-v-83ab9d20]{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0d;border:1px solid rgba(74,74,106,.3);border-radius:10px;color:#a8a8c6;cursor:pointer;transition:all .2s ease;font-size:13px}.category-tab[data-v-83ab9d20]:hover{background:#ffffff1a;color:#fff}.category-tab.active[data-v-83ab9d20]{background:rgba(var(--cat-color),.2);border-color:var(--cat-color);color:var(--cat-color)}.cat-icon[data-v-83ab9d20]{font-size:16px}.cat-name[data-v-83ab9d20]{font-weight:600}.cat-count[data-v-83ab9d20]{background:#ffffff1a;padding:2px 6px;border-radius:6px;font-size:11px;font-weight:700}.category-tab.active .cat-count[data-v-83ab9d20]{background:var(--cat-color);color:#1a1a2e}.synergies-bar[data-v-83ab9d20]{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#8a2be21a,#8a2be20d);border:1px solid rgba(138,43,226,.3);border-radius:12px;margin-bottom:16px}.synergy-badge[data-v-83ab9d20]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#8a2be226;border:1px solid rgba(138,43,226,.3);border-radius:8px;font-size:12px}.synergy-icon[data-v-83ab9d20]{font-size:14px}.synergy-name[data-v-83ab9d20]{color:#fff;font-weight:600}.synergy-effect[data-v-83ab9d20]{color:#a844ff;font-size:11px}.points-icon[data-v-83ab9d20]{font-size:20px}.points-info[data-v-83ab9d20]{display:flex;flex-direction:column;gap:2px}.points-label[data-v-83ab9d20]{color:#a8a8c6;font-size:11px;font-weight:500}.points-value[data-v-83ab9d20]{color:gold;font-size:22px;font-weight:800;line-height:1}.close-btn[data-v-83ab9d20]{width:40px;height:40px;border:none;background:#ffffff0d;border-radius:10px;color:#8a8aa6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.close-btn[data-v-83ab9d20]:hover{background:#f443;color:#f44;transform:scale(1.05)}.panel-body[data-v-83ab9d20]{padding:20px;height:calc(95vh - 120px);overflow:hidden}.talent-container[data-v-83ab9d20]{background:linear-gradient(145deg,#0f0f1a,#1a1a2e);border-radius:20px;padding:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(74,74,106,.4);overflow:hidden;position:relative;height:100%}.talent-container[data-v-83ab9d20]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(138,43,226,.08) 0%,transparent 60%);pointer-events:none}.talent-svg[data-v-83ab9d20]{touch-action:none;position:relative;z-index:1}.interaction-hint[data-v-83ab9d20]{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#000000b3;padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:10px;animation:pulse-83ab9d20 2s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes pulse-83ab9d20{0%,to{opacity:.8}50%{opacity:1}}.hint-icon[data-v-83ab9d20]{font-size:20px}.interaction-hint p[data-v-83ab9d20]{margin:0;color:#a8a8c6;font-size:13px}.connections line[data-v-83ab9d20]{transition:all .3s ease}.node-group[data-v-83ab9d20]{cursor:pointer;transition:transform .2s ease}.node-group[data-v-83ab9d20]:hover{transform:scale(1.05)}.node-group.node-keystone circle[data-v-83ab9d20]:not(.node-locked){stroke-width:5;filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}.node-group.node-keystone:hover circle[data-v-83ab9d20]:not(.node-locked){filter:drop-shadow(0 0 12px rgba(255,215,0,.7)) brightness(1.2)}.node-group.node-selected circle[data-v-83ab9d20]:not(.node-locked){stroke-width:4;filter:brightness(1.3)}.node-group circle[data-v-83ab9d20]{transition:all .25s cubic-bezier(.4,0,.2,1)}.node-group:hover circle[data-v-83ab9d20]:not(.node-locked){filter:brightness(1.2)}.node-icon[data-v-83ab9d20]{font-size:22px;pointer-events:none;transition:transform .25s cubic-bezier(.4,0,.2,1)}.node-icon-locked[data-v-83ab9d20]{opacity:.3;font-size:18px}.node-name[data-v-83ab9d20]{fill:#fff;font-size:11px;font-weight:600;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.8)}.node-name-locked[data-v-83ab9d20]{fill:#6a6a8a}.points-text[data-v-83ab9d20]{fill:gold;font-size:11px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.detail-modal[data-v-83ab9d20]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.detail-content[data-v-83ab9d20]{background:linear-gradient(145deg,#1f1f3a,#1a1a2e);border-radius:20px;padding:28px;max-width:420px;width:100%;border:1px solid rgba(138,43,226,.3);box-shadow:0 25px 50px -12px #000000b3,0 0 60px #8a2be233;position:relative;animation:modalSlide-83ab9d20 .3s ease-out}@keyframes modalSlide-83ab9d20{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close-btn[data-v-83ab9d20]{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#ffffff0d;border-radius:8px;color:#8a8aa6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn[data-v-83ab9d20]:hover{background:#f443;color:#f44}.detail-header[data-v-83ab9d20]{display:flex;gap:16px;align-items:center;margin-bottom:20px}.detail-icon-box[data-v-83ab9d20]{width:68px;height:68px;background:linear-gradient(135deg,#2a2a4e,#1a1a3e);border-radius:16px;display:flex;align-items:center;justify-content:center;border:3px solid var(--node-stroke-color, #8a2be2);box-shadow:0 8px 24px #8a2be24d;flex-shrink:0}.detail-icon[data-v-83ab9d20]{font-size:36px}.detail-info[data-v-83ab9d20]{flex:1}.detail-category[data-v-83ab9d20]{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.category-tag[data-v-83ab9d20]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.keystone-badge[data-v-83ab9d20]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#ffd70033,#ffaa001a);border:1px solid rgba(255,215,0,.4);border-radius:6px;font-size:12px;font-weight:700;color:gold}.detail-name[data-v-83ab9d20]{margin:0 0 8px;color:#fff;font-size:20px;font-weight:700}.detail-points[data-v-83ab9d20]{display:flex;align-items:baseline;gap:4px}.points-current[data-v-83ab9d20]{color:gold;font-size:28px;font-weight:800;line-height:1}.points-divider[data-v-83ab9d20]{color:#6a6a8a;font-size:18px}.points-max[data-v-83ab9d20]{color:#8a8aa6;font-size:20px}.detail-description[data-v-83ab9d20]{margin:0 0 20px;color:#a8a8c6;font-size:14px;line-height:1.6}.detail-stats[data-v-83ab9d20]{background:#ffffff08;border-radius:12px;padding:16px;border:1px solid rgba(74,74,106,.3);margin-bottom:20px}.stat-row[data-v-83ab9d20]{display:flex;justify-content:space-between;align-items:center}.stat-row.next-level[data-v-83ab9d20]{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,215,0,.1)}.stat-label[data-v-83ab9d20]{color:#c8c8e6;font-size:13px}.stat-value[data-v-83ab9d20]{font-size:18px;font-weight:700}.stat-value.next[data-v-83ab9d20]{color:#a8a8c6}.requirements-section[data-v-83ab9d20]{padding:14px;background:#0003;border-radius:10px;margin-bottom:20px}.requirements-label[data-v-83ab9d20]{color:#8a8aa6;font-size:12px;display:block;margin-bottom:10px}.requirements-list[data-v-83ab9d20]{display:flex;flex-wrap:wrap;gap:8px}.requirement-item[data-v-83ab9d20]{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#ff64641f;border:1px solid rgba(255,100,100,.25);border-radius:8px;color:#f88;font-size:12px}.requirement-item.met[data-v-83ab9d20]{background:#64ff641f;border-color:#64ff6440;color:#8f8}.check-mark[data-v-83ab9d20]{font-weight:700}.synergy-info[data-v-83ab9d20]{margin-top:10px;padding-top:10px;border-top:1px solid rgba(138,43,226,.1)}.synergy-hint[data-v-83ab9d20]{font-size:11px;color:#8a8aa6}.action-buttons[data-v-83ab9d20]{display:flex;gap:12px}.invest-btn[data-v-83ab9d20],.reset-point-btn[data-v-83ab9d20]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}.invest-btn[data-v-83ab9d20]{background:linear-gradient(135deg,gold,#fa0);color:#1a1a2e;box-shadow:0 4px 15px #ffd7004d}.invest-btn[data-v-83ab9d20]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.invest-btn[data-v-83ab9d20]:active:not(:disabled){transform:translateY(0)}.invest-btn[data-v-83ab9d20]:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#4a4a4a,#3a3a3a);color:#8a8a8a;box-shadow:none}.reset-point-btn[data-v-83ab9d20]{background:#ff646426;color:#f88;border:1px solid rgba(255,100,100,.3)}.reset-point-btn[data-v-83ab9d20]:hover:not(:disabled){background:#ff646440}.reset-point-btn[data-v-83ab9d20]:disabled{opacity:.3;cursor:not-allowed}.btn-icon[data-v-83ab9d20]{font-size:18px;font-weight:900}.modal-enter-active[data-v-83ab9d20],.modal-leave-active[data-v-83ab9d20]{transition:all .3s ease}.modal-enter-from[data-v-83ab9d20],.modal-leave-to[data-v-83ab9d20]{opacity:0}.modal-enter-from .detail-content[data-v-83ab9d20],.modal-leave-to .detail-content[data-v-83ab9d20]{transform:scale(.95) translateY(20px)}@media (max-width: 768px){.panel-header[data-v-83ab9d20]{padding:16px;flex-direction:column;gap:16px}.controls-bar[data-v-83ab9d20]{width:100%;justify-content:space-between}.panel-body[data-v-83ab9d20]{padding:12px;height:calc(95vh - 180px)}.talent-container[data-v-83ab9d20]{padding:8px}.talent-svg[data-v-83ab9d20]{max-width:100%;height:auto}.detail-content[data-v-83ab9d20]{padding:20px;margin:10px}.interaction-hint[data-v-83ab9d20]{bottom:12px;padding:8px 14px}.interaction-hint p[data-v-83ab9d20]{font-size:11px}}.hexboard-overlay[data-v-ea3f0d24]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;overflow:hidden}.hexboard-panel[data-v-ea3f0d24]{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border-radius:24px;border:1px solid rgba(138,43,226,.3);width:100%;max-width:1200px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #0009,0 0 60px #8a2be226,inset 0 1px #ffffff0d;transform-origin:center center;display:flex;flex-direction:column}.panel-header[data-v-ea3f0d24]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(180deg,rgba(138,43,226,.1) 0%,transparent 100%);border-bottom:1px solid rgba(74,74,106,.5);flex-shrink:0}.header-left[data-v-ea3f0d24]{display:flex;align-items:center;gap:12px}.panel-icon[data-v-ea3f0d24]{width:40px;height:40px;background:linear-gradient(135deg,#8a2be2,#6a1bb2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.zoom-controls[data-v-ea3f0d24]{display:flex;align-items:center;gap:8px;background:#0000004d;padding:6px 12px;border-radius:20px}.zoom-btn[data-v-ea3f0d24]{width:28px;height:28px;border:none;background:#8a2be24d;color:#fff;border-radius:50%;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s}.zoom-btn[data-v-ea3f0d24]:hover{background:#8a2be280}.zoom-level[data-v-ea3f0d24]{color:#a8a8c6;font-size:13px;min-width:45px;text-align:center}.close-btn[data-v-ea3f0d24]{width:36px;height:36px;border:none;background:#ffffff0d;border-radius:10px;color:#8a8aa6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn[data-v-ea3f0d24]:hover{background:#f443;color:#f44}.panel-body[data-v-ea3f0d24]{display:grid;grid-template-columns:1fr 340px;gap:20px;padding:24px;flex:1;overflow:hidden}.hexboard-container[data-v-ea3f0d24]{background:linear-gradient(145deg,#0f0f1a,#1a1a2e);border-radius:20px;padding:20px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(74,74,106,.4);overflow:hidden;cursor:grab;position:relative}.hexboard-container[data-v-ea3f0d24]:active{cursor:grabbing}.hexboard-container[data-v-ea3f0d24]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(138,43,226,.08) 0%,transparent 60%);pointer-events:none}.hexboard-svg[data-v-ea3f0d24]{touch-action:none}.hex-group[data-v-ea3f0d24]{cursor:pointer}.hex-group polygon[data-v-ea3f0d24]{transition:all .25s cubic-bezier(.4,0,.2,1)}.hex-group .hex-hoverable:hover polygon[data-v-ea3f0d24]{transform:scale(1.05);filter:brightness(1.2)}.hex-text[data-v-ea3f0d24]{font-size:24px;transition:transform .25s;text-shadow:0 2px 8px rgba(0,0,0,.5);pointer-events:none}.hex-text-active[data-v-ea3f0d24]{filter:drop-shadow(0 0 10px rgba(138,43,226,.6))}.hex-edge-count[data-v-ea3f0d24]{font-size:10px;fill:gold}.skill-stone-hex[data-v-ea3f0d24]{animation:pulse-ea3f0d24 2s ease-in-out infinite}@keyframes pulse-ea3f0d24{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.skill-stone-icon[data-v-ea3f0d24]{font-size:32px;fill:#fff}.skill-stone-name[data-v-ea3f0d24]{font-size:10px;fill:#a8a8c6}.edge-hoverable[data-v-ea3f0d24]{cursor:pointer;transition:all .2s}.edge-hoverable[data-v-ea3f0d24]:hover{transform:scale(1.1);filter:brightness(1.3)}.edge-lit-text[data-v-ea3f0d24]{font-size:20px;fill:#fff;text-shadow:0 0 8px rgba(138,43,226,.6)}.edge-dim-text[data-v-ea3f0d24]{font-size:16px;fill:#4a4a6a}.aug-ring[data-v-ea3f0d24]{animation:augPulse-ea3f0d24 1.5s ease-in-out infinite}@keyframes augPulse-ea3f0d24{0%,to{opacity:.6}50%{opacity:1}}.selected-edge-ring[data-v-ea3f0d24]{animation:selectedPulse-ea3f0d24 1s ease-in-out infinite}@keyframes selectedPulse-ea3f0d24{0%,to{opacity:1}50%{opacity:.5}}.augmentation-slot[data-v-ea3f0d24]{cursor:pointer;transition:all .2s}.augmentation-slot[data-v-ea3f0d24]:hover{filter:brightness(1.3);stroke:#8a2be2}.slot-text[data-v-ea3f0d24]{font-size:14px}.info-section[data-v-ea3f0d24]{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.selected-info[data-v-ea3f0d24],.hint-section[data-v-ea3f0d24],.skill-detail[data-v-ea3f0d24],.edge-detail[data-v-ea3f0d24],.placed-skill-detail[data-v-ea3f0d24],.empty-slot-detail[data-v-ea3f0d24]{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border-radius:16px;padding:20px;border:1px solid rgba(74,74,106,.4)}.hint-section[data-v-ea3f0d24]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:200px}.hint-icon[data-v-ea3f0d24]{width:60px;height:60px;background:#8a2be21a;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px}.hint-title[data-v-ea3f0d24]{margin:0;color:#fff;font-size:16px;font-weight:600}.hint-desc[data-v-ea3f0d24]{margin:0;color:#8a8aa6;font-size:14px;line-height:1.5}.skill-header[data-v-ea3f0d24]{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.skill-icon-box[data-v-ea3f0d24]{width:64px;height:64px;background:linear-gradient(135deg,#4a2a6e,#2a1a4e);border-radius:16px;display:flex;align-items:center;justify-content:center;border:2px solid #8a2be2;box-shadow:0 8px 24px #8a2be24d;flex-shrink:0}.skill-icon-large[data-v-ea3f0d24]{font-size:32px}.skill-info[data-v-ea3f0d24]{flex:1;display:flex;flex-direction:column;gap:4px}.skill-name[data-v-ea3f0d24]{margin:0;color:#fff;font-size:18px;font-weight:700}.skill-level[data-v-ea3f0d24]{color:#8a8aa6;font-size:13px}.skill-rarity[data-v-ea3f0d24]{font-size:13px;font-weight:600}.skill-description[data-v-ea3f0d24]{margin:0 0 16px;color:#a8a8c6;font-size:14px;line-height:1.6}.skill-stats[data-v-ea3f0d24]{display:flex;gap:12px;margin-bottom:16px}.stat-item[data-v-ea3f0d24]{flex:1;background:#8a2be21a;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-icon[data-v-ea3f0d24]{font-size:18px}.stat-value[data-v-ea3f0d24]{color:#fff;font-size:16px;font-weight:600}.stat-label[data-v-ea3f0d24]{color:#8a8aa6;font-size:11px}.edge-info[data-v-ea3f0d24]{margin-bottom:16px}.edge-info h4[data-v-ea3f0d24]{margin:0 0 8px;color:#fff;font-size:14px}.edge-slots[data-v-ea3f0d24]{display:flex;gap:6px}.edge-indicator[data-v-ea3f0d24]{font-size:16px;color:#8a2be2}.edge-indicator.edge-lit[data-v-ea3f0d24]{color:gold;text-shadow:0 0 8px rgba(255,215,0,.5)}.edge-indicator.edge-dim[data-v-ea3f0d24]{color:#4a4a6a}.edge-detail-info[data-v-ea3f0d24]{margin-bottom:16px}.edge-detail-info p[data-v-ea3f0d24]{margin:0 0 8px;color:#a8a8c6;font-size:13px}.synergy-bonus[data-v-ea3f0d24]{display:flex;align-items:center;gap:6px;color:gold;font-size:13px;font-weight:600}.synergy-icon[data-v-ea3f0d24]{font-size:16px}.aug-detail[data-v-ea3f0d24]{display:flex;flex-direction:column;gap:12px}.aug-header[data-v-ea3f0d24]{display:flex;align-items:center;gap:10px}.aug-header .aug-icon[data-v-ea3f0d24]{font-size:24px}.aug-header h3[data-v-ea3f0d24]{margin:0;color:#fff;font-size:16px}.aug-stats[data-v-ea3f0d24]{background:#ffffff08;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.stat-row[data-v-ea3f0d24]{display:flex;justify-content:space-between}.stat-label[data-v-ea3f0d24]{color:#8a8aa6;font-size:13px}.stat-value[data-v-ea3f0d24]{color:#fff;font-size:13px}.aug-actions[data-v-ea3f0d24]{display:flex;gap:8px}.essence-info[data-v-ea3f0d24],.fragment-info[data-v-ea3f0d24]{display:flex;align-items:center;gap:6px;color:#8a8aa6;font-size:13px;margin-top:8px}.essence-icon[data-v-ea3f0d24],.fragment-icon[data-v-ea3f0d24]{font-size:16px}.empty-edge-detail[data-v-ea3f0d24]{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:20px}.empty-icon[data-v-ea3f0d24]{font-size:40px;color:#8a2be2}.empty-edge-detail h3[data-v-ea3f0d24]{margin:0;color:#fff;font-size:16px}.empty-edge-detail p[data-v-ea3f0d24]{margin:0;color:#8a8aa6;font-size:13px}.empty-slot-detail[data-v-ea3f0d24]{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:30px 20px}.empty-icon[data-v-ea3f0d24]{width:56px;height:56px;background:#8a2be214;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px}.empty-slot-detail h3[data-v-ea3f0d24]{margin:0;color:#fff;font-size:16px}.empty-slot-detail p[data-v-ea3f0d24]{margin:0 0 16px;color:#8a8aa6;font-size:13px}.action-group[data-v-ea3f0d24]{display:flex;gap:10px}.action-btn[data-v-ea3f0d24]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.primary[data-v-ea3f0d24]{background:linear-gradient(135deg,#8a2be2,#6a1bb2);color:#fff;box-shadow:0 4px 15px #8a2be24d}.action-btn.primary[data-v-ea3f0d24]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8a2be266}.action-btn.primary[data-v-ea3f0d24]:disabled{opacity:.4;cursor:not-allowed}.action-btn.secondary[data-v-ea3f0d24]{background:linear-gradient(135deg,#4a4a6e,#3a3a5e);color:#fff}.action-btn.secondary[data-v-ea3f0d24]:hover:not(:disabled){transform:translateY(-2px)}.action-btn.danger[data-v-ea3f0d24]{background:#ff444426;color:#ff6b6b;border:1px solid rgba(255,68,68,.3)}.action-btn.danger[data-v-ea3f0d24]:hover{background:#ff444440;transform:translateY(-2px)}.action-btn.full-width[data-v-ea3f0d24]{width:100%}.btn-icon[data-v-ea3f0d24]{font-size:16px}.materials-bar[data-v-ea3f0d24]{display:flex;gap:16px;padding:16px 24px;background:#0003;border-top:1px solid rgba(74,74,106,.3);flex-shrink:0}.material-item[data-v-ea3f0d24]{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ffffff08;border-radius:10px}.material-icon[data-v-ea3f0d24]{font-size:20px}.material-name[data-v-ea3f0d24]{color:#8a8aa6;font-size:12px}.material-count[data-v-ea3f0d24]{color:#fff;font-size:14px;font-weight:600;margin-left:auto}.menu-overlay[data-v-ea3f0d24]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px}.menu-panel[data-v-ea3f0d24]{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border-radius:20px;border:1px solid rgba(138,43,226,.3);width:100%;max-width:480px;max-height:75vh;overflow:hidden;box-shadow:0 25px 50px -12px #0009}.menu-header[data-v-ea3f0d24]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(180deg,rgba(138,43,226,.1) 0%,transparent 100%);border-bottom:1px solid rgba(74,74,106,.4)}.menu-title-section[data-v-ea3f0d24]{display:flex;align-items:center;gap:10px}.menu-icon[data-v-ea3f0d24]{font-size:22px}.menu-header h3[data-v-ea3f0d24]{margin:0;color:#fff;font-size:16px;font-weight:700}.menu-close-btn[data-v-ea3f0d24]{width:32px;height:32px;border:none;background:#ffffff0d;border-radius:8px;color:#8a8aa6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.menu-close-btn[data-v-ea3f0d24]:hover{background:#f443;color:#f44}.menu-content[data-v-ea3f0d24]{padding:16px;overflow-y:auto;max-height:calc(75vh - 70px);display:flex;flex-direction:column;gap:10px}.empty-state[data-v-ea3f0d24]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:10px}.empty-state-icon[data-v-ea3f0d24]{font-size:40px;opacity:.5}.empty-state p[data-v-ea3f0d24]{margin:0;color:#8a8aa6;font-size:14px}.empty-hint[data-v-ea3f0d24]{font-size:12px!important;color:#6a6a86!important}.item-card[data-v-ea3f0d24]{display:flex;align-items:center;gap:14px;padding:14px;background:linear-gradient(145deg,#24243e,#1a1a2e);border-radius:14px;cursor:pointer;transition:all .2s;border:1px solid rgba(74,74,106,.3)}.item-card[data-v-ea3f0d24]:hover{background:linear-gradient(145deg,#2a2a4e,#202038);border-color:#8a2be2;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.item-icon-box[data-v-ea3f0d24]{width:52px;height:52px;background:linear-gradient(135deg,#4a2a6e,#2a1a4e);border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid #8a2be2;flex-shrink:0}.item-icon-box.aug[data-v-ea3f0d24]{background:linear-gradient(135deg,#4a4a2e,#2a2a1e);border-color:gold}.item-emoji[data-v-ea3f0d24]{font-size:26px}.item-details[data-v-ea3f0d24]{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.item-name[data-v-ea3f0d24]{color:#fff;font-size:15px;font-weight:600}.item-stats[data-v-ea3f0d24]{display:flex;gap:12px;color:#8a8aa6;font-size:12px}.item-arrow[data-v-ea3f0d24]{color:#8a2be2;font-size:18px;font-weight:700;opacity:0;transform:translate(-10px);transition:all .2s}.item-card:hover .item-arrow[data-v-ea3f0d24]{opacity:1;transform:translate(0)}@media (max-width: 1100px){.panel-body[data-v-ea3f0d24]{grid-template-columns:1fr;overflow-y:auto}.hexboard-container[data-v-ea3f0d24]{padding:12px}.hexboard-svg[data-v-ea3f0d24]{max-width:100%;height:auto}}@media (max-width: 600px){.hexboard-panel[data-v-ea3f0d24]{border-radius:16px}.panel-header[data-v-ea3f0d24]{padding:16px}.panel-body[data-v-ea3f0d24]{padding:16px;gap:12px}.hexboard-container[data-v-ea3f0d24]{padding:8px}.materials-bar[data-v-ea3f0d24]{flex-wrap:wrap}.material-item[data-v-ea3f0d24]{flex:1 1 45%}}.panel-overlay[data-v-01f8cad6]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn-01f8cad6 .2s ease-out}@keyframes fadeIn-01f8cad6{0%{opacity:0}to{opacity:1}}.panel[data-v-01f8cad6]{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border-radius:24px;border:1px solid rgba(138,43,226,.3);width:100%;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #0009,0 0 60px #8a2be226;animation:slideUp-01f8cad6 .3s ease-out;display:flex;flex-direction:column}@keyframes slideUp-01f8cad6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.panel-header[data-v-01f8cad6]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(180deg,rgba(138,43,226,.1) 0%,transparent 100%);border-bottom:1px solid rgba(74,74,106,.5)}.header-left[data-v-01f8cad6]{display:flex;align-items:center;gap:12px}.panel-icon[data-v-01f8cad6]{width:40px;height:40px;background:linear-gradient(135deg,#8a2be2,#6a1bb2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 15px #8a2be266}.header-text[data-v-01f8cad6]{display:flex;flex-direction:column;gap:2px}.panel-title[data-v-01f8cad6]{margin:0;color:#fff;font-size:20px;font-weight:700}.panel-subtitle[data-v-01f8cad6]{margin:0;color:#8a8aa6;font-size:13px}.close-btn[data-v-01f8cad6]{width:36px;height:36px;border:none;background:#ffffff0d;border-radius:10px;color:#8a8aa6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn[data-v-01f8cad6]:hover{background:#f443;color:#f44}.panel-content[data-v-01f8cad6]{padding:24px;overflow-y:auto;flex:1}.resources-section[data-v-01f8cad6]{margin-bottom:24px}.section-title[data-v-01f8cad6]{margin:0 0 16px;color:#fff;font-size:16px;font-weight:600}.resource-grid[data-v-01f8cad6]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.resource-card[data-v-01f8cad6]{background:linear-gradient(145deg,#2a2a4e,#1a1a2e);border-radius:12px;padding:16px;border:1px solid rgba(74,74,106,.4);display:flex;flex-direction:column;gap:8px}.resource-icon[data-v-01f8cad6]{font-size:28px}.resource-info[data-v-01f8cad6]{display:flex;justify-content:space-between;align-items:center}.resource-name[data-v-01f8cad6]{color:#fff;font-size:14px;font-weight:500}.resource-count[data-v-01f8cad6]{color:gold;font-size:16px;font-weight:700}.resource-desc[data-v-01f8cad6]{color:#8a8aa6;font-size:11px}.tabs-section[data-v-01f8cad6]{margin-bottom:24px}.craft-tabs[data-v-01f8cad6]{display:flex;gap:8px;background:#0003;padding:8px;border-radius:12px}.craft-tab[data-v-01f8cad6]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid transparent;border-radius:8px;color:#8a8aa6;font-size:14px;cursor:pointer;transition:all .2s ease}.craft-tab[data-v-01f8cad6]:hover{background:#8a2be21a;color:#fff}.craft-tab.active[data-v-01f8cad6]{background:linear-gradient(135deg,#8a2be24d,#6a1bb233);border-color:#8a2be2;color:#fff}.tab-icon[data-v-01f8cad6]{font-size:18px}.craft-content[data-v-01f8cad6]{min-height:400px}.tab-panel[data-v-01f8cad6]{animation:fadeIn-01f8cad6 .2s ease-out}.craft-section[data-v-01f8cad6]{margin-bottom:24px}.subsection-title[data-v-01f8cad6]{margin:0 0 12px;color:#fff;font-size:14px;font-weight:600}.equipment-list[data-v-01f8cad6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.equipment-card[data-v-01f8cad6]{background:linear-gradient(145deg,#2a2a4e,#1a1a2e);border:2px solid rgba(74,74,106,.4);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease}.equipment-card[data-v-01f8cad6]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.equipment-card.selected[data-v-01f8cad6]{border-width:3px;box-shadow:0 0 20px #8a2be24d}.item-icon[data-v-01f8cad6]{font-size:32px}.item-info[data-v-01f8cad6]{display:flex;flex-direction:column;gap:4px;flex:1}.item-name[data-v-01f8cad6]{font-size:13px;font-weight:600}.item-level[data-v-01f8cad6]{color:#8a8aa6;font-size:11px}.empty-message[data-v-01f8cad6]{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#8a8aa6;font-size:14px}.craft-options[data-v-01f8cad6]{display:flex;flex-direction:column;gap:12px}.craft-option[data-v-01f8cad6]{background:linear-gradient(145deg,#2a2a4e,#1a1a2e);border:1px solid rgba(74,74,106,.4);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.craft-option.disabled[data-v-01f8cad6]{opacity:.5}.craft-option[data-v-01f8cad6]:not(.disabled):hover{border-color:#8a2be299}.option-info[data-v-01f8cad6]{display:flex;align-items:center;gap:12px}.option-icon[data-v-01f8cad6]{font-size:28px}.option-details[data-v-01f8cad6]{display:flex;flex-direction:column;gap:4px}.option-name[data-v-01f8cad6]{color:#fff;font-size:14px;font-weight:600}.option-desc[data-v-01f8cad6]{color:#8a8aa6;font-size:12px}.craft-action[data-v-01f8cad6]{padding:10px 20px;background:linear-gradient(135deg,#8a2be2,#6a1bb2);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.craft-action[data-v-01f8cad6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #8a2be266}.craft-action[data-v-01f8cad6]:disabled{opacity:.5;cursor:not-allowed}.craft-info[data-v-01f8cad6]{background:#0003;padding:16px;border-radius:12px}.craft-info p[data-v-01f8cad6]{margin:0 0 8px;color:#a8a8c6;font-size:13px;line-height:1.6}.craft-info p[data-v-01f8cad6]:last-child{margin-bottom:0}.result-panel[data-v-01f8cad6]{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981e6,#059669e6);border-radius:12px;padding:16px 24px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #10b98166;animation:slideIn-01f8cad6 .3s ease-out}@keyframes slideIn-01f8cad6{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.result-icon[data-v-01f8cad6]{font-size:32px}.result-info[data-v-01f8cad6]{display:flex;flex-direction:column;gap:2px}.result-name[data-v-01f8cad6]{font-size:14px;font-weight:700}.result-text[data-v-01f8cad6]{color:#fff;font-size:12px}@media (max-width: 768px){.resource-grid[data-v-01f8cad6]{grid-template-columns:1fr}.craft-tabs[data-v-01f8cad6]{flex-direction:column}.equipment-list[data-v-01f8cad6]{grid-template-columns:1fr}}.panel-overlay[data-v-886e829f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.panel[data-v-886e829f]{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;border:2px solid #4a4a6a;width:90%;max-width:500px;max-height:80vh;overflow:hidden}.panel-header[data-v-886e829f]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0000004d;border-bottom:1px solid #4a4a6a}.panel-header h2[data-v-886e829f]{margin:0;color:#fff;font-size:20px}.close-btn[data-v-886e829f]{background:#f44;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.panel-content[data-v-886e829f]{padding:20px;overflow-y:auto;max-height:calc(80vh - 70px)}.setting-group[data-v-886e829f]{margin-bottom:24px}.setting-group h3[data-v-886e829f]{color:#fff;margin-top:0;margin-bottom:16px}.setting-item[data-v-886e829f]{display:flex;align-items:center;margin-bottom:12px;gap:12px}.setting-item label[data-v-886e829f]{color:#aaa;flex:1}.setting-item input[type=checkbox][data-v-886e829f]{width:20px;height:20px;cursor:pointer}.setting-item input[type=range][data-v-886e829f]{flex:1;max-width:200px}.setting-item select[data-v-886e829f]{background:#2a2a4e;border:1px solid #4a4a6a;color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer}.value-display[data-v-886e829f]{color:gold;width:40px;text-align:right}.button-group[data-v-886e829f]{display:flex;flex-direction:column;gap:10px}.action-btn[data-v-886e829f]{background:linear-gradient(135deg,#2a2a4e,#1a1a2e);border:2px solid #4a4a6a;border-radius:8px;padding:12px 16px;color:#fff;cursor:pointer;transition:all .2s;text-align:left}.action-btn[data-v-886e829f]:hover{border-color:#8a2be2;transform:translateY(-2px)}.action-btn.danger[data-v-886e829f]{border-color:#f44}.action-btn.danger[data-v-886e829f]:hover{border-color:#f66;background:linear-gradient(135deg,#4a1a1a,#2a0a0a)}.info-panel[data-v-886e829f]{background:#0000004d;border-radius:8px;padding:16px;color:#fff}.info-panel h3[data-v-886e829f]{color:gold;margin-top:0;margin-bottom:12px}.info-panel p[data-v-886e829f]{margin:8px 0;color:#aaa;font-size:14px}.game-page[data-v-21ba7999]{min-height:100vh;height:100vh;height:100dvh;background:linear-gradient(180deg,#0a0a12,#12121f,#0a0a12);padding:12px;padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:max(12px,env(safe-area-inset-bottom,0px));padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.top-bar[data-v-21ba7999]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#1a1a2ef2,#12121ef2);border-radius:16px;margin-bottom:12px;border:1px solid rgba(138,43,226,.2);box-shadow:0 4px 20px #0000004d;gap:12px}.player-section[data-v-21ba7999]{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.avatar-container[data-v-21ba7999]{position:relative;flex-shrink:0}.avatar[data-v-21ba7999]{width:48px;height:48px;background:linear-gradient(135deg,#8a2be2,#6a1bb2);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 4px 15px #8a2be266;border:2px solid rgba(255,255,255,.1)}.level-badge[data-v-21ba7999]{position:absolute;bottom:-4px;right:-4px;width:22px;height:22px;background:linear-gradient(135deg,gold,#fa0);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #12121f;box-shadow:0 2px 8px #ffd70066}.level-text[data-v-21ba7999]{color:#12121f;font-size:11px;font-weight:800;line-height:1}.player-info[data-v-21ba7999]{display:flex;flex-direction:column;gap:4px;min-width:0}.name-row[data-v-21ba7999]{display:flex;align-items:center;gap:8px;min-width:0}.name[data-v-21ba7999]{color:#fff;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-tag[data-v-21ba7999]{background:#8a2be233;color:#c8a8ff;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid rgba(138,43,226,.3);flex-shrink:0}.resource-row[data-v-21ba7999]{display:flex;gap:10px}.resource-item[data-v-21ba7999]{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff0d;border-radius:8px}.resource-icon[data-v-21ba7999]{font-size:14px}.resource-value[data-v-21ba7999]{color:#fff;font-size:13px;font-weight:600}.top-actions[data-v-21ba7999]{display:flex;gap:8px;flex-shrink:0}.icon-btn[data-v-21ba7999]{width:40px;height:40px;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.settings-btn[data-v-21ba7999]{background:#ffffff14;color:#8a8aa6}.settings-btn[data-v-21ba7999]:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.back-btn[data-v-21ba7999]{background:linear-gradient(135deg,#f44,#c22);color:#fff;box-shadow:0 4px 12px #ff44444d}.back-btn[data-v-21ba7999]:hover{transform:scale(1.05);box-shadow:0 6px 16px #f446}.game-layout[data-v-21ba7999]{display:flex;gap:12px;flex:1;min-height:0;overflow:hidden}.main-game[data-v-21ba7999]{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;gap:12px}.status-bars[data-v-21ba7999]{display:flex;gap:12px;flex-shrink:0}.bar-container[data-v-21ba7999]{flex:1;background:#1a1a2ecc;border-radius:12px;padding:10px 12px;border:1px solid rgba(74,74,106,.3)}.bar-header[data-v-21ba7999]{display:flex;align-items:center;gap:6px;margin-bottom:6px}.bar-icon[data-v-21ba7999]{font-size:14px}.bar-label[data-v-21ba7999]{color:#a8a8c6;font-size:12px;font-weight:500}.bar-value[data-v-21ba7999]{margin-left:auto;color:#fff;font-size:12px;font-weight:600}.bar-track[data-v-21ba7999]{height:8px;background:#0006;border-radius:4px;overflow:hidden}.health-bar .bar-fill[data-v-21ba7999]{height:100%;background:linear-gradient(90deg,#f44,#ff6b6b);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #f446}.mana-bar .bar-fill[data-v-21ba7999]{height:100%;background:linear-gradient(90deg,#44f,#6b6bff);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #44f6}.canvas-wrapper[data-v-21ba7999]{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.game-controls[data-v-21ba7999]{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.control-group[data-v-21ba7999]{display:flex;flex-direction:column;gap:8px}.control-label[data-v-21ba7999]{color:#8a8aa6;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.location-selector[data-v-21ba7999],.difficulty-selector[data-v-21ba7999]{display:flex;gap:8px;flex-wrap:wrap}.location-btn[data-v-21ba7999],.difficulty-btn[data-v-21ba7999]{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;background:#1a1a2ecc;border:1px solid rgba(74,74,106,.3);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.location-btn[data-v-21ba7999]:disabled{opacity:.5;cursor:not-allowed}.location-btn[data-v-21ba7999]:disabled:hover{transform:none;background:#1a1a2ecc;border-color:#4a4a6a4d}.level-lock[data-v-21ba7999]{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#f44,#c22);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:8px;border:2px solid #1a1a2e}.location-btn[data-v-21ba7999]:hover,.difficulty-btn[data-v-21ba7999]:hover{background:#2a2a4ecc;border-color:#8a2be266;transform:translateY(-2px)}.location-btn.active[data-v-21ba7999],.difficulty-btn.active[data-v-21ba7999]{background:#8a2be233;border-color:#8a2be2;box-shadow:0 0 20px #8a2be233}.loc-icon[data-v-21ba7999],.diff-icon[data-v-21ba7999]{font-size:20px}.loc-name[data-v-21ba7999],.diff-name[data-v-21ba7999]{color:#fff;font-size:12px;font-weight:600}.difficulty-btn.easy.active[data-v-21ba7999]{background:#4caf5033;border-color:#4caf50;box-shadow:0 0 20px #4caf5033}.difficulty-btn.hard.active[data-v-21ba7999]{background:#ff980033;border-color:#ff9800;box-shadow:0 0 20px #ff980033}.difficulty-btn.nightmare.active[data-v-21ba7999]{background:#f4433633;border-color:#f44336;box-shadow:0 0 20px #f4433633}.game-canvas-container[data-v-21ba7999]{flex:1;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);border-radius:16px;padding:8px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;border:1px solid rgba(74,74,106,.4);box-shadow:inset 0 0 40px #0000004d}.canvas-overlay[data-v-21ba7999]{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10}.location-info[data-v-21ba7999]{display:flex;align-items:center;gap:6px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.location-icon[data-v-21ba7999]{font-size:18px}.location-name[data-v-21ba7999]{color:#fff;font-size:13px;font-weight:600}.difficulty-badge[data-v-21ba7999]{display:flex;align-items:center;gap:6px;background:#8a2be24d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:10px;border:1px solid rgba(138,43,226,.4)}.difficulty-badge.easy[data-v-21ba7999]{background:#4caf504d;border-color:#4caf5080}.difficulty-badge.hard[data-v-21ba7999]{background:#ff98004d;border-color:#ff980080}.difficulty-badge.nightmare[data-v-21ba7999]{background:#f443364d;border-color:#f4433680}.diff-text[data-v-21ba7999]{color:#fff;font-size:13px;font-weight:600}.exp-bar-container[data-v-21ba7999]{flex-shrink:0;background:#1a1a2ecc;border-radius:12px;padding:10px 12px;border:1px solid rgba(74,74,106,.3)}.exp-bar-header[data-v-21ba7999]{display:flex;align-items:center;gap:6px;margin-bottom:6px}.exp-icon[data-v-21ba7999]{font-size:14px}.exp-label[data-v-21ba7999]{color:#a8a8c6;font-size:12px;font-weight:500}.exp-value[data-v-21ba7999]{margin-left:auto;color:gold;font-size:12px;font-weight:600}.exp-bar-track[data-v-21ba7999]{height:6px;background:#0006;border-radius:3px;overflow:hidden}.exp-bar-fill[data-v-21ba7999]{height:100%;background:linear-gradient(90deg,gold,#fa0);border-radius:3px;transition:width .3s ease;box-shadow:0 0 10px #ffd70066}.side-panel[data-v-21ba7999]{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden}.panel-section[data-v-21ba7999]{background:linear-gradient(135deg,#1a1a2ee6,#12121ee6);border-radius:16px;padding:16px;border:1px solid rgba(74,74,106,.3)}.section-title[data-v-21ba7999]{margin:0 0 12px;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}.section-title[data-v-21ba7999]:before{content:"";width:4px;height:16px;background:linear-gradient(180deg,#8a2be2,#6a1bb2);border-radius:2px}.action-grid[data-v-21ba7999],.battle-grid[data-v-21ba7999]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.action-card[data-v-21ba7999],.battle-card[data-v-21ba7999]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;background:linear-gradient(135deg,#2a2a4e99,#1a1a2e99);border:1px solid rgba(74,74,106,.3);border-radius:12px;cursor:pointer;transition:all .2s ease}.action-card[data-v-21ba7999]:hover,.battle-card[data-v-21ba7999]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.inventory-icon[data-v-21ba7999]{background:linear-gradient(135deg,#4caf50,#388e3c)}.talent-icon[data-v-21ba7999]{background:linear-gradient(135deg,gold,#fa0)}.hex-icon[data-v-21ba7999]{background:linear-gradient(135deg,#8a2be2,#6a1bb2)}.craft-icon[data-v-21ba7999]{background:linear-gradient(135deg,#ff9800,#f57c00)}.card-icon[data-v-21ba7999],.battle-icon[data-v-21ba7999]{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 12px #0000004d;transition:transform .2s ease}.spawn-card .battle-icon[data-v-21ba7999]{background:linear-gradient(135deg,#f44336,#d32f2f)}.item-card .battle-icon[data-v-21ba7999]{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.action-card:hover .card-icon[data-v-21ba7999],.battle-card:hover .battle-icon[data-v-21ba7999]{transform:scale(1.1)}.card-label[data-v-21ba7999],.battle-label[data-v-21ba7999]{color:#fff;font-size:12px;font-weight:600;text-align:center}.stats-grid[data-v-21ba7999]{display:flex;flex-direction:column;gap:10px}.stat-card[data-v-21ba7999]{display:flex;align-items:center;gap:12px;padding:12px;background:#2a2a4e66;border-radius:12px;border:1px solid rgba(74,74,106,.2)}.stat-icon[data-v-21ba7999]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.kill-icon[data-v-21ba7999]{background:linear-gradient(135deg,#f443364d,#f443361a)}.time-icon[data-v-21ba7999]{background:linear-gradient(135deg,#2196f34d,#2196f31a)}.level-icon[data-v-21ba7999]{background:linear-gradient(135deg,#ffd7004d,#ffd7001a)}.stat-info[data-v-21ba7999]{display:flex;flex-direction:column;gap:2px}.stat-value[data-v-21ba7999]{color:#fff;font-size:18px;font-weight:800}.stat-label[data-v-21ba7999]{color:#8a8aa6;font-size:11px;font-weight:500}@media (orientation: portrait){.game-page[data-v-21ba7999]{padding:10px;padding-top:max(10px,env(safe-area-inset-top,0px))}.game-layout[data-v-21ba7999]{flex-direction:column!important;gap:10px}.main-game[data-v-21ba7999]{flex:1;min-width:100%;min-height:200px}.canvas-wrapper[data-v-21ba7999]{min-height:180px;padding:6px}.side-panel[data-v-21ba7999]{width:100%!important;flex-shrink:0;flex-direction:row;flex-wrap:wrap;overflow-y:visible}.panel-section[data-v-21ba7999]{flex:1;min-width:calc(50% - 6px)}.quick-actions[data-v-21ba7999]{min-width:100%}.top-bar[data-v-21ba7999]{padding:10px 12px}.status-bars[data-v-21ba7999]{gap:8px}}@media (max-width: 768px) and (orientation: portrait){.action-grid[data-v-21ba7999]{grid-template-columns:repeat(4,1fr)}.battle-grid[data-v-21ba7999]{grid-template-columns:repeat(2,1fr)}.panel-section[data-v-21ba7999]{min-width:100%}.location-selector[data-v-21ba7999],.difficulty-selector[data-v-21ba7999]{flex-wrap:nowrap}.location-btn[data-v-21ba7999],.difficulty-btn[data-v-21ba7999]{min-width:70px;padding:8px}.loc-icon[data-v-21ba7999],.diff-icon[data-v-21ba7999]{font-size:16px}.loc-name[data-v-21ba7999],.diff-name[data-v-21ba7999]{font-size:10px}}@media (orientation: landscape){.game-layout[data-v-21ba7999]{flex-direction:row!important}.side-panel[data-v-21ba7999]{width:220px!important}}@media (orientation: landscape) and (max-height: 500px){.top-bar[data-v-21ba7999]{padding:8px 12px;margin-bottom:8px}.main-game[data-v-21ba7999]{gap:8px}.status-bars[data-v-21ba7999]{gap:8px;margin-bottom:0}.side-panel[data-v-21ba7999]{width:200px!important;gap:8px}}