.skill-tree-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040a;color:#d8d8e8;display:flex;flex-direction:column;font-family:JetBrains Mono,Courier New,monospace;z-index:10}.skill-tree-topbar{display:flex;align-items:center;gap:16px;min-height:54px;padding:10px 18px;background:#040710fa;border-bottom:1px solid rgba(120,180,255,.28);z-index:2}.skill-tree-topbar-btn{padding:6px 14px;font-size:13px;letter-spacing:2px;border-radius:3px}.skill-tree-topbar-btn:disabled{opacity:.5;cursor:not-allowed}.skill-tree-title,.skill-tree-operator-name{font-size:20px;font-weight:700;letter-spacing:.1em;margin:0;flex:0 0 auto;text-shadow:0 0 8px currentColor}.skill-tree-topbar-spacer{flex:1 1 auto}.skill-tree-level{display:flex;align-items:center;gap:10px;flex:1 1 auto}.skill-tree-level-label{font-size:14px;color:#9cf;font-weight:600}.skill-tree-xp-bar{width:100%;height:10px;background:#3c3c5099;border:1px solid rgba(120,180,255,.3);border-radius:5px;overflow:hidden}.skill-tree-xp-fill{height:100%;background:linear-gradient(90deg,#5a8cff,#9cf);transition:width .3s}.skill-tree-points{font-size:14px;font-weight:700;padding:6px 12px;background:#ffd70026;border:1px solid rgba(255,215,0,.5);color:var(--color-gold);border-radius:3px;text-shadow:0 0 6px rgba(255,215,0,.6)}.skill-tree-points[data-skill-tree-points="0"]{background:#5050504d;border-color:#78787866;color:#888;text-shadow:none}.skill-tree-zoom-controls{position:absolute;top:12px;right:12px;z-index:4;display:flex;align-items:center;gap:6px;background:#0a0e1cd9;padding:4px 8px;border:1px solid rgba(120,180,255,.3);border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skill-tree-zoom-controls button{width:28px;height:28px;background:#28283ccc;border:1px solid rgba(120,180,255,.4);color:#d8d8e8;cursor:pointer;font-size:16px;font-family:inherit;border-radius:3px}.skill-tree-zoom-controls button:disabled{opacity:.35;cursor:not-allowed}.skill-tree-zoom-controls span{font-size:12px;width:42px;text-align:center;color:#aaa}.skill-tree-stage-chip{position:absolute;z-index:4;display:flex;align-items:baseline;gap:8px;padding:6px 9px;background:#050a16d1;border:1px solid rgba(125,185,255,.34);border-radius:4px;box-shadow:0 0 14px #0000007a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skill-tree-stage-chip span{font-size:10px;color:#91a8c6;letter-spacing:.12em;text-transform:uppercase}.skill-tree-stage-chip strong{font-size:14px;color:#f5f9ff}.skill-tree-stage-chip--allocated{top:12px;left:12px}.skill-tree-stage-chip--available{left:50%;bottom:12px;transform:translate(-50%)}.skill-tree-canvas-wrap{flex:1;position:relative;overflow:hidden;z-index:2;display:flex;align-items:stretch;min-height:0;background:#02040a}.skill-tree-stage{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;background:#02040a}.skill-tree-canvas--play .skill-tree-stage{flex:0 0 auto;height:100%;aspect-ratio:1 / 1}.skill-tree-side-rail{flex:1 1 0;min-width:280px;display:flex;flex-direction:column;gap:14px;padding:16px;background:linear-gradient(180deg,#040812f7,#02040afc);border-left:1px solid rgba(125,185,255,.28);box-shadow:-18px 0 36px #0000006b;z-index:3}.skill-tree-svg{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;touch-action:none;position:relative;z-index:1}.skill-tree-background-art{opacity:1;-webkit-user-select:none;user-select:none;pointer-events:none}.skill-tree-edge{stroke:var(--skill-tree-edge-color, rgba(145, 185, 230, .9));stroke-width:2.1;stroke-opacity:.46;fill:none}.skill-tree-edge-reachable{stroke:var(--skill-tree-edge-color, rgba(120, 210, 255, .95));stroke-width:2.7;stroke-opacity:.74;stroke-dasharray:4 4}.skill-tree-edge-allocated{stroke:var(--skill-tree-edge-color, rgba(180, 230, 255, 1));stroke-width:4;stroke-opacity:1;filter:drop-shadow(0 0 4px var(--skill-tree-edge-color, rgba(180, 220, 255, .9))) drop-shadow(0 0 12px var(--skill-tree-edge-color, rgba(180, 220, 255, .62)))}.skill-tree-edge-selected-path{stroke:var(--skill-tree-edge-color, #f8fbff);stroke-width:4.8;stroke-opacity:1;filter:drop-shadow(0 0 5px rgba(255,255,255,.92)) drop-shadow(0 0 12px var(--skill-tree-edge-color, rgba(0, 224, 255, .72))) drop-shadow(0 0 20px var(--skill-tree-edge-color, rgba(255, 190, 54, .42)))}.skill-tree-edge-browse{stroke:var(--skill-tree-edge-color, rgba(180, 220, 255, .92));stroke-width:2.4;stroke-opacity:.82}.skill-tree-node{cursor:pointer;transition:filter .15s}.skill-tree-node:hover circle{filter:drop-shadow(0 0 12px rgba(180,220,255,.95)) brightness(1.15)}.skill-tree-node-focused circle{filter:drop-shadow(0 0 12px rgba(var(--color-cyan-rgb, 0, 220, 255),.9))!important}.skill-tree-node-reticle{color:var(--skill-tree-reticle-color, #99ccff);pointer-events:none;filter:drop-shadow(0 0 7px currentColor) drop-shadow(0 0 16px rgba(255,255,255,.52))}.skill-tree-node-reticle-ring,.skill-tree-node-reticle-pulse{fill:none;stroke:currentColor}.skill-tree-node-reticle-ring{stroke-width:2.5;stroke-opacity:.95}.skill-tree-node-reticle-pulse{stroke-width:1.4;stroke-opacity:.48;animation:reticle-pulse .95s ease-in-out infinite}.skill-tree-node-reticle-brackets{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:.98}@media(prefers-reduced-motion:reduce){.skill-tree-node-reticle-pulse{animation:none!important}}.skill-tree-node-locked circle{opacity:.8;filter:drop-shadow(0 0 2px rgba(0,0,0,.85))}.skill-tree-node-allocatable circle{opacity:.86;filter:drop-shadow(0 0 6px rgba(180,220,255,.8)) brightness(1.15)}.skill-tree-node-allocated circle{opacity:1;filter:drop-shadow(0 0 11px rgba(255,255,255,.95)) drop-shadow(0 0 18px var(--skill-tree-node-color, currentColor)) brightness(1.24)}.skill-tree-node-keystone circle{filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.skill-tree-node-keystone.skill-tree-node-allocated circle{filter:drop-shadow(0 0 14px rgba(255,215,0,.9))}.skill-tree-node-browse circle{filter:drop-shadow(0 0 7px rgba(180,220,255,.62))}.skill-tree-node-keystone.skill-tree-node-browse circle{filter:drop-shadow(0 0 10px rgba(255,215,0,.55))}.skill-tree-detail-panel{background:#070c1bf5;border:1px solid rgba(126,190,255,.42);border-radius:6px;padding:14px;box-shadow:0 0 24px #000000b3;z-index:3}.skill-tree-detail-panel--overlay{position:absolute;bottom:24px;right:24px;width:320px;max-width:calc(100% - 48px)}.skill-tree-detail-panel--rail{min-height:0}.skill-tree-detail-close{position:absolute;top:6px;right:8px;width:24px;height:24px;background:transparent;border:none;color:#99a4b8;font-size:18px;cursor:pointer;line-height:1;padding:0}.skill-tree-detail-close:hover{color:#fff}.skill-tree-detail-tier{font-size:11px;letter-spacing:.2em;color:#9cf;margin-bottom:2px}.skill-tree-detail-branch{font-size:11px;color:#6b7a96;letter-spacing:.1em;margin-bottom:6px}.skill-tree-detail-name{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px;text-shadow:0 0 6px rgba(180,220,255,.5)}.skill-tree-detail-text{font-size:13px;color:#c8c8d8;margin-bottom:12px;line-height:1.4}.skill-tree-detail-status{font-size:12px;padding:6px 10px;border-radius:3px;text-align:center;letter-spacing:.1em}.skill-tree-detail-status.allocated{background:#78dc7826;border:1px solid rgba(120,220,120,.5);color:#afa}.skill-tree-detail-status.locked{background:#5050504d;color:#888}.skill-tree-allocate-btn{width:100%;padding:8px 12px;font-size:13px;letter-spacing:.1em;border-radius:3px}.skill-tree-allocate-btn:disabled{opacity:.5;cursor:not-allowed}.skill-tree-unallocate-btn{box-shadow:0 0 14px #ffd70057}.skill-tree-stat-summary{flex:1 1 auto;min-height:0;padding:12px;background:#070c1be6;border:1px solid rgba(126,190,255,.32);border-radius:6px;display:flex;flex-direction:column}.skill-tree-stat-summary-title{font-size:11px;color:#9cf;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}.skill-tree-stat-summary-list{min-height:0;overflow:auto;padding-right:4px}.skill-tree-stat-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:baseline;padding:7px 0;border-top:1px solid rgba(126,190,255,.14)}.skill-tree-stat-row:first-child{border-top:none;padding-top:0}.skill-tree-stat-row span{min-width:0;color:#c8d8f2;font-size:12px}.skill-tree-stat-row strong{color:#9ffcff;font-size:13px}.skill-tree-stat-row em{grid-column:1 / -1;color:#7f91ad;font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.1em}.skill-tree-stat-row[data-negative=true] strong{color:#ffd35a}.skill-tree-stat-empty{color:#7f91ad;font-size:12px;padding:8px 0}.skill-tree-rail-status{margin-top:auto;display:grid;grid-template-columns:1fr;gap:10px}.skill-tree-rail-stat{min-height:72px;padding:12px;background:#08101eeb;border:1px solid rgba(120,180,255,.28);border-radius:6px}.skill-tree-rail-stat--wide{grid-column:1 / -1}.skill-tree-rail-stat span{display:block;font-size:11px;color:#91a8c6;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.skill-tree-rail-stat strong{display:block;font-size:22px;color:#f5f9ff;letter-spacing:.02em;margin-bottom:10px}.skill-tree-operator-select{--skill-tree-picker-color: #5a8cff;overflow:hidden}.skill-tree-picker-bg{filter:saturate(1.06) contrast(1.04);opacity:.78;background-size:cover;background-position:center}.skill-tree-operator-select:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#02020a6b,#02020a1a 34%,#02020ac7),radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--skill-tree-picker-color) 24%,transparent),transparent 42%),radial-gradient(ellipse at 50% 115%,rgba(0,0,0,.82),transparent 56%)}.skill-tree-picker-spotlight{position:relative;z-index:2;width:min(560px,calc(100vw - 48px));margin:clamp(20px,5vh,54px) auto 0;text-align:center;color:#d8e8ff;text-shadow:0 2px 6px rgba(0,0,0,.78),0 0 10px rgba(0,0,0,.9)}.skill-tree-picker-kicker{color:#dcf2ffd1;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.skill-tree-picker-hero-name{margin-top:6px;color:var(--skill-tree-picker-color);font-size:clamp(26px,4vw,44px);line-height:1;font-weight:900;letter-spacing:.08em;text-shadow:0 0 10px color-mix(in srgb,var(--skill-tree-picker-color) 72%,transparent),0 3px 10px rgba(0,0,0,.9)}.skill-tree-picker-hero-role{margin-top:6px;color:#ebf6ffd1;font-size:13px;letter-spacing:.16em}.skill-tree-picker-hero-flavor{margin:12px auto 0;max-width:430px;color:#eef4ffc7;font-size:13px;line-height:1.45}.skill-tree-picker-hero-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:14px;color:#f0f7ff;font-size:12px;font-weight:800;letter-spacing:.08em}.skill-tree-picker-hero-stats span{padding:5px 10px;border:1px solid color-mix(in srgb,var(--skill-tree-picker-color) 52%,rgba(160,210,255,.28));border-radius:4px;background:#04081294;box-shadow:inset 0 0 10px #ffffff0a}.skill-tree-picker .skill-tree-picker-grid{position:absolute;left:50%;bottom:clamp(64px,9vh,84px);transform:translate(-50%);display:flex;justify-content:center;align-items:flex-end;gap:clamp(26px,3vw,40px);width:min(980px,calc(100vw - 42px));margin:0;z-index:2;perspective:1200px}.skill-tree-picker-card{--skill-tree-picker-color: #5a8cff;--skill-tree-card-w: clamp(190px, 16vw, 228px);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:6px;padding:0;cursor:pointer;color:inherit;font-family:inherit;transition:all .2s;display:flex;flex-direction:column;align-items:center;min-width:0;flex:0 0 auto;transform-origin:50% 100%}.skill-tree-picker-card:hover{transform:translateY(-10px) scale(1.02);filter:drop-shadow(0 8px 18px rgba(0,0,0,.6)) drop-shadow(0 0 14px color-mix(in srgb,var(--skill-tree-picker-color) 42%,transparent))}.skill-tree-picker-card:nth-child(1){transform:translateY(26px) rotate(-10deg)}.skill-tree-picker-card:nth-child(2){transform:translateY(8px) rotate(-4deg)}.skill-tree-picker-card:nth-child(3){transform:translateY(8px) rotate(4deg)}.skill-tree-picker-card:nth-child(4){transform:translateY(26px) rotate(10deg)}.skill-tree-picker-card:nth-child(1):hover,.skill-tree-picker-card:nth-child(1):has(.selection-reticle){transform:translateY(8px) rotate(-7deg) scale(1.04)}.skill-tree-picker-card:nth-child(2):hover,.skill-tree-picker-card:nth-child(2):has(.selection-reticle){transform:translateY(-8px) rotate(-2deg) scale(1.04)}.skill-tree-picker-card:nth-child(3):hover,.skill-tree-picker-card:nth-child(3):has(.selection-reticle){transform:translateY(-8px) rotate(2deg) scale(1.04)}.skill-tree-picker-card:nth-child(4):hover,.skill-tree-picker-card:nth-child(4):has(.selection-reticle){transform:translateY(8px) rotate(7deg) scale(1.04)}.skill-tree-picker-card:has(.selection-reticle){z-index:3}.skill-tree-picker-operator-card{--cd-display-w: var(--skill-tree-card-w);pointer-events:none}.skill-tree-picker-operator-card>.cd-card{--cd-frame-display-w: var(--skill-tree-card-w)}.skill-tree-picker-card-focus{display:block;position:relative;width:var(--skill-tree-card-w);height:calc(var(--skill-tree-card-w) * var(--cd-canonical-height) / var(--cd-canonical-width));border-radius:6px}.skill-tree-picker-select-btn{position:absolute;right:34px;bottom:26px;z-index:4;min-width:220px;justify-content:center;padding:10px 16px;font-size:13px;letter-spacing:.08em;border-radius:4px;box-shadow:0 0 24px #00dcff47,0 12px 32px #00000080}.skill-tree-picker-back-btn{position:absolute;left:34px;bottom:26px;z-index:4;min-width:150px;justify-content:center;padding:10px 16px;font-size:13px;letter-spacing:.08em;border-radius:4px;box-shadow:0 12px 32px #00000080}@media(max-width:760px){.skill-tree-picker .skill-tree-picker-grid{bottom:68px;gap:clamp(8px,2vw,14px);width:calc(100vw - 20px)}.skill-tree-picker-spotlight{margin-top:14px;width:calc(100vw - 28px)}.skill-tree-picker-hero-name{font-size:24px}.skill-tree-picker-hero-flavor{display:none}.skill-tree-picker-hero-stats{margin-top:8px}.skill-tree-picker-operator-card{--cd-display-w: var(--skill-tree-card-w)}.skill-tree-picker-card{--skill-tree-card-w: clamp(88px, calc((100vw - 72px)/4) , 170px)}.skill-tree-picker-card:nth-child(n){transform:none}.skill-tree-picker-card:nth-child(n):hover,.skill-tree-picker-card:nth-child(n):has(.selection-reticle){transform:translateY(-7px) scale(1.04)}.skill-tree-picker-select-btn{right:12px;bottom:12px;min-width:180px;max-width:calc(100vw - 24px);font-size:11px}.skill-tree-picker-back-btn{left:12px;bottom:12px;min-width:104px;max-width:calc(50vw - 18px);font-size:11px}}@media(max-width:600px),(pointer:coarse){.skill-tree-canvas--play{flex-direction:column}.skill-tree-canvas--play .skill-tree-stage{min-height:55%}.skill-tree-side-rail{flex:0 0 auto;max-height:45%;overflow:auto;border-left:none;border-top:1px solid rgba(125,185,255,.28)}.skill-tree-detail-panel--overlay{left:12px;right:12px;bottom:12px;width:auto;max-width:none}.skill-tree-zoom-controls{top:8px;right:8px;padding:2px 6px}.skill-tree-zoom-controls span{width:36px;font-size:11px}}.skill-tree-canvas--browse{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#02040a;font-family:JetBrains Mono,Courier New,monospace;color:#d8d8e8}.skill-tree-canvas--browse .skill-tree-stage{position:absolute;top:0;right:0;bottom:0;left:0}