.skill-tree-container{position:relative;overflow:auto}.skill-icon{transition:all .2s ease-in-out;cursor:pointer}.skill-icon:hover{filter:brightness(1.1)}.skill-section{margin-bottom:2rem}.skill-section-title{font-weight:700;margin-bottom:1rem;color:#374151}.passive-skills{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-top:1rem}.enhancement-mods{display:flex;gap:.5rem;margin-left:1rem}.radial-skill-tree{position:relative;background:radial-gradient(circle,rgba(30,41,59,.05) 0,rgba(15,23,42,.1) 100%);border-radius:.5rem}.radial-node{position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1)}.key-passive-glow{filter:drop-shadow(0 0 4px #ffd700)}.skill-tooltip{width:420px;min-height:220px}.tooltip-portal{position:fixed;z-index:60}.tooltip-portal[data-transform-type=center-y]{transform:translateY(-50%)}.tooltip-portal[data-transform-type=center-x]{transform:translate(-50%)}.tooltip-portal[data-pointer-events=auto]{pointer-events:auto}.tooltip-portal[data-pointer-events=none]{pointer-events:none}.radial-node:hover{z-index:10;transform:scale(1.2)}.skill-connection{stroke:#6b7280;stroke-width:2;opacity:.6}.skill-connection:hover{stroke:#3b82f6;opacity:1}.compact-tree{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:.5rem;padding:1rem}.compact-section{border-left:4px solid #e5e7eb;padding-left:1rem;margin-bottom:2rem}.compact-section:hover{border-left-color:#3b82f6}.skill-row{display:flex;align-items:center;margin-bottom:.5rem;padding:.25rem;border-radius:.25rem;transition:background-color .2s}.skill-row:hover{background-color:rgba(59,130,246,.1)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-icon{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width:768px){.passive-skills{grid-template-columns:repeat(3,1fr)}.enhancement-mods{flex-direction:column;gap:.25rem}.compact-section{padding-left:.5rem}}