/* The GPU scene draws physical surfaces, beams and atmosphere; DOM supplies labels and controls. */
#pf-scene{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;background:#0a1525}
.stage{position:relative;z-index:1;background:transparent!important}
.pf-scene-ready #tree-svg,.pf-scene-ready .core,.pf-scene-ready #tree-inner:before{visibility:hidden!important}
.pf-scene-ready .skill-node,.pf-scene-ready .skill-node.locked,.pf-scene-ready .skill-node.available,.pf-scene-ready .skill-node.unlocked,.pf-scene-ready .skill-node.maxed,.pf-scene-ready .skill-node.selected,.pf-scene-ready .skill-node[data-pf-passive=true],.pf-scene-ready .skill-node.special,.pf-scene-ready .skill-node.ultimate{width:22px!important;height:22px!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;animation:none!important;filter:none!important;opacity:1!important}
.pf-scene-ready .skill-node:before,.pf-scene-ready .skill-node:after{display:none!important}
.skill-node .pf-node-label{top:calc(100% - 1px)!important;font-family:'Exo 2',sans-serif!important;font-size:10px!important;font-weight:400!important;color:rgb(var(--pf-color))!important;opacity:.9!important;text-shadow:0 1px 2px #03060d,0 0 3px #03060d}
.skill-node[data-pf-learned=true] .pf-node-label{top:calc(100% + 14px)!important}
.pf-node-rank{top:17px!important;left:50%;font:italic 700 24px/1 Georgia,serif!important;transform:translateX(-50%) rotate(8deg)!important;-webkit-text-stroke:2px #08080c;paint-order:stroke fill;text-shadow:1px 2px 0 #000}
.skill-node[data-pf-passive=true] .pf-node-label{display:none!important}
.spoke-label{font:500 13px 'Exo 2',sans-serif!important;text-shadow:0 1px 2px #000!important;color:#c9dfec!important}
.pf-scene-ready .panel,.pf-scene-ready .essence-panel,.pf-scene-ready .ctr-stat-box{background:#030b166b!important;border-color:#adbed21c!important;box-shadow:none!important}
.pf-scene-ready #tree-viewport{background:transparent!important;overflow:clip!important}
.pf-stat-aura.active{animation:pf-stat-plume 1.8s ease-in-out infinite alternate!important}
@keyframes pf-stat-plume{0%{transform:translateY(2px) scale(.92,1);filter:blur(2px)}100%{transform:translateY(-5px) scale(1.12,1.2);filter:blur(4px)}}
@media(min-width:769px){
 .hud-tl{left:5px!important;top:47px!important;width:248px!important;max-height:48vh!important}
 .level-block{margin-bottom:12px!important}.level-block>.row{display:none!important}.level-num,.level-num>span:first-child{font:700 19px/1 'Exo 2',sans-serif!important;letter-spacing:0!important}
 #bp-panel{padding:0!important;border:0!important;background:transparent!important}.bp-row-top{margin-bottom:4px!important;justify-content:flex-start!important;gap:8px}
 #bp-panel .panel-title{font-size:11px!important;flex:0 0 auto!important;letter-spacing:0!important}.bp-counter,.bp-counter b{font-size:11px!important}#bp-panel .panel-sub{display:none!important}#bp-panel .bp-bar{height:3px!important;margin:3px 0!important;opacity:.45}
 #bp-panel .stat-row{gap:4px!important;padding:1px 0!important}#bp-panel .stat-row .name{font-size:10px!important;letter-spacing:0!important;font-weight:400!important}#bp-panel .stat-row .val{font-size:10px!important;width:28px!important}#bp-panel .stat-row .swatch{height:13px!important;width:5px!important}#bp-panel .btn-tiny{width:16px!important;height:14px!important;font-size:10px!important}
 .hud-bl{left:16px!important;bottom:24px!important;width:250px!important;max-height:39vh!important;overflow:visible!important}.hud-bl>.panel{background:transparent!important;padding:0!important;border:0!important}.hud-bl .panel-title{font-size:10px!important}.hud-bl .panel-sub{display:none!important}.diamond-wrap{width:64%!important;max-width:160px!important;margin:35px auto 34px!important}.attr-stat .name{font:600 11px 'Exo 2',sans-serif!important;letter-spacing:0!important}.attr-stat .val{font-size:10px!important;line-height:14px!important;width:24px!important}.attr-stat .btn-tiny{width:15px!important;height:14px!important;font-size:10px!important}
 .ctr-stats-row{margin-top:4px!important;gap:6px!important}.ctr-stat-box{padding:3px 8px!important;min-width:140px!important;border:1px solid #6e9dbb44!important}.ctr-stat-lbl,.ctr-stat-val{font:600 11px 'Exo 2',sans-serif!important}.ctr-stat-bar{display:none!important}
 #skill-search-wrap{top:80px!important}#skill-search-box{max-width:300px!important;border-radius:0!important;background:#03091377!important}#skill-search-input{font-size:10px!important;padding:6px!important}
 .hud-tr{top:25px!important;width:235px!important;right:8px!important}.hud-tr .essence-panel{padding:7px!important;background:#06101b55!important;border:0!important}.essence-title{font-size:10px!important}.essence-counter{font-size:11px!important}.essence-add-btn{padding:5px!important;font-size:9px!important}.race-badge{padding:3px 7px!important;font-size:8px!important}.tr-shrine-btn{padding:5px!important;font-size:9px!important;min-height:25px!important}.tr-shrine-icon{font-size:12px!important}.tr-shrine-count{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){.pf-stat-aura.active{animation:none!important}}

/* Reference details: quieter labels, faction-colored chart, and compact game counters. */
.tree-title .heading{font-family:'Exo 2',sans-serif!important;font-size:24px!important;font-weight:800!important;letter-spacing:.04em!important;text-shadow:0 2px 1px #000!important}
.skill-node .pf-node-label{font-size:9px!important;color:color-mix(in srgb,rgb(var(--pf-color)) 62%,#a3a6b6 38%)!important;opacity:.95!important}
.attr-stat .name{text-transform:none!important}
.diamond-wrap[data-race=Hollow] #attr-poly{fill:#f18a8e!important;stroke:#ffb0b3!important}.diamond-wrap[data-race=Shinigami] #attr-poly{fill:#86d6aa!important;stroke:#b2ecc9!important}.diamond-wrap[data-race=Quincy] #attr-poly{fill:#88d4fb!important;stroke:#b2e5ff!important}
.stat-row .name.dim{color:#b9c4d2!important}.stat-row{position:relative}.stat-row:after{content:'';position:absolute;left:73px;top:3px;height:8px;width:var(--pf-bp-width,0px);max-width:120px;border-radius:2px;background:linear-gradient(0deg,color-mix(in srgb,var(--pf-bp-color,#258ce0) 70%,#000),var(--pf-bp-color,#258ce0));box-shadow:0 0 3px var(--pf-bp-color);pointer-events:none}
.pf-fragments-inline{position:absolute!important;right:77px!important;top:1px!important;border:0!important;background:transparent!important;padding:2px!important;min-width:0!important;white-space:nowrap;box-shadow:none!important}.pf-fragments-inline .ctr-stat-inner{gap:5px!important}.pf-fragments-inline .ctr-stat-lbl,.pf-fragments-inline .ctr-stat-val{font-size:9px!important;color:#bed2e0!important;letter-spacing:0!important}.pf-fragments-inline .ctr-stat-bar{display:none!important}
@media(max-width:768px){.pf-fragments-inline{position:relative!important;top:auto!important;right:auto!important;margin-bottom:4px}.stat-row:after{display:none}}