.talent-node[data-v-274b225e]{background:#2a3441;border:2px solid #4a5a6a;border-radius:4px;padding:12px;cursor:pointer;transition:all .3s ease;position:relative;min-height:105px;display:grid;grid-template-columns:105px 1fr;gap:12px;align-items:start;overflow:hidden}.talent-node[data-v-274b225e]:hover:before{opacity:1}.talent-node[data-v-274b225e]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4a90e233;border-color:#4a90e2}.talent-node.selected[data-v-274b225e]{border-color:#b08e58;color:#fff;box-shadow:0 0 0 2px #4a90e233,0 0 20px #4a90e266}.talent-node.selected .talent-name[data-v-274b225e],.talent-node.selected .talent-description[data-v-274b225e],.talent-node.selected .talent-cost[data-v-274b225e]{color:#fff}.talent-node.available[data-v-274b225e]{background:#1f2937;cursor:pointer;box-shadow:0 0 10px #4a90e24d}.talent-node.available .talent-name[data-v-274b225e],.talent-node.available .talent-description[data-v-274b225e]{color:#fff}.talent-node.unaffordable[data-v-274b225e]{background:linear-gradient(135deg,#3a3a3a,#3a3a3a33);border-color:#5a5a5a;opacity:.6}.talent-header[data-v-274b225e]{margin-bottom:6px}.talent-name[data-v-274b225e]{font-size:.75rem;font-weight:600;color:#4a90e2;line-height:1.2}.talent-content[data-v-274b225e]{display:flex;flex-direction:column;flex:1;min-height:0}.talent-image[data-v-274b225e]{width:105px;height:105px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:3px;overflow:hidden;border:1px solid rgba(74,144,226,.3);flex-shrink:0}.talent-cost-overlay[data-v-274b225e]{position:absolute;top:6px;right:6px;z-index:2}.talent-cost-overlay .talent-cost[data-v-274b225e]{background:#000c;padding:2px 6px;border-radius:3px;font-size:.75rem;font-weight:600;color:#4a90e2;white-space:nowrap;border:1px solid rgba(74,144,226,.3);box-shadow:0 2px 4px #0000004d}.talent-image img[data-v-274b225e]{width:100%;height:100%;object-fit:cover;border-radius:2px}.talent-description[data-v-274b225e]{color:#a0a0a0;font-size:.656rem;line-height:1.4;flex:1;margin-bottom:9px}.talent-status[data-v-274b225e]{position:absolute;top:6px;right:50px}.status-indicator[data-v-274b225e]{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}.selected-indicator[data-v-274b225e]{background:#b08e58;color:#1a2332;box-shadow:0 0 10px #4a90e280}.expensive-indicator[data-v-274b225e]{background:#666;color:#fff}@media (max-width: 768px){.talent-node[data-v-274b225e]{min-height:90px;padding:9px}.talent-name[data-v-274b225e]{font-size:.675rem}.talent-description[data-v-274b225e]{font-size:.6rem}}.talent-tree[data-v-2cb5aa79]{background:#0f1921;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;padding:24px;box-shadow:0 8px 32px #0009,inset 0 1px #d4af374d;margin-bottom:24px;border:2px solid #b08e58;position:relative}.talent-tree[data-v-2cb5aa79]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:6px;z-index:-1}.tree-header[data-v-2cb5aa79]{display:flex;align-items:center;gap:16px;margin-bottom:24px;gap:12px;padding:12px 18px;border-bottom:2px solid rgba(74,144,226,.3)}.tree-icon[data-v-2cb5aa79]{width:48px;height:48px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;box-shadow:0 4px 12px #0000004d;background:#4a90e2!important}.tree-name[data-v-2cb5aa79]{font-size:.975rem;font-weight:700;color:#b08e58;flex:1;text-transform:uppercase;letter-spacing:1px}.tree-progress[data-v-2cb5aa79]{background:#0006;border-radius:4px;padding:4.5px 9px;font-size:.675rem;color:#4a90e2;border:1px solid rgba(74,144,226,.3)}.talent-grid[data-v-2cb5aa79]{display:grid;grid-template-columns:1fr;gap:12px;padding:12px}.talent-tier[data-v-2cb5aa79]{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:8px;padding:8px;background:#0003;border-radius:4px;border:1px solid rgba(74,144,226,.2)}.tier-label[data-v-2cb5aa79]{display:flex;align-items:center;justify-content:center;font-weight:600;color:#b08e58;font-size:1.5rem;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#2a3441,#1a2332);border-radius:4px;width:50px;height:50px;border:2px solid #b08e58;box-shadow:0 4px 8px #0006;position:relative}.tier-label[data-v-2cb5aa79]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#4a90e2,#357abd,#4a90e2);border-radius:6px;z-index:-1}.tier-talents[data-v-2cb5aa79]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:1}@media (max-width: 768px){.talent-tier[data-v-2cb5aa79]{grid-template-columns:1fr;gap:8px}.tree-header[data-v-2cb5aa79]{flex-direction:column;text-align:center;font-size:1.125rem;margin-bottom:3px}.tier-talents[data-v-2cb5aa79]{grid-template-columns:1fr;font-size:.5625rem;gap:9px}.tier-label[data-v-2cb5aa79]{width:100%;height:40px;font-size:1.2rem}.tree-icon[data-v-2cb5aa79]{width:48px;height:48px;border-radius:6px;height:15px;top:-15px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#1a2332,#2a3441,#3a4a5a);min-height:100vh;color:#4a90e2}.container{max-width:1400px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;padding:24px;margin-bottom:24px;text-align:center;position:relative}.header:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:6px;z-index:-1}.header h1{font-size:2.25rem;font-weight:700;color:#e2e8f0;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:2px;margin-bottom:6px}.header p{color:#cbd5e1;font-size:.825rem;margin-bottom:12px;max-width:600px;margin-left:auto;margin-right:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.navigation{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:16px}.nav-item{padding:8px 16px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;cursor:pointer;border:2px solid transparent;background:transparent;color:#a0a0a0}.nav-item.active{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border-color:#4a90e2;box-shadow:0 4px 12px #4a90e266}.nav-item.disabled{opacity:.6;cursor:not-allowed;font-style:italic;color:#94a3b8}.nav-item:not(.disabled):not(.active):hover{background:#4a90e21a;border-color:#4a90e24d;color:#4a90e2}.talent-points{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:4px;font-weight:600;border:4px solid #b08e58}.character-summary{background:linear-gradient(135deg,#1a2332f2,#2a3441f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;padding:15px;margin-bottom:18px;box-shadow:0 8px 32px #0009;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border:1px solid #4a90e2}.hero-card{background:linear-gradient(135deg,#2a3441,#1a2332);border:2px solid #4a5a6a;border-radius:4px;padding:0;cursor:pointer;transition:all .3s ease;text-align:center;overflow:hidden;width:80px;height:80px;flex-shrink:0;position:relative}.hero-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(212,175,55,.1) 50%,transparent 70%);opacity:0;transition:opacity .3s ease}.hero-card:hover:before{opacity:1}.hero-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4a90e24d;border-color:#4a90e2}.hero-card.active{background:linear-gradient(135deg,#4a90e2,#357abd);border-color:#4a90e2;color:#1a2332;box-shadow:0 0 0 2px #4a90e299,0 0 20px #4a90e266}.summary-label{display:block;font-size:4rem;color:#a0a0a0;margin-bottom:3px;font-weight:500;text-transform:uppercase}.summary-value{display:block;font-size:.9375rem;font-weight:700;color:#4a90e2}.btn{padding:12px 24px;border:2px solid #4a90e2;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;font-size:.75rem;min-width:120px;text-transform:uppercase;letter-spacing:1px}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4a90e24d}.btn-primary{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border-color:#4a90e2}.btn-secondary{background:linear-gradient(135deg,#2a3441,#1a2332);color:#4a90e2;border-color:#4a90e2}.btn-accent{background:linear-gradient(135deg,#4a90e2,#357abd);color:#1a2332;border-color:#4a90e2}.header p{color:#9ca3af;font-size:.825rem;margin-bottom:12px}.talent-points{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#a13823,#ac6747);color:#fff;padding:9px 18px;border-radius:6px;font-weight:600;box-shadow:0 4px 12px #a1382366}.points-label{font-size:.675rem}.points-value{font-size:.9rem;font-weight:700}.character-summary{background:#47332ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:15px;margin-bottom:18px;box-shadow:0 8px 32px #0006;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border:1px solid rgba(172,103,71,.3)}.hero-selection{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:18px;margin-bottom:18px;box-shadow:0 8px 32px #0006}.hero-selection h2{text-align:center;font-size:1.125rem;font-weight:700;color:#e2e8f0;margin-bottom:15px}.role-section{flex:1;margin:0 12px}.role-section:last-child{margin-right:0}.role-section:first-child{margin-left:0}.roles-container{display:flex;gap:24px;align-items:flex-start}.role-title{font-size:1rem;font-weight:600;color:#4a90e2;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;text-align:center}.hero-grid{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.hero-card{background:linear-gradient(135deg,#47332e,#6f4736);border:2px solid #6f4736;border-radius:4px;padding:0;cursor:pointer;transition:all .3s ease;text-align:center;overflow:hidden;width:80px;height:80px;flex-shrink:0}.hero-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.hero-card.active{background:linear-gradient(135deg,#6798b8,#ac6747);border-color:#6798b8;color:#fff;box-shadow:0 0 0 2px #6798b866}.hero-card.active h3,.hero-card.active p{color:#fff}.hero-icon{width:100%;height:100%;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:3rem}.hero-icon img{width:100%;height:100%;object-fit:cover}.talent-summary{text-align:center}.summary-label{display:block;font-size:1rem;color:#9ca3af;margin-bottom:3px;font-weight:500}.summary-value{display:block;font-size:.9375rem;font-weight:700;color:#e2e8f0}.talent-trees{flex:1;display:flex;flex-direction:column;gap:18px;margin-bottom:18px}.action-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{padding:9px 18px;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;font-size:.675rem;min-width:90px}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.btn-primary{background:linear-gradient(135deg,#6798b8,#ac6747);color:#fff}.btn-secondary{background:linear-gradient(135deg,#6f4736,#47332e);color:#fff}.btn-accent{background:linear-gradient(135deg,#a13823,#6f4736);color:#fff}.talent-description{color:#a0a0a0;font-size:.656rem;line-height:1.4;flex:1;margin-bottom:9px}.talent-description .text-fs-absorb{color:#4a90e2}.talent-description .text-fs-mana{color:#8b5cf6}.talent-description .font-bold{font-weight:700}.talent-description .whitespace-pre-wrap{white-space:pre-wrap}@media (max-width: 768px){.container{padding:12px}.header h1{font-size:1.875rem}.navigation{flex-direction:column;gap:8px}.nav-item{width:100%;text-align:center}.character-summary{grid-template-columns:1fr;gap:9px}.hero-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn{width:100%}}@media (max-width: 480px){.header h1{font-size:1.5rem}.talent-points{flex-direction:column;gap:3px}}