/* Like.io member skill tree v4 — isolated to the member live-game panel. */
.live-game-skill-reference{--tree-bg:#020a16;--tree-line:rgba(89,141,202,.26);overflow:visible}
.member-dashboard.skill-tree-is-active{grid-template-columns:232px minmax(0,1fr);gap:20px}
.member-dashboard.skill-tree-is-active .member-sidebar{position:sticky;top:82px}
.skill-tree-progress-card{display:none}
.member-dashboard.skill-tree-is-active .skill-tree-progress-card{background:linear-gradient(155deg,rgba(8,26,48,.98),rgba(4,14,29,.98));border:1px solid rgba(70,145,220,.28);border-radius:12px;box-shadow:0 20px 55px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.03);display:grid;margin-top:9px;overflow:hidden;padding:18px 14px 0;place-items:center}
.skill-tree-progress-card>small{color:#5fc5ff;font-size:.61rem;font-weight:950;letter-spacing:.12em}.skill-tree-progress-ring{background:conic-gradient(#50a8ff 0 var(--tree-progress),#16263d var(--tree-progress) 360deg);border-radius:50%;display:grid;height:116px;margin:18px 0 10px;place-items:center;position:relative;width:116px}.skill-tree-progress-ring:after{background:radial-gradient(circle at 50% 35%,#0a2139,#061426 72%);border:1px solid rgba(83,171,255,.24);border-radius:inherit;box-shadow:inset 0 0 25px rgba(44,142,255,.08);content:"";inset:9px;position:absolute}.skill-tree-progress-ring strong{color:#cfedff;font-size:1.65rem;position:relative;text-shadow:0 0 22px rgba(80,168,255,.48);z-index:1}.skill-tree-progress-card>b{color:#b2bdd0;font-size:.54rem;letter-spacing:.12em;margin-bottom:18px}.skill-tree-progress-card dl{align-self:stretch;background:linear-gradient(135deg,rgba(19,47,84,.58),rgba(9,25,48,.8));margin:0 -14px;padding:12px 14px 16px}.skill-tree-progress-card dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:9px 0}.skill-tree-progress-card dl>div+div{border-top:1px solid rgba(91,133,184,.17)}.skill-tree-progress-card dt{color:#8999b5;font-size:.55rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.skill-tree-progress-card dd{color:#6bcaff;font-size:1.25rem;font-weight:950;grid-row:1/span 2;margin:0}.skill-tree-progress-card .is-token dd{color:#ffc94d}.skill-tree-progress-card dl span{color:#687995;font-size:.58rem;margin-top:3px}
.live-game-skill-reference .live-game-skill-hero{background:linear-gradient(90deg,rgba(4,14,31,.99) 0%,rgba(4,14,31,.87) 53%,rgba(4,14,31,.13) 100%),url("/public/assets/live-pass-arena-hero-20260724.png?v=20260724") center 42%/cover no-repeat;border:1px solid rgba(73,137,220,.32);border-radius:15px;box-shadow:inset 0 0 52px rgba(5,19,42,.6);min-height:132px;padding:22px 24px}.live-game-skill-reference .live-game-skill-hero:before{background:linear-gradient(90deg,rgba(39,145,255,.04),transparent);mask-image:none}.live-game-skill-reference .live-game-skill-hero-copy{max-width:590px}.live-game-skill-reference .live-game-skill-hero-copy .eyebrow{color:#63caff;font-size:.72rem;letter-spacing:.15em}.live-game-skill-reference .live-game-skill-hero-copy h3{font-size:clamp(1.15rem,2vw,1.5rem);letter-spacing:.07em;margin:5px 0 8px;text-transform:uppercase}.live-game-skill-reference .live-game-skill-hero-copy>p:last-child{color:#a1aec3;font-size:.82rem;line-height:1.65;max-width:610px}.live-game-skill-reference .live-game-skill-core,.live-game-skill-reference .live-game-skill-summary{display:none}.live-game-skill-reference .creator-support-skill-banner{border-radius:10px;margin:11px 0}.live-game-skill-reference .live-game-skill-toolbar{background:rgba(5,17,34,.82);border-color:rgba(83,135,196,.25);border-radius:11px;margin:12px 0;min-height:54px;padding:11px 14px}.live-game-skill-reference .live-game-skill-toolbar strong{color:#dcecff;font-size:.77rem}.live-game-skill-reference .live-game-skill-toolbar span{color:#8191aa;font-size:.66rem}.live-game-skill-reference .live-game-skill-toolbar .danger{border-color:rgba(181,77,139,.48);font-size:.65rem;min-height:34px;padding:8px 13px}
.skill-tree-branch-navigation{background:linear-gradient(180deg,rgba(5,15,31,.98),rgba(3,11,24,.98));border:1px solid rgba(75,130,194,.28);border-radius:15px 15px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden}.skill-tree-branch-tab{align-items:center;background:transparent;border:0;color:var(--branch-color);display:grid;gap:8px;grid-template-columns:34px minmax(0,1fr) auto;min-height:70px;padding:10px 15px;position:relative;text-align:left}.skill-tree-branch-tab+.skill-tree-branch-tab{border-left:1px solid rgba(82,126,175,.2)}.skill-tree-branch-tab:after{background:var(--branch-color);bottom:0;box-shadow:0 0 14px var(--branch-color);content:"";height:2px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:.2s;width:0}.skill-tree-branch-tab:hover,.skill-tree-branch-tab[aria-selected=true]{background:linear-gradient(180deg,color-mix(in srgb,var(--branch-color) 10%,transparent),transparent)}.skill-tree-branch-tab[aria-selected=true]:after{opacity:1;width:58%}.skill-tree-branch-tab>i{filter:drop-shadow(0 0 8px var(--branch-color));font-size:1.35rem;font-style:normal;text-align:center}.skill-tree-branch-tab span{min-width:0}.skill-tree-branch-tab strong,.skill-tree-branch-tab small{display:block}.skill-tree-branch-tab strong{color:color-mix(in srgb,var(--branch-color) 70%,#fff);font-size:.69rem;letter-spacing:.04em;text-transform:uppercase}.skill-tree-branch-tab small{color:#71829d;font-size:.54rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-tree-branch-tab b{font-size:.62rem}
.live-game-skill-tree.skill-tree-reference-map{background:radial-gradient(circle at 50% 48%,rgba(30,102,230,.18),transparent 21%),radial-gradient(circle at 15% 20%,rgba(255,86,69,.08),transparent 31%),radial-gradient(circle at 85% 23%,rgba(80,168,255,.09),transparent 31%),radial-gradient(circle at 18% 78%,rgba(87,227,154,.07),transparent 30%),radial-gradient(circle at 82% 78%,rgba(255,201,77,.07),transparent 30%),linear-gradient(rgba(78,119,173,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(78,119,173,.035) 1px,transparent 1px),linear-gradient(180deg,#020a16,#030b18 58%,#020812);background-size:auto,auto,auto,auto,auto,34px 34px,34px 34px,auto;border:1px solid rgba(75,136,204,.29);border-radius:0 0 15px 15px;display:block;min-height:760px;overflow:hidden;padding:0}.live-game-skill-tree.skill-tree-reference-map:before{background:repeating-radial-gradient(circle,transparent 0 68px,rgba(71,124,190,.07) 69px 70px),conic-gradient(from 0deg,transparent,rgba(68,140,255,.12),transparent 18%,transparent 32%,rgba(142,77,255,.1),transparent 50%,transparent 68%,rgba(66,198,255,.1),transparent 84%);border:1px solid rgba(67,128,210,.13);border-radius:50%;height:510px;left:50%;opacity:1;top:50%;transform:translate(-50%,-50%);width:510px}.skill-tree-reference-map-inner{height:760px;min-width:850px;position:relative;width:100%}.skill-tree-reference-map-inner:before,.skill-tree-reference-map-inner:after{background:linear-gradient(90deg,transparent,rgba(55,126,235,.38),transparent);content:"";height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(24deg);width:66%}.skill-tree-reference-map-inner:after{transform:translate(-50%,-50%) rotate(-24deg)}
.skill-tree-reference-core{display:grid;height:176px;left:50%;place-items:center;position:absolute;top:49%;transform:translate(-50%,-50%) rotate(45deg);width:176px;z-index:5}.skill-tree-reference-core:before,.skill-tree-reference-core:after{border:1px solid rgba(69,145,255,.7);box-shadow:0 0 28px rgba(32,114,255,.25),inset 0 0 28px rgba(32,114,255,.12);content:"";inset:5px;position:absolute}.skill-tree-reference-core:after{animation:treeCorePulse 3s ease-in-out infinite;border-color:rgba(129,81,255,.6);inset:25px}.skill-tree-reference-core>i{background:radial-gradient(circle,rgba(85,198,255,.42),rgba(16,68,163,.26) 45%,rgba(2,9,24,.98) 72%);border:2px solid rgba(94,181,255,.82);border-radius:50%;box-shadow:0 0 0 8px rgba(4,18,50,.96),0 0 0 10px rgba(56,135,255,.28),0 0 42px rgba(29,116,255,.42);inset:34px;position:absolute}.skill-tree-reference-core>span,.skill-tree-reference-core>strong,.skill-tree-reference-core>small{position:relative;transform:rotate(-45deg);z-index:2}.skill-tree-reference-core>span{color:#d6f4ff;filter:drop-shadow(0 0 12px #43b5ff);font-size:2.05rem;margin:-13px 0 0 8px}.skill-tree-reference-core>strong{color:#79caff;font-size:1.15rem;margin:-23px 0 0}.skill-tree-reference-core>small{color:#7991b5;font-size:.43rem;font-weight:950;letter-spacing:.09em;margin:-36px 0 0 2px}@keyframes treeCorePulse{50%{box-shadow:0 0 38px rgba(80,168,255,.3),inset 0 0 30px rgba(118,76,255,.18);transform:scale(1.05)}}
.skill-tree-reference-branch{color:var(--branch-color);position:absolute;transition:filter .2s;width:31%;z-index:4}.skill-tree-reference-branch.is-focus-pulse{filter:brightness(1.45)}.skill-tree-reference-branch>header{align-items:center;display:flex;gap:8px;margin-bottom:12px;opacity:.88}.skill-tree-reference-branch>header>i{filter:drop-shadow(0 0 7px currentColor);font-size:1rem;font-style:normal;width:20px}.skill-tree-reference-branch>header strong,.skill-tree-reference-branch>header small{display:block}.skill-tree-reference-branch>header strong{color:color-mix(in srgb,currentColor 68%,#fff);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.skill-tree-reference-branch>header small{color:#687b99;font-size:.5rem;margin-top:2px}.skill-tree-reference-branch:before{background:linear-gradient(90deg,currentColor,transparent);box-shadow:0 0 10px currentColor;content:"";height:2px;opacity:.5;position:absolute;transform-origin:0 50%;width:43%;z-index:-1}.skill-tree-reference-branch.branch-propulsion{left:5%;top:8%}.skill-tree-reference-branch.branch-propulsion:before{right:-31%;top:72%;transform:rotate(23deg)}.skill-tree-reference-branch.branch-precision{right:5%;top:8%}.skill-tree-reference-branch.branch-precision>header,.skill-tree-reference-branch.branch-support>header{justify-content:flex-end;text-align:right}.skill-tree-reference-branch.branch-precision:before{background:linear-gradient(90deg,transparent,currentColor);left:-31%;top:72%;transform:rotate(-23deg)}.skill-tree-reference-branch.branch-mobility{bottom:7%;left:4%}.skill-tree-reference-branch.branch-mobility:before{right:-29%;top:13%;transform:rotate(-20deg)}.skill-tree-reference-branch.branch-ultimates{bottom:1.5%;left:50%;transform:translateX(-50%);width:31%}.skill-tree-reference-branch.branch-ultimates>header{justify-content:center;text-align:center}.skill-tree-reference-branch.branch-ultimates:before{background:linear-gradient(90deg,transparent,currentColor,transparent);left:20%;top:-52%;transform:rotate(90deg);width:60%}.skill-tree-reference-branch.branch-support{bottom:7%;right:4%}.skill-tree-reference-branch.branch-support:before{background:linear-gradient(90deg,transparent,currentColor);left:-29%;top:13%;transform:rotate(20deg)}
.skill-tree-reference-nodes{align-items:flex-start;display:flex;gap:clamp(12px,1.8vw,28px);justify-content:center;position:relative}.skill-tree-reference-node{align-items:center;background:transparent;border:0;color:var(--branch-color);display:flex;flex:0 1 84px;flex-direction:column;min-width:58px;padding:0;position:relative;text-align:center}.skill-tree-reference-node+.skill-tree-reference-node:before{background:linear-gradient(90deg,color-mix(in srgb,var(--branch-color) 35%,#23384f),var(--branch-color));box-shadow:0 0 8px var(--branch-color);content:"";height:2px;opacity:.62;position:absolute;right:calc(100% + 1px);top:33px;width:clamp(12px,1.8vw,28px)}.skill-tree-reference-node.is-offset{margin-top:48px}.branch-mobility .skill-tree-reference-node.is-offset,.branch-support .skill-tree-reference-node.is-offset{margin-top:-42px}.branch-ultimates .skill-tree-reference-node.is-offset{margin-top:-24px}.skill-tree-reference-node-frame{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--branch-color) 22%,#14213a),#030914 72%);border:2px solid color-mix(in srgb,var(--branch-color) 70%,#344762);box-shadow:0 0 18px color-mix(in srgb,var(--branch-color) 26%,transparent),inset 0 0 18px rgba(0,0,0,.75);clip-path:polygon(25% 5%,75% 5%,98% 50%,75% 95%,25% 95%,2% 50%);display:grid;height:66px;overflow:hidden;place-items:center;position:relative;transition:.2s;width:66px}.skill-tree-reference-node-frame:after{border:1px solid color-mix(in srgb,var(--branch-color) 34%,transparent);clip-path:inherit;content:"";inset:5px;position:absolute}.skill-tree-reference-node-frame img{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--branch-color) 70%,transparent));height:100%;object-fit:cover;width:100%}.skill-tree-reference-node-frame>b{font-size:1.45rem}.skill-tree-reference-node:hover .skill-tree-reference-node-frame,.skill-tree-reference-node[aria-pressed=true] .skill-tree-reference-node-frame{box-shadow:0 0 0 3px color-mix(in srgb,var(--branch-color) 23%,transparent),0 0 30px color-mix(in srgb,var(--branch-color) 52%,transparent),inset 0 0 20px rgba(0,0,0,.72);filter:brightness(1.18);transform:translateY(-3px) scale(1.04)}.skill-tree-reference-node.state-locked{filter:grayscale(.72) saturate(.4);opacity:.58}.skill-tree-reference-node.state-available .skill-tree-reference-node-frame{animation:treeAvailable 2s ease-in-out infinite}.skill-tree-reference-node-state{align-items:center;background:#030814;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 10px color-mix(in srgb,currentColor 35%,transparent);display:flex;font-size:.62rem;font-style:normal;font-weight:950;height:20px;justify-content:center;position:absolute;right:5px;top:-3px;width:20px;z-index:3}.skill-tree-reference-node-rank{background:rgba(1,6,15,.95);border:1px solid color-mix(in srgb,currentColor 72%,#35475c);border-radius:5px;box-shadow:0 0 10px color-mix(in srgb,currentColor 22%,transparent);color:color-mix(in srgb,currentColor 72%,#fff);font-size:.52rem;font-weight:950;margin-top:-8px;padding:2px 7px;position:relative;z-index:3}.skill-tree-reference-node-name{color:#aebbd0;display:-webkit-box;font-size:.52rem;line-height:1.25;margin-top:5px;max-width:92px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.skill-tree-reference-node[aria-pressed=true] .skill-tree-reference-node-name{color:#fff}.skill-tree-reference-empty{color:#75869f;font-size:.68rem;line-height:1.45;margin:0;padding:15px}@keyframes treeAvailable{50%{filter:brightness(1.28);box-shadow:0 0 32px color-mix(in srgb,var(--branch-color) 58%,transparent),inset 0 0 18px rgba(0,0,0,.65)}}
.skill-tree-reference-detail{background:radial-gradient(circle at 86% 8%,color-mix(in srgb,var(--branch-color) 12%,transparent),transparent 30%),linear-gradient(115deg,rgba(5,16,34,.98),rgba(8,17,38,.98));border:1px solid rgba(76,130,194,.32);border-radius:14px;display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(210px,.7fr) minmax(220px,.8fr);margin-top:14px;overflow:hidden}.skill-tree-detail-copy,.skill-tree-detail-action,.skill-tree-detail-preview{min-width:0;padding:20px}.skill-tree-detail-copy,.skill-tree-detail-action{border-right:1px solid rgba(77,119,169,.2)}.skill-tree-detail-copy .eyebrow{color:var(--branch-color);font-size:.56rem;letter-spacing:.11em;margin:0 0 10px}.skill-tree-detail-title{align-items:center;display:flex;flex-wrap:wrap;gap:9px}.skill-tree-detail-title h4,.skill-tree-detail-copy>h4{color:#f0f7ff;font-size:1.05rem;margin:0}.skill-tree-detail-title>span{background:rgba(54,81,120,.54);border-radius:4px;color:#a9bbd3;font-size:.5rem;font-weight:900;padding:4px 7px}.skill-tree-detail-description{color:#a4b1c5;font-size:.72rem;line-height:1.55;margin:8px 0 16px}.skill-tree-detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.skill-tree-detail-stats>div{border-left:1px solid rgba(79,126,184,.18);padding:3px 12px}.skill-tree-detail-stats dt{color:#74839b;font-size:.51rem;letter-spacing:.05em;text-transform:uppercase}.skill-tree-detail-stats dd{color:#d9ecff;font-size:.86rem;font-weight:900;margin:5px 0 0}.skill-tree-detail-action>small,.skill-tree-detail-preview>small{color:#7f8da4;display:block;font-size:.54rem;font-weight:900;letter-spacing:.07em;margin-bottom:9px}.skill-tree-detail-requirements{display:grid;gap:5px;list-style:none;margin:0 0 12px;padding:0}.skill-tree-detail-requirements li{align-items:center;color:#7f90a9;display:flex;font-size:.59rem;justify-content:space-between}.skill-tree-detail-requirements li strong{color:#c8d5e7}.skill-tree-detail-requirements li.is-missing strong{color:#ff7183}.skill-tree-detail-requirements li.is-met strong{color:#65dba0}.skill-tree-detail-button{align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--branch-color) 48%,#1e4d95),color-mix(in srgb,var(--branch-color) 22%,#092a5f));border:1px solid color-mix(in srgb,var(--branch-color) 65%,#8ec9ff);border-radius:7px;box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 18px color-mix(in srgb,var(--branch-color) 18%,transparent);color:#fff;display:flex;font-size:.68rem;font-weight:900;justify-content:center;min-height:42px;padding:10px 14px;width:100%}.skill-tree-detail-button b{margin-left:9px}.skill-tree-detail-button:disabled{background:rgba(29,45,68,.7);border-color:rgba(92,112,139,.28);box-shadow:none;color:#718098}.skill-tree-detail-button.is-equipped:disabled{background:color-mix(in srgb,var(--branch-color) 16%,#13213a);border-color:color-mix(in srgb,var(--branch-color) 45%,#405574);color:color-mix(in srgb,var(--branch-color) 75%,#fff);opacity:1}.skill-tree-action-note{color:#73839b;font-size:.56rem;line-height:1.45;margin:9px 0 0;text-align:center}.skill-tree-detail-visual{align-content:end;aspect-ratio:1.9/1;background:linear-gradient(0deg,rgba(2,8,20,.92),transparent 62%),radial-gradient(circle at 72% 25%,color-mix(in srgb,var(--branch-color) 32%,transparent),transparent 37%),linear-gradient(135deg,rgba(9,25,51,.96),rgba(5,12,26,.98));border:1px solid color-mix(in srgb,var(--branch-color) 30%,#29425f);border-radius:8px;display:grid;overflow:hidden;padding:12px;position:relative}.skill-tree-detail-visual:before{background-image:linear-gradient(rgba(102,157,218,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(102,157,218,.06) 1px,transparent 1px);background-size:18px 18px;content:"";inset:0;position:absolute}.skill-tree-detail-visual img{height:100%;inset:0;object-fit:cover;opacity:.72;position:absolute;width:100%}.skill-tree-detail-visual i{color:var(--branch-color);filter:drop-shadow(0 0 10px var(--branch-color));font-size:1.45rem;font-style:normal;position:relative}.skill-tree-detail-visual span{color:#dcecff;font-size:.58rem;font-weight:900;margin-top:4px;position:relative;text-transform:uppercase}.skill-tree-detail-roadmap{border-top:1px solid rgba(76,119,170,.18);grid-column:1/-1;padding:13px 20px 17px}.skill-tree-detail-roadmap>header{color:#75869f;font-size:.53rem;font-weight:900;letter-spacing:.07em;margin-bottom:9px}.skill-tree-rank-roadmap{display:grid;gap:7px;grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.skill-tree-rank-roadmap article{background:rgba(3,11,24,.76);border:1px solid rgba(78,116,163,.22);border-radius:6px;display:grid;gap:3px;padding:8px 9px}.skill-tree-rank-roadmap article.is-active{border-color:rgba(91,218,161,.42)}.skill-tree-rank-roadmap article.is-current{border-color:var(--branch-color);box-shadow:0 0 13px color-mix(in srgb,var(--branch-color) 16%,transparent)}.skill-tree-rank-roadmap small{color:#6f819b;font-size:.47rem}.skill-tree-rank-roadmap strong{color:#dcecff;font-size:.7rem}.skill-tree-rank-roadmap span{color:#8595ad;font-size:.49rem}.skill-tree-rank-roadmap b{color:var(--branch-color);font-size:.47rem;font-weight:900;text-transform:uppercase}
.skill-tree-reference-tip{align-items:center;background:linear-gradient(90deg,rgba(8,25,49,.98),rgba(10,27,54,.82));border:1px solid rgba(78,140,209,.31);border-radius:10px;color:#a6b4c8;display:flex;font-size:.63rem;gap:10px;line-height:1.45;margin-top:12px;padding:10px 14px}.skill-tree-reference-tip i{align-items:center;border:1px solid #75caff;border-radius:50%;color:#75caff;display:flex;flex:0 0 20px;font-size:.65rem;font-style:normal;height:20px;justify-content:center}.skill-tree-reference-tip strong{color:#d9eaff}.live-game-skill-reference .live-game-skill-effects,.live-game-skill-reference .live-game-cosmetic-bonuses{border-radius:12px;margin-top:12px}
@media(max-width:1280px){.member-dashboard.skill-tree-is-active{grid-template-columns:195px minmax(0,1fr);gap:14px}.skill-tree-progress-ring{height:98px;width:98px}.skill-tree-branch-tab{grid-template-columns:28px minmax(0,1fr);padding-inline:10px}.skill-tree-branch-tab b{grid-column:2}.skill-tree-reference-map-inner{min-width:760px}.skill-tree-reference-detail{grid-template-columns:minmax(250px,1fr) minmax(190px,.68fr)}.skill-tree-detail-preview{border-top:1px solid rgba(77,119,169,.2);grid-column:1/-1}.skill-tree-detail-visual{aspect-ratio:4.2/1}}
@media(max-width:980px){.member-dashboard.skill-tree-is-active{grid-template-columns:1fr}.member-dashboard.skill-tree-is-active .member-sidebar{position:static}.member-dashboard.skill-tree-is-active .skill-tree-progress-card{align-items:center;display:grid;gap:10px;grid-template-columns:auto 90px minmax(0,1fr);justify-items:start;margin-top:0;min-width:360px;padding:10px 12px}.skill-tree-progress-card>small{display:none}.skill-tree-progress-ring{grid-column:1;grid-row:1/span 2;height:72px;margin:0;width:72px}.skill-tree-progress-ring:after{inset:6px}.skill-tree-progress-ring strong{font-size:1.05rem}.skill-tree-progress-card>b{font-size:.5rem;grid-column:2;margin:0}.skill-tree-progress-card dl{background:transparent;display:flex;gap:18px;grid-column:2/-1;margin:0;padding:0}.skill-tree-progress-card dl>div{min-width:110px}.skill-tree-progress-card dl>div+div{border-left:1px solid rgba(91,133,184,.17);border-top:0;padding-left:15px}.skill-tree-branch-navigation{display:flex;overflow-x:auto;scrollbar-color:#315b8e #071424}.skill-tree-branch-tab{flex:0 0 165px;grid-template-columns:30px minmax(0,1fr) auto}.skill-tree-branch-tab b{grid-column:auto}.live-game-skill-tree.skill-tree-reference-map{overflow-x:auto;scroll-snap-type:x proximity}.skill-tree-reference-map-inner{min-width:850px;scroll-snap-align:center}}
@media(max-width:720px){.live-game-skill-reference .live-game-skill-hero{background-position:58% center;min-height:152px;padding:18px}.live-game-skill-reference .live-game-skill-hero-copy>p:last-child{font-size:.72rem;max-width:86%}.live-game-skill-reference .live-game-skill-toolbar{align-items:stretch;flex-direction:column}.member-dashboard.skill-tree-is-active .skill-tree-progress-card{min-width:330px}.skill-tree-reference-detail{display:block}.skill-tree-detail-copy,.skill-tree-detail-action{border-bottom:1px solid rgba(77,119,169,.2);border-right:0}.skill-tree-detail-visual{aspect-ratio:2.2/1}.skill-tree-detail-roadmap{overflow-x:auto}.skill-tree-rank-roadmap{display:flex}.skill-tree-rank-roadmap article{flex:0 0 126px}.live-game-skill-reference .live-game-skill-effects{display:block}.live-game-skill-reference .live-game-skill-effects dl{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}}
@media(max-width:480px){.live-game-skill-reference .live-game-skill-hero-copy>p:last-child{max-width:100%}.member-dashboard.skill-tree-is-active .member-sidebar{padding-bottom:9px}.member-dashboard.skill-tree-is-active .skill-tree-progress-card{flex:0 0 300px;min-width:300px}.skill-tree-progress-card dl{gap:8px}.skill-tree-progress-card dl>div{min-width:90px}.skill-tree-branch-tab{flex-basis:150px}.skill-tree-detail-copy,.skill-tree-detail-action,.skill-tree-detail-preview{padding:16px}.skill-tree-detail-stats{grid-template-columns:1fr;row-gap:9px}.skill-tree-detail-visual{aspect-ratio:1.75/1}}
@media(prefers-reduced-motion:reduce){.skill-tree-reference-core:after,.skill-tree-reference-node.state-available .skill-tree-reference-node-frame{animation:none}.skill-tree-reference-node-frame{transition:none}}
/* Mobile branch stack: no horizontal overflow inside the skill map. */
@media(max-width:720px){
  .live-game-skill-tree.skill-tree-reference-map{min-height:0;overflow:hidden}
  .live-game-skill-tree.skill-tree-reference-map:before{height:360px;top:180px;width:360px}
  .skill-tree-reference-map-inner{display:grid;gap:18px;height:auto;min-width:0;padding:26px 14px 30px}
  .skill-tree-reference-map-inner:before,.skill-tree-reference-map-inner:after{display:none}
  .skill-tree-reference-core{height:132px;left:auto;margin:8px auto 18px;position:relative;top:auto;transform:rotate(45deg);width:132px}
  .skill-tree-reference-core>i{inset:27px}
  .skill-tree-reference-core>span{font-size:1.6rem}.skill-tree-reference-core>strong{font-size:.9rem}.skill-tree-reference-core>small{font-size:.38rem}
  .skill-tree-reference-branch,.skill-tree-reference-branch.branch-propulsion,.skill-tree-reference-branch.branch-precision,.skill-tree-reference-branch.branch-mobility,.skill-tree-reference-branch.branch-ultimates,.skill-tree-reference-branch.branch-support{position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--branch-color) 7%,transparent),rgba(3,11,24,.86));border:1px solid color-mix(in srgb,var(--branch-color) 22%,#1d3550);border-radius:10px;bottom:auto;left:auto;right:auto;top:auto;transform:none;width:100%}
  .skill-tree-reference-branch:before{display:none}
  .skill-tree-reference-branch>header,.skill-tree-reference-branch.branch-precision>header,.skill-tree-reference-branch.branch-ultimates>header,.skill-tree-reference-branch.branch-support>header{border-bottom:1px solid color-mix(in srgb,var(--branch-color) 20%,transparent);justify-content:flex-start;margin:0;padding:10px 12px;text-align:left}
  .skill-tree-reference-nodes{flex-wrap:wrap;gap:16px;justify-content:flex-start;padding:14px 12px 12px}
  .skill-tree-reference-node{flex:0 1 calc(25% - 12px);min-width:58px}
  .skill-tree-reference-node+.skill-tree-reference-node:before{display:none}
  .skill-tree-reference-node.is-offset,.branch-mobility .skill-tree-reference-node.is-offset,.branch-support .skill-tree-reference-node.is-offset,.branch-ultimates .skill-tree-reference-node.is-offset{margin-top:0}
}
@media(max-width:430px){.skill-tree-reference-node{flex-basis:calc(33.333% - 11px)}}
/* Rarity spectrum and particles for every real skill node. */
.skill-tree-reference-node{--rarity-color:#94a3b8;--rarity-soft:rgba(148,163,184,.22)}
.skill-tree-reference-node.rarity-common{--rarity-color:#a8b3c7;--rarity-soft:rgba(148,163,184,.2)}
.skill-tree-reference-node.rarity-rare{--rarity-color:#38bdf8;--rarity-soft:rgba(14,165,233,.26)}
.skill-tree-reference-node.rarity-epic{--rarity-color:#bf78ff;--rarity-soft:rgba(168,85,247,.3)}
.skill-tree-reference-node.rarity-legendary{--rarity-color:#ffc229;--rarity-soft:rgba(245,158,11,.34)}
.skill-tree-reference-node.rarity-mythic{--rarity-color:#ff4db8;--rarity-soft:rgba(236,72,153,.38)}
.skill-tree-reference-node.rarity-ancestral{--rarity-color:#ff445d;--rarity-soft:rgba(255,49,74,.42)}
.skill-tree-reference-node.rarity-divin{--rarity-color:#f8fdff;--rarity-soft:rgba(191,241,255,.5)}
.skill-tree-reference-node:not(.support-node) .skill-tree-reference-node-frame{background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--rarity-color) 28%,#14213a),#030914 72%);border-color:color-mix(in srgb,var(--rarity-color) 82%,#344762);box-shadow:0 0 8px var(--rarity-color),0 0 24px var(--rarity-soft),inset 0 0 19px rgba(0,0,0,.74)}
.skill-tree-reference-node:not(.support-node) .skill-tree-reference-node-frame:after{border-color:color-mix(in srgb,var(--rarity-color) 42%,transparent)}
.skill-tree-reference-node:not(.support-node) .skill-tree-reference-node-rank{border-color:color-mix(in srgb,var(--rarity-color) 74%,#35475c);color:color-mix(in srgb,var(--rarity-color) 68%,#fff);text-shadow:0 0 8px var(--rarity-color)}
.skill-tree-node-rarity{color:var(--rarity-color);filter:drop-shadow(0 0 6px var(--rarity-color));font-size:.43rem;font-style:normal;font-weight:950;letter-spacing:.07em;margin-top:3px;text-transform:uppercase}
.skill-tree-rarity-particles{height:68px;left:50%;pointer-events:none;position:absolute;top:-8px;transform:translateX(-50%);width:78px;z-index:4}
.skill-tree-rarity-particles i{animation:skillRarityParticle 2.8s ease-in-out infinite;background:var(--rarity-color);border-radius:50%;box-shadow:0 0 7px 2px var(--rarity-color);height:3px;opacity:.55;position:absolute;width:3px}
.skill-tree-rarity-particles i:nth-child(1){animation-delay:-.2s;left:5px;top:40px}.skill-tree-rarity-particles i:nth-child(2){animation-delay:-1.4s;left:15px;top:8px}.skill-tree-rarity-particles i:nth-child(3){animation-delay:-2.1s;right:8px;top:17px}.skill-tree-rarity-particles i:nth-child(4){animation-delay:-.8s;right:2px;top:48px}.skill-tree-rarity-particles i:nth-child(5){animation-delay:-1.8s;left:35px;top:0}.skill-tree-rarity-particles i:nth-child(6){animation-delay:-2.5s;left:38px;top:61px}
.skill-tree-reference-node.rarity-common .skill-tree-rarity-particles{opacity:.18}.skill-tree-reference-node.rarity-rare .skill-tree-rarity-particles{opacity:.42}.skill-tree-reference-node.rarity-epic .skill-tree-rarity-particles{opacity:.66}.skill-tree-reference-node.rarity-legendary .skill-tree-rarity-particles,.skill-tree-reference-node.rarity-mythic .skill-tree-rarity-particles{opacity:.86}.skill-tree-reference-node.rarity-ancestral .skill-tree-rarity-particles,.skill-tree-reference-node.rarity-divin .skill-tree-rarity-particles{opacity:1}
.skill-tree-reference-node.rarity-legendary:not(.state-locked) .skill-tree-reference-node-frame{animation:skillLegendaryAura 2.4s ease-in-out infinite}.skill-tree-reference-node.rarity-mythic:not(.state-locked) .skill-tree-reference-node-frame{animation:skillMythicAura 2.2s ease-in-out infinite}.skill-tree-reference-node.rarity-ancestral:not(.state-locked) .skill-tree-reference-node-frame{animation:skillAncestralAura 1.9s ease-in-out infinite}.skill-tree-reference-node.rarity-divin:not(.state-locked) .skill-tree-reference-node-frame{animation:skillDivinAura 1.7s ease-in-out infinite}
@keyframes skillRarityParticle{0%,100%{opacity:.15;transform:translate(0,5px) scale(.6)}50%{opacity:1;transform:translate(3px,-7px) scale(1.25)}}
@keyframes skillLegendaryAura{50%{box-shadow:0 0 12px #ffd35c,0 0 35px rgba(245,158,11,.58),inset 0 0 22px rgba(255,190,39,.16)}}
@keyframes skillMythicAura{50%{box-shadow:0 0 13px #ff74ca,0 0 38px rgba(236,72,153,.62),inset 0 0 22px rgba(211,79,255,.18)}}
@keyframes skillAncestralAura{50%{box-shadow:0 0 14px #fff,0 0 28px #ff314a,0 0 44px rgba(255,49,74,.62),inset 0 0 24px rgba(255,255,255,.15)}}
@keyframes skillDivinAura{50%{filter:brightness(1.25);box-shadow:0 0 15px #fff,0 0 32px #bdeeff,0 0 48px rgba(255,255,255,.68),inset 0 0 25px rgba(153,226,255,.22)}}
.skill-tree-reference-detail[data-rarity=common]{--rarity-color:#a8b3c7}.skill-tree-reference-detail[data-rarity=rare]{--rarity-color:#38bdf8}.skill-tree-reference-detail[data-rarity=epic]{--rarity-color:#bf78ff}.skill-tree-reference-detail[data-rarity=legendary]{--rarity-color:#ffc229}.skill-tree-reference-detail[data-rarity=mythic]{--rarity-color:#ff4db8}.skill-tree-reference-detail[data-rarity=ancestral]{--rarity-color:#ff445d}.skill-tree-reference-detail[data-rarity=divin]{--rarity-color:#f8fdff}
.skill-tree-reference-detail[data-rarity]{border-color:color-mix(in srgb,var(--rarity-color) 42%,#365476);box-shadow:0 0 24px color-mix(in srgb,var(--rarity-color) 10%,transparent)}.skill-tree-reference-detail[data-rarity] .skill-tree-detail-title>span{border:1px solid color-mix(in srgb,var(--rarity-color) 38%,transparent);color:var(--rarity-color)}.skill-tree-reference-detail[data-rarity] .skill-tree-detail-preview>small{color:var(--rarity-color)}
.skill-tree-rank-roadmap article[data-rarity=common]{--rank-rarity:#a8b3c7}.skill-tree-rank-roadmap article[data-rarity=rare]{--rank-rarity:#38bdf8}.skill-tree-rank-roadmap article[data-rarity=epic]{--rank-rarity:#bf78ff}.skill-tree-rank-roadmap article[data-rarity=legendary]{--rank-rarity:#ffc229}.skill-tree-rank-roadmap article[data-rarity=mythic]{--rank-rarity:#ff4db8}.skill-tree-rank-roadmap article[data-rarity=ancestral]{--rank-rarity:#ff445d}.skill-tree-rank-roadmap article[data-rarity=divin]{--rank-rarity:#f8fdff}.skill-tree-rank-roadmap article[data-rarity]{border-color:color-mix(in srgb,var(--rank-rarity) 38%,#2d435d)}.skill-tree-rank-roadmap article[data-rarity] b{color:var(--rank-rarity);text-shadow:0 0 8px var(--rank-rarity)}
@media(prefers-reduced-motion:reduce){.skill-tree-rarity-particles i,.skill-tree-reference-node.rarity-legendary .skill-tree-reference-node-frame,.skill-tree-reference-node.rarity-mythic .skill-tree-reference-node-frame,.skill-tree-reference-node.rarity-ancestral .skill-tree-reference-node-frame,.skill-tree-reference-node.rarity-divin .skill-tree-reference-node-frame{animation:none}}
/* PHNX590 vertical member navigation and Bubble Schema laboratory */
body[data-route="account"] .member-dashboard,
body[data-route="account"] .member-dashboard.skill-tree-is-active{
  align-items:start!important;
  display:grid!important;
  gap:18px!important;
  grid-template-columns:230px minmax(0,1fr)!important;
}
body[data-route="account"] .member-sidebar,
body[data-route="account"] .member-dashboard.skill-tree-is-active .member-sidebar{
  align-self:start!important;
  box-sizing:border-box!important;
  display:grid!important;
  gap:4px!important;
  grid-template-columns:minmax(0,1fr)!important;
  overflow:hidden!important;
  position:sticky!important;
  top:82px!important;
  width:100%!important;
}
body[data-route="account"] .member-sidebar>button{
  min-width:0!important;
  width:100%!important;
}
body[data-route="account"] .member-panels{min-width:0!important}

/* Navigation membre horizontale et progression separee. */
body[data-route="account"] .member-dashboard,
body[data-route="account"] .member-dashboard.skill-tree-is-active{gap:14px!important;grid-template-columns:minmax(0,1fr)!important}
body[data-route="account"] .member-sidebar,
body[data-route="account"] .member-dashboard.skill-tree-is-active .member-sidebar{display:grid!important;gap:0!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;max-width:none!important;overflow:hidden!important;position:static!important;top:auto!important;width:100%!important}
.member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card{align-items:center;box-sizing:border-box;display:grid;gap:4px 16px;grid-template-columns:minmax(150px,.55fr) 70px minmax(280px,1.45fr);justify-items:stretch;margin:12px 0;padding:12px 16px;width:100%}
.member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card>small{align-self:end;grid-column:1;grid-row:1;margin:0}
.member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card>b{align-self:start;grid-column:1;grid-row:2;margin:0}
.member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card .skill-tree-progress-ring{grid-column:2;grid-row:1/span 2;height:62px;margin:0;width:62px}
.member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card .skill-tree-progress-ring strong{font-size:1rem}
.member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card dl{align-self:stretch;display:grid;gap:0 18px;grid-column:3;grid-row:1/span 2;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0 0 0 16px}
.member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card dl>div{padding:5px 0}
@media(max-width:760px){
  body[data-route="account"] .member-sidebar,
  body[data-route="account"] .member-dashboard.skill-tree-is-active .member-sidebar{grid-auto-columns:minmax(150px,44vw)!important;grid-auto-flow:column!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:hidden!important;position:static!important}
  .member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card{grid-template-columns:62px minmax(0,1fr);padding:10px 12px}
  .member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card>small,
  .member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card>b{grid-column:2}
  .member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card .skill-tree-progress-ring{grid-column:1;grid-row:1/span 2;height:56px;width:56px}
  .member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card dl{grid-column:1/-1;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px;padding:8px 0 0}
}


/* Arena tactical layout — reference 2026-07-31. */
.live-game-skill-reference{
  --arena-cyan:#36d9ff;
  --arena-blue:#3a86ff;
  --arena-purple:#7b4dff;
}
.live-game-skill-reference .live-game-skill-hero{
  background:
    linear-gradient(90deg,rgba(3,13,30,.99) 0%,rgba(3,13,30,.9) 48%,rgba(3,13,30,.18) 100%),
    url("/public/assets/live-pass-arena-hero-20260724.png?v=20260724") center 42%/cover no-repeat;
  border-color:rgba(68,139,229,.38);
  box-shadow:inset 0 0 70px rgba(4,18,48,.74),0 16px 45px rgba(0,0,0,.2);
  min-height:122px;
}
.live-game-skill-reference .live-game-skill-toolbar{
  align-items:center;
  background:linear-gradient(90deg,rgba(7,22,42,.98),rgba(5,14,31,.96));
  border-color:rgba(73,133,204,.3);
  display:flex;
  justify-content:space-between;
  margin:12px 0;
}
.member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card{
  align-items:center;
  background:
    radial-gradient(circle at 34% 50%,rgba(117,75,255,.15),transparent 26%),
    linear-gradient(110deg,rgba(7,20,40,.99),rgba(5,14,31,.98));
  border:1px solid rgba(72,133,204,.3);
  border-radius:12px;
  box-shadow:inset 0 1px rgba(255,255,255,.035);
  display:grid;
  gap:0;
  grid-template-columns:minmax(190px,1.05fr) 96px minmax(190px,.9fr) minmax(170px,.78fr);
  justify-items:stretch;
  margin:12px 0;
  overflow:hidden;
  padding:0;
  width:100%;
}
.skill-tree-progress-primary,
.skill-tree-progress-stat{
  display:grid;
  gap:5px;
  min-width:0;
  padding:15px 22px;
}
.skill-tree-progress-primary{
  border-right:1px solid rgba(83,128,184,.2);
}
.skill-tree-progress-primary small,
.skill-tree-progress-stat small{
  color:#7586a3;
  font-size:.52rem;
  font-style:normal;
  font-weight:900;
  letter-spacing:.09em;
}
.skill-tree-progress-primary strong,
.skill-tree-progress-stat strong{
  color:#f3f8ff;
  font-size:1.05rem;
  line-height:1;
}
.skill-tree-progress-primary strong{
  color:#f1eaff;
  font-size:1.4rem;
}
.skill-tree-progress-primary strong i{
  color:#bd72ff;
  filter:drop-shadow(0 0 8px #8c4dff);
  font-size:.95rem;
  font-style:normal;
  margin-left:5px;
}
.skill-tree-progress-primary em,
.skill-tree-progress-stat em{
  color:#647691;
  font-size:.52rem;
  font-style:normal;
}
.skill-tree-progress-stat{
  border-left:1px solid rgba(83,128,184,.2);
}
.skill-tree-progress-stat strong span:first-child{
  color:#ffd44f;
}
.skill-tree-progress-stat.is-token strong{
  color:#ffc43d;
  text-shadow:0 0 14px rgba(255,185,56,.2);
}
.member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card .skill-tree-progress-ring{
  background:conic-gradient(#8a53ff 0 var(--tree-progress),#39c9ff var(--tree-progress) calc(var(--tree-progress) + 10deg),#122540 calc(var(--tree-progress) + 10deg) 360deg);
  grid-column:auto;
  grid-row:auto;
  height:68px;
  justify-self:center;
  margin:0;
  width:68px;
}
.skill-tree-progress-ring:after{
  inset:6px;
}
.skill-tree-progress-ring strong{
  font-size:.95rem!important;
  margin-top:-8px;
}
.skill-tree-progress-ring small{
  color:#7083a1;
  font-size:.38rem;
  font-weight:900;
  letter-spacing:.08em;
  position:absolute;
  top:42px;
  z-index:2;
}
.skill-tree-branch-navigation{
  background:linear-gradient(180deg,rgba(5,16,33,.99),rgba(3,11,24,.99));
  border-radius:12px 12px 0 0;
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.skill-tree-branch-tab{
  gap:7px;
  grid-template-columns:30px minmax(0,1fr);
  min-height:62px;
  padding:9px 11px;
}
.skill-tree-branch-tab b{
  grid-column:2;
}
.skill-tree-branch-tab small{
  display:none;
}
.skill-tree-branch-tab.branch-bubble_schema{
  background:linear-gradient(180deg,rgba(29,170,219,.12),rgba(5,16,33,.35));
  box-shadow:inset 0 0 22px rgba(53,216,255,.07);
}
.live-game-skill-tree.skill-tree-reference-map{
  background:
    radial-gradient(circle at 41% 50%,rgba(36,99,224,.2),transparent 22%),
    radial-gradient(circle at 81% 52%,rgba(30,208,255,.12),transparent 22%),
    radial-gradient(circle at 14% 22%,rgba(255,83,68,.09),transparent 27%),
    radial-gradient(circle at 18% 78%,rgba(81,228,159,.08),transparent 26%),
    linear-gradient(rgba(74,126,190,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(74,126,190,.04) 1px,transparent 1px),
    linear-gradient(180deg,#020a16,#030b18 58%,#020812);
  background-size:auto,auto,auto,auto,34px 34px,34px 34px,auto;
  min-height:790px;
  overflow:hidden;
}
.live-game-skill-tree.skill-tree-reference-map:before{
  height:520px;
  left:41%;
  width:520px;
}
.skill-tree-reference-map-inner{
  height:790px;
  min-width:1180px;
}
.skill-tree-reference-map-inner:before,
.skill-tree-reference-map-inner:after{
  left:41%;
  width:58%;
}
.skill-tree-reference-core{
  height:168px;
  left:41%;
  top:50%;
  width:168px;
}
.skill-tree-reference-branch{
  width:27%;
}
.skill-tree-reference-branch.branch-propulsion{
  left:2.5%;
  top:7%;
}
.skill-tree-reference-branch.branch-propulsion:before{
  right:-38%;
  top:74%;
  width:52%;
}
.skill-tree-reference-branch.branch-precision{
  left:32%;
  right:auto;
  top:6%;
}
.skill-tree-reference-branch.branch-precision:before{
  left:10%;
  top:96%;
  transform:rotate(62deg);
  width:38%;
}
.skill-tree-reference-branch.branch-mobility{
  bottom:6%;
  left:2.5%;
}
.skill-tree-reference-branch.branch-mobility:before{
  right:-36%;
  top:8%;
  width:50%;
}
.skill-tree-reference-branch.branch-ultimates{
  bottom:1.5%;
  left:29%;
  transform:none;
  width:27%;
}
.skill-tree-reference-branch.branch-ultimates:before{
  left:36%;
  top:-57%;
  width:48%;
}
.skill-tree-reference-branch.branch-support{
  bottom:20%;
  left:48%;
  right:auto;
  width:16%;
}
.skill-tree-reference-branch.branch-support>header{
  justify-content:center;
  text-align:center;
}
.skill-tree-reference-branch.branch-support:before{
  background:linear-gradient(90deg,transparent,currentColor);
  left:-38%;
  top:35%;
  transform:rotate(8deg);
  width:45%;
}
.skill-tree-reference-branch.branch-support .skill-tree-reference-nodes{
  flex-wrap:wrap;
  gap:12px;
}
.skill-tree-reference-branch.branch-support .skill-tree-reference-node{
  flex-basis:calc(50% - 6px);
}
.skill-tree-reference-node-frame{
  height:60px;
  width:60px;
}
.skill-tree-reference-node+.skill-tree-reference-node:before{
  top:30px;
}
.skill-tree-reference-node.is-offset{
  margin-top:40px;
}
.skill-tree-bubble-island{
  background:
    radial-gradient(circle at 50% 48%,rgba(40,202,255,.13),transparent 34%),
    linear-gradient(150deg,rgba(5,22,40,.56),rgba(3,13,28,.18));
  border:1px solid rgba(52,202,242,.2);
  border-radius:20px;
  bottom:5%;
  box-shadow:inset 0 0 55px rgba(16,116,175,.05),0 0 35px rgba(1,6,16,.4);
  color:var(--branch-color);
  position:absolute;
  right:1.2%;
  top:5%;
  transition:filter .2s,box-shadow .2s;
  width:34%;
  z-index:6;
}
.skill-tree-bubble-island:before{
  background:linear-gradient(90deg,rgba(255,196,54,.15),#ffd55a 22%,#3cdcff 76%,rgba(60,220,255,.14));
  box-shadow:0 0 10px rgba(60,220,255,.8);
  content:"";
  height:2px;
  left:-41%;
  position:absolute;
  top:51%;
  transform:rotate(-3deg);
  transform-origin:right center;
  width:42%;
  z-index:-1;
}
.skill-tree-bubble-island:after{
  background:#45e2ff;
  border:2px solid #ffd65d;
  border-radius:50%;
  box-shadow:0 0 0 7px rgba(53,216,255,.09),0 0 25px #35d8ff;
  content:"";
  height:8px;
  left:-3px;
  position:absolute;
  top:calc(51% - 4px);
  width:8px;
}
.skill-tree-bubble-island.is-focus-pulse,
.skill-tree-bubble-island.is-branch-active{
  border-color:rgba(60,220,255,.52);
  box-shadow:inset 0 0 65px rgba(16,116,175,.09),0 0 35px rgba(35,210,255,.14);
}
.skill-tree-bubble-island-head{
  align-items:center;
  border-bottom:1px solid rgba(57,204,243,.18);
  display:grid;
  gap:9px;
  grid-template-columns:32px minmax(0,1fr) auto;
  margin:0 14px;
  min-height:58px;
  padding:0 2px;
}
.skill-tree-bubble-island-head>i{
  filter:drop-shadow(0 0 8px #35d8ff);
  font-size:1.25rem;
  font-style:normal;
  text-align:center;
}
.skill-tree-bubble-island-head strong,
.skill-tree-bubble-island-head small{
  display:block;
}
.skill-tree-bubble-island-head strong{
  color:#75e9ff;
  font-size:.66rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.skill-tree-bubble-island-head small{
  color:#6e86a4;
  font-size:.48rem;
  margin-top:2px;
}
.skill-tree-bubble-island-head>b{
  color:#ffd45a;
  font-size:.62rem;
}
.skill-tree-bubble-radar{
  height:calc(100% - 126px);
  min-height:520px;
  position:relative;
}
.skill-tree-bubble-radar:before,
.skill-tree-bubble-radar:after{
  border:1px solid rgba(57,216,255,.2);
  border-radius:50%;
  content:"";
  height:250px;
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%);
  width:250px;
}
.skill-tree-bubble-radar:after{
  border-color:rgba(255,202,73,.14);
  height:340px;
  width:340px;
}
.skill-tree-bubble-hub{
  background:radial-gradient(circle,rgba(22,118,167,.4),rgba(4,20,40,.95) 63%);
  border:2px solid #36d9ff;
  border-radius:50%;
  box-shadow:0 0 0 7px rgba(4,18,40,.95),0 0 0 9px rgba(255,207,73,.7),0 0 36px rgba(49,219,255,.46);
  display:grid;
  height:104px;
  left:50%;
  place-items:center;
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%);
  width:104px;
  z-index:5;
}
.skill-tree-bubble-hub>i{
  border:1px dashed rgba(103,235,255,.5);
  border-radius:50%;
  inset:9px;
  position:absolute;
}
.skill-tree-bubble-hub>span{
  color:#ffd55c;
  filter:drop-shadow(0 0 8px #35d8ff);
  font-size:1.4rem;
  margin-top:-29px;
}
.skill-tree-bubble-hub>strong{
  color:#e7fbff;
  font-size:1rem;
  margin-top:-49px;
}
.skill-tree-bubble-hub>small{
  color:#71bdd0;
  font-size:.38rem;
  font-weight:900;
  letter-spacing:.07em;
  margin-top:-62px;
}
.skill-tree-bubble-orbit{
  color:var(--track-color);
  position:absolute;
  z-index:7;
}
.skill-tree-bubble-orbit>header{
  align-items:center;
  display:flex;
  gap:5px;
  margin-bottom:7px;
}
.skill-tree-bubble-orbit>header>i{
  filter:drop-shadow(0 0 7px currentColor);
  font-size:.78rem;
  font-style:normal;
}
.skill-tree-bubble-orbit>header span{
  min-width:0;
}
.skill-tree-bubble-orbit>header strong,
.skill-tree-bubble-orbit>header small{
  display:block;
}
.skill-tree-bubble-orbit>header strong{
  color:color-mix(in srgb,var(--track-color) 67%,#fff);
  font-size:.48rem;
  text-transform:uppercase;
}
.skill-tree-bubble-orbit>header small{
  color:#67809d;
  font-size:.4rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.skill-tree-bubble-orbit>header>b{
  color:var(--track-color);
  font-size:.42rem;
  margin-left:auto;
}
.skill-tree-bubble-orbit.track-1{
  left:8%;
  right:8%;
  top:2%;
}
.skill-tree-bubble-orbit.track-2{
  left:2%;
  top:31%;
  width:35%;
}
.skill-tree-bubble-orbit.track-3{
  right:2%;
  top:31%;
  width:35%;
}
.skill-tree-bubble-orbit-nodes{
  display:grid;
  gap:7px;
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.track-2 .skill-tree-bubble-orbit-nodes,
.track-3 .skill-tree-bubble-orbit-nodes{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.skill-tree-bubble-orbit .skill-tree-reference-node{
  color:var(--track-color);
  min-width:0;
  width:100%;
}
.skill-tree-bubble-orbit .skill-tree-reference-node.is-offset{
  margin-top:12px;
}
.skill-tree-bubble-orbit .skill-tree-reference-node+.skill-tree-reference-node:before{
  background:linear-gradient(90deg,rgba(61,211,255,.2),var(--track-color));
  right:100%;
  top:23px;
  width:8px;
}
.skill-tree-bubble-orbit .skill-tree-reference-node-frame{
  height:44px;
  width:44px;
}
.skill-tree-bubble-orbit .skill-tree-reference-node-state{
  height:16px;
  right:1px;
  top:-2px;
  width:16px;
}
.skill-tree-bubble-orbit .skill-tree-reference-node-rank{
  font-size:.4rem;
  padding:1px 4px;
}
.skill-tree-bubble-orbit .skill-tree-reference-node-name{
  display:none;
}
.skill-tree-bubble-orbit .skill-tree-node-rarity{
  font-size:.34rem;
}
.skill-tree-bubble-orbit .skill-tree-rarity-particles{
  transform:translateX(-50%) scale(.7);
}
.skill-tree-bubble-island>.skill-tree-bubble-caps{
  bottom:12px;
  display:grid;
  gap:6px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  left:12px;
  margin:0;
  position:absolute;
  right:12px;
  z-index:8;
}
.skill-tree-bubble-island>.skill-tree-bubble-caps>div{
  background:rgba(2,11,25,.76);
  border:1px solid rgba(79,164,210,.24);
  border-radius:7px;
  display:grid;
  gap:2px;
  padding:7px 5px;
  text-align:center;
}
.skill-tree-bubble-island>.skill-tree-bubble-caps dt{
  color:#6d84a1;
  font-size:.38rem;
  font-weight:900;
}
.skill-tree-bubble-island>.skill-tree-bubble-caps dd{
  color:#dcf8ff;
  font-size:.66rem;
  font-weight:950;
  margin:0;
}
.skill-tree-reference-detail{
  border-radius:11px;
}
@media(max-width:1280px){
  .live-game-skill-tree.skill-tree-reference-map{
    overflow-x:auto;
    scroll-snap-type:x proximity;
  }
  .skill-tree-reference-map-inner{
    scroll-snap-align:start;
  }
}
@media(max-width:900px){
  .member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card{
    grid-template-columns:minmax(150px,1fr) 82px minmax(165px,1fr);
  }
  .skill-tree-progress-stat.is-token{
    border-left:0;
    border-top:1px solid rgba(83,128,184,.2);
    grid-column:1/-1;
  }
  .skill-tree-branch-navigation{
    display:flex!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity;
  }
  .skill-tree-branch-tab{
    flex:0 0 158px!important;
    scroll-snap-align:start;
  }
}
@media(max-width:720px){
  .member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card{
    grid-template-columns:minmax(0,1fr) 72px;
  }
  .skill-tree-progress-primary{
    border-right:0;
  }
  .member-dashboard.skill-tree-is-active .member-panel.live-game-skill-reference>.skill-tree-progress-card .skill-tree-progress-ring{
    grid-column:2;
    grid-row:1;
    height:62px;
    width:62px;
  }
  .skill-tree-progress-stat{
    border-left:0;
    border-top:1px solid rgba(83,128,184,.2);
  }
  .skill-tree-progress-stat:not(.is-token){
    grid-column:1/-1;
  }
  .skill-tree-progress-stat.is-token{
    grid-column:1/-1;
  }
  .live-game-skill-tree.skill-tree-reference-map{
    min-height:0;
    overflow:hidden;
  }
  .skill-tree-reference-map-inner{
    display:grid;
    gap:16px;
    height:auto;
    min-width:0;
    padding:24px 12px;
  }
  .skill-tree-reference-map-inner:before,
  .skill-tree-reference-map-inner:after{
    display:none;
  }
  .skill-tree-reference-core{
    left:auto;
    margin:8px auto 18px;
    position:relative;
    top:auto;
  }
  .skill-tree-reference-branch,
  .skill-tree-reference-branch.branch-propulsion,
  .skill-tree-reference-branch.branch-precision,
  .skill-tree-reference-branch.branch-mobility,
  .skill-tree-reference-branch.branch-ultimates,
  .skill-tree-reference-branch.branch-support{
    bottom:auto;
    left:auto;
    position:relative;
    right:auto;
    top:auto;
    transform:none;
    width:100%;
  }
  .skill-tree-reference-branch.branch-support .skill-tree-reference-node{
    flex-basis:calc(25% - 12px);
  }
  .skill-tree-bubble-island{
    bottom:auto;
    box-sizing:border-box;
    left:auto;
    min-height:700px;
    position:relative;
    right:auto;
    top:auto;
    width:100%;
  }
  .skill-tree-bubble-island:before,
  .skill-tree-bubble-island:after{
    display:none;
  }
  .skill-tree-bubble-radar{
    height:610px;
    min-height:0;
  }
}
@media(max-width:430px){
  .skill-tree-progress-primary,
  .skill-tree-progress-stat{
    padding:13px 14px;
  }
  .skill-tree-bubble-island{
    min-height:760px;
  }
  .skill-tree-bubble-radar{
    height:670px;
  }
  .skill-tree-bubble-orbit.track-1{
    left:3%;
    right:3%;
  }
  .skill-tree-bubble-orbit.track-2,
  .skill-tree-bubble-orbit.track-3{
    width:42%;
  }
  .skill-tree-bubble-orbit .skill-tree-reference-node-frame{
    height:40px;
    width:40px;
  }
}


/* PHNX590 Skill Tree Arena v8.0
   DaisyUI components + Lucide icons + native SVG constellation. */
.live-game-skill-reference{
  --arena-bg:#010711;
  --arena-panel:#041124;
  --arena-border:rgba(65,131,213,.33);
  --arena-text:#e9f3ff;
  --arena-muted:#7e91ad;
  isolation:isolate;
}
body[data-route="account"] .member-dashboard,
body[data-route="account"] .member-dashboard.skill-tree-is-active{
  display:grid!important;
  gap:12px!important;
  grid-template-columns:minmax(0,1fr)!important;
}
body[data-route="account"] .member-sidebar,
body[data-route="account"] .member-dashboard.skill-tree-is-active .member-sidebar{
  background:linear-gradient(180deg,rgba(3,12,27,.98),rgba(2,9,21,.98));
  border:1px solid rgba(58,119,196,.31);
  border-radius:10px;
  display:grid!important;
  gap:0!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  max-width:none!important;
  overflow:hidden!important;
  position:static!important;
  top:auto!important;
  width:100%!important;
}
body[data-route="account"] .member-sidebar>button{
  border-radius:0!important;
  min-height:54px;
  min-width:0!important;
  padding:8px 12px!important;
  width:100%!important;
}
body[data-route="account"] .member-sidebar>button+button{
  border-left:1px solid rgba(68,117,174,.18);
}
body[data-route="account"] .member-sidebar>button.active{
  background:linear-gradient(180deg,rgba(80,66,242,.2),rgba(36,42,135,.12))!important;
  box-shadow:inset 0 -2px #6e5bff,inset 0 0 28px rgba(102,75,255,.13)!important;
}
.live-game-skill-reference .live-game-skill-hero{
  align-items:center;
  background:
    linear-gradient(90deg,rgba(2,10,24,.99) 0%,rgba(3,12,29,.96) 55%,rgba(4,11,27,.77) 100%),
    url("/public/assets/live-pass-arena-hero-20260724.png?v=20260724") right center/54% auto no-repeat;
  border:1px solid var(--arena-border);
  border-radius:11px;
  display:grid;
  gap:16px;
  grid-template-columns:minmax(260px,.7fr) minmax(620px,1.3fr);
  min-height:96px;
  overflow:hidden;
  padding:12px 14px;
}
.live-game-skill-reference .live-game-skill-hero-copy{
  min-width:0;
  padding:0 2px;
}
.live-game-skill-reference .live-game-skill-hero-copy .eyebrow{
  color:#796aff;
  font-size:.62rem;
  letter-spacing:.11em;
}
.live-game-skill-reference .live-game-skill-hero-copy h3{
  color:#f3f7ff;
  font-size:1.45rem;
  letter-spacing:.035em;
  margin:3px 0 4px;
  text-transform:uppercase;
}
.live-game-skill-reference .live-game-skill-hero-copy>p:last-child{
  color:#8090a9;
  font-size:.68rem;
  line-height:1.45;
  margin:0;
}
.member-dashboard.skill-tree-is-active .live-game-skill-reference .skill-tree-progress-card{
  align-items:center;
  background:linear-gradient(100deg,rgba(21,8,30,.76),rgba(5,16,36,.94) 45%,rgba(5,15,32,.96));
  border:1px solid rgba(95,76,214,.27);
  border-radius:9px;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  display:grid;
  gap:0;
  grid-template-columns:minmax(140px,.85fr) 82px minmax(180px,1fr) auto;
  margin:0;
  min-width:0;
  overflow:hidden;
  padding:0;
  place-items:stretch;
}
.skill-tree-progress-primary,.skill-tree-progress-stat{
  align-content:center;
  display:grid;
  gap:5px;
  min-width:0;
  padding:13px 18px;
}
.skill-tree-progress-primary{
  border-right:1px solid rgba(91,112,173,.2);
}
.skill-tree-progress-primary small,.skill-tree-progress-stat small{
  color:#72829c;
  font-size:.47rem;
  font-weight:900;
  letter-spacing:.075em;
  white-space:nowrap;
}
.skill-tree-progress-primary strong,.skill-tree-progress-stat strong{
  color:#eef5ff;
  font-size:1.05rem;
  line-height:1;
}
.skill-tree-progress-primary strong{
  font-size:1.28rem;
}
.skill-tree-progress-primary strong i{
  color:#bd6cff;
  filter:drop-shadow(0 0 8px #9b4cff);
  font-style:normal;
}
.member-dashboard.skill-tree-is-active .live-game-skill-reference .skill-tree-progress-ring{
  align-self:center;
  background:conic-gradient(#a256ff 0 var(--tree-progress),#34cbff var(--tree-progress) calc(var(--tree-progress) + 8deg),#12213a calc(var(--tree-progress) + 8deg));
  display:grid;
  height:62px;
  justify-self:center;
  margin:0;
  place-items:center;
  position:relative;
  width:62px;
}
.member-dashboard.skill-tree-is-active .live-game-skill-reference .skill-tree-progress-ring:after{
  background:radial-gradient(circle,#0a1830,#050d1b 76%);
  inset:6px;
}
.skill-tree-progress-ring strong{
  color:#f2f7ff!important;
  font-size:.84rem!important;
  margin:-8px 0 0!important;
}
.skill-tree-progress-ring small{
  color:#7888a3;
  font-size:.31rem;
  top:35px;
}
.skill-tree-progress-stat{
  border-left:1px solid rgba(91,112,173,.2);
}
.skill-tree-progress-stat strong{
  color:#ffd449;
}
.live-game-skill-reference .skill-tree-reset-button{
  align-self:center;
  background:linear-gradient(180deg,rgba(41,47,159,.55),rgba(14,25,76,.68))!important;
  border:1px solid rgba(84,101,255,.48)!important;
  border-radius:6px!important;
  color:#dce4ff!important;
  font-size:.53rem!important;
  gap:7px;
  justify-self:end;
  margin:0 12px;
  min-height:34px!important;
  padding:7px 11px!important;
  white-space:nowrap;
}
.skill-tree-reset-button svg{
  height:14px;
  width:14px;
}
.live-game-skill-reference .live-game-skill-toolbar[hidden]{
  display:none!important;
}
.skill-tree-branch-navigation{
  background:linear-gradient(180deg,rgba(4,14,30,.99),rgba(2,9,21,.99));
  border:1px solid rgba(62,123,196,.3);
  border-radius:9px;
  display:grid!important;
  grid-template-columns:repeat(9,minmax(118px,1fr))!important;
  margin:8px 0;
  min-width:1100px;
  overflow:hidden;
  padding:0!important;
}
.skill-tree-branch-tab{
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:var(--branch-color)!important;
  display:grid!important;
  gap:8px!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  height:57px!important;
  min-height:57px!important;
  padding:7px 10px!important;
  position:relative;
  text-align:left!important;
}
.skill-tree-branch-tab+.skill-tree-branch-tab{
  border-left:1px solid rgba(71,116,169,.17)!important;
}
.skill-tree-branch-tab:after{
  background:var(--branch-color);
  bottom:0;
  box-shadow:0 0 14px var(--branch-color);
  content:"";
  height:2px;
  left:16%;
  opacity:0;
  position:absolute;
  transition:.22s;
  width:68%;
}
.skill-tree-branch-tab:hover,.skill-tree-branch-tab[aria-selected="true"]{
  background:linear-gradient(180deg,color-mix(in srgb,var(--branch-color) 13%,transparent),rgba(6,16,35,.2))!important;
}
.skill-tree-branch-tab[aria-selected="true"]:after{
  opacity:1;
}
.skill-tree-branch-tab>i{
  background:color-mix(in srgb,var(--branch-color) 9%,rgba(3,13,29,.9));
  border:1px solid color-mix(in srgb,var(--branch-color) 48%,#29415f);
  border-radius:7px;
  display:grid;
  height:28px;
  place-items:center;
  width:28px;
}
.skill-tree-branch-tab>i svg{
  filter:drop-shadow(0 0 7px var(--branch-color));
  height:15px;
  width:15px;
}
.skill-tree-branch-tab span{
  display:grid;
  gap:2px;
  min-width:0;
}
.skill-tree-branch-tab strong{
  color:color-mix(in srgb,var(--branch-color) 66%,#fff);
  font-size:.53rem;
  letter-spacing:.05em;
  overflow:hidden;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.skill-tree-branch-tab b{
  color:var(--branch-color);
  font-size:.58rem;
  grid-column:auto;
  line-height:1;
}
.live-game-skill-tree.skill-tree-arena-map{
  background:transparent;
  border:0;
  border-radius:0;
  display:block;
  min-height:0;
  overflow:visible;
  padding:0;
}
.skill-tree-stage-viewport{
  background:
    radial-gradient(circle at 39% 48%,rgba(38,91,226,.22),transparent 26%),
    radial-gradient(circle at 83% 50%,rgba(32,216,255,.12),transparent 24%),
    radial-gradient(circle at 11% 22%,rgba(255,68,58,.09),transparent 22%),
    radial-gradient(circle at 16% 79%,rgba(49,226,139,.075),transparent 22%),
    radial-gradient(circle at 58% 72%,rgba(255,183,31,.07),transparent 24%),
    linear-gradient(rgba(63,114,181,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(63,114,181,.035) 1px,transparent 1px),
    linear-gradient(180deg,#010712,#020b18 54%,#010711);
  background-size:auto,auto,auto,auto,auto,28px 28px,28px 28px,auto;
  border:1px solid rgba(55,119,198,.34);
  border-radius:10px;
  box-shadow:inset 0 0 72px rgba(0,0,0,.55),0 18px 50px rgba(0,0,0,.23);
  height:500px;
  overflow:auto hidden;
  position:relative;
  scrollbar-color:#285185 #071526;
  scrollbar-width:thin;
}
.skill-tree-stage-viewport:before{
  background:
    radial-gradient(circle at 14% 18%,#6dcaff 0 1px,transparent 1.7px),
    radial-gradient(circle at 72% 28%,#5578ff 0 1px,transparent 1.7px),
    radial-gradient(circle at 82% 76%,#a060ff 0 1px,transparent 1.8px);
  background-size:83px 79px,109px 97px,131px 113px;
  content:"";
  inset:0;
  opacity:.42;
  pointer-events:none;
  position:sticky;
  z-index:0;
}
.skill-tree-stage{
  --stage-scale:1;
  height:500px;
  left:50%;
  min-width:1400px;
  position:absolute;
  top:0;
  transform:translateX(-50%) scale(var(--stage-scale));
  transform-origin:50% 50%;
  transition:transform .25s ease;
  width:1400px;
}
.skill-tree-arena-map.is-stage-expanded .skill-tree-stage-viewport{
  height:min(720px,76vh);
}
.skill-tree-arena-map.is-stage-expanded .skill-tree-stage{
  top:calc((min(720px,76vh) - 500px)/2);
}
.skill-tree-constellation{
  height:500px;
  inset:0;
  overflow:visible;
  pointer-events:none;
  position:absolute;
  width:1400px;
  z-index:1;
}
.skill-tree-constellation defs+g,
.skill-tree-constellation [data-constellation-branch]{
  opacity:.73;
  transition:filter .25s,opacity .25s;
}
.skill-tree-constellation [data-constellation-branch].is-branch-active{
  filter:drop-shadow(0 0 7px currentColor);
  opacity:1;
}
.skill-tree-constellation path{
  fill:none;
  filter:url(#skill-tree-line-glow);
  stroke-linecap:round;
}
.skill-tree-core-halo{
  fill:url(#skill-tree-core-gradient);
  opacity:.65;
}
.skill-tree-star{
  fill:#7fc5ff;
  filter:drop-shadow(0 0 4px #49a7ff);
  opacity:.55;
}
.skill-tree-bubble-orbit-svg{
  fill:rgba(7,33,57,.18);
  filter:url(#skill-tree-line-glow);
  stroke:rgba(53,219,255,.39);
  stroke-dasharray:4 8;
  stroke-width:1.25;
}
.skill-tree-bubble-bridge-svg{
  filter:url(#skill-tree-line-glow);
}
.skill-tree-stage-cluster{
  color:var(--branch-color);
  inset:0;
  pointer-events:none;
  position:absolute;
  transition:filter .24s,opacity .24s;
  z-index:4;
}
.skill-tree-stage-cluster:not(.is-branch-active){
  opacity:.9;
}
.skill-tree-stage-cluster.is-branch-active{
  filter:brightness(1.18);
  opacity:1;
}
.skill-tree-stage-cluster.is-focus-pulse{
  animation:arenaBranchFocus .9s ease;
}
.skill-tree-stage-label{
  align-items:center;
  display:flex;
  gap:7px;
  left:var(--label-left);
  pointer-events:none;
  position:absolute;
  top:var(--label-top);
  transform:translateY(-50%);
  z-index:3;
}
.skill-tree-stage-label>i{
  border:1px solid color-mix(in srgb,var(--branch-color) 45%,#29415f);
  border-radius:7px;
  display:grid;
  height:27px;
  place-items:center;
  width:27px;
}
.skill-tree-stage-label svg{
  filter:drop-shadow(0 0 7px var(--branch-color));
  height:15px;
  width:15px;
}
.skill-tree-stage-label span{
  display:grid;
  gap:1px;
}
.skill-tree-stage-label strong{
  color:color-mix(in srgb,var(--branch-color) 70%,#fff);
  font-size:.58rem;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.skill-tree-stage-label small{
  color:#667b9a;
  font-size:.43rem;
}
.skill-tree-reference-node,
.skill-tree-reference-empty{
  left:var(--node-left);
  pointer-events:auto;
  position:absolute;
  top:var(--node-top);
  transform:translate(-50%,-50%);
  z-index:6;
}
.skill-tree-reference-node{
  align-items:center;
  background:transparent!important;
  border:0!important;
  color:var(--branch-color);
  display:flex;
  flex-direction:column;
  height:76px;
  justify-content:flex-start;
  min-width:56px;
  overflow:visible;
  padding:0!important;
  width:72px;
}
.skill-tree-reference-node.is-offset{
  margin:0;
}
.skill-tree-reference-node-frame{
  background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--rarity-color) 26%,#162441),#020711 70%);
  border:2px solid color-mix(in srgb,var(--rarity-color) 78%,#2e4a69);
  box-shadow:0 0 8px var(--rarity-color),0 0 22px var(--rarity-soft),inset 0 0 17px rgba(0,0,0,.8);
  clip-path:polygon(25% 4%,75% 4%,98% 50%,75% 96%,25% 96%,2% 50%);
  display:grid;
  flex:0 0 50px;
  height:50px;
  overflow:hidden;
  place-items:center;
  position:relative;
  transition:filter .2s,transform .2s,box-shadow .2s;
  width:50px;
}
.skill-tree-reference-node-frame:before{
  background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 32%);
  content:"";
  inset:0;
  position:absolute;
}
.skill-tree-reference-node-frame:after{
  border:1px solid color-mix(in srgb,var(--rarity-color) 45%,transparent);
  clip-path:inherit;
  content:"";
  inset:5px;
  position:absolute;
}
.skill-tree-reference-node-frame svg{
  filter:drop-shadow(0 0 8px var(--branch-color));
  height:22px;
  position:relative;
  width:22px;
  z-index:2;
}
.skill-tree-reference-node-frame img{
  height:100%;
  object-fit:cover;
  width:100%;
}
.skill-tree-reference-node:hover .skill-tree-reference-node-frame,
.skill-tree-reference-node[aria-pressed="true"] .skill-tree-reference-node-frame{
  box-shadow:0 0 0 3px color-mix(in srgb,var(--branch-color) 20%,transparent),0 0 28px var(--rarity-color),inset 0 0 18px rgba(0,0,0,.72);
  filter:brightness(1.23);
  transform:scale(1.1);
}
.skill-tree-reference-node.state-locked{
  filter:grayscale(.8) saturate(.4);
  opacity:.58;
}
.skill-tree-reference-node.state-available .skill-tree-reference-node-frame{
  animation:arenaAvailable 2s ease-in-out infinite;
}
.skill-tree-reference-node-state{
  align-items:center;
  background:#020711;
  border:1px solid currentColor;
  border-radius:50%;
  box-shadow:0 0 8px color-mix(in srgb,currentColor 38%,transparent);
  display:flex;
  font-size:.45rem;
  font-style:normal;
  font-weight:950;
  height:15px;
  justify-content:center;
  position:absolute;
  right:6px;
  top:-2px;
  width:15px;
  z-index:8;
}
.skill-tree-reference-node-rank{
  background:rgba(1,5,13,.96);
  border:1px solid color-mix(in srgb,var(--rarity-color) 75%,#30445d);
  border-radius:4px;
  color:color-mix(in srgb,var(--rarity-color) 64%,#fff);
  font-size:.41rem;
  font-weight:950;
  line-height:1;
  margin-top:-6px;
  padding:2px 5px;
  position:relative;
  z-index:8;
}
.skill-tree-reference-node-name{
  color:#adbed3;
  display:none;
  font-size:.42rem;
  line-height:1.2;
  margin-top:3px;
  max-width:90px;
}
.skill-tree-reference-node:hover .skill-tree-reference-node-name,
.skill-tree-reference-node[aria-pressed="true"] .skill-tree-reference-node-name{
  background:rgba(1,7,17,.92);
  border:1px solid rgba(91,137,194,.25);
  border-radius:4px;
  display:block;
  padding:3px 5px;
  position:absolute;
  top:58px;
  white-space:nowrap;
  z-index:12;
}
.skill-tree-node-rarity{
  display:none;
}
.skill-tree-rarity-particles{
  height:55px;
  top:-7px;
  transform:translateX(-50%) scale(.72);
}
.skill-tree-reference-empty{
  color:#68809f;
  font-size:.55rem;
  margin:0;
  white-space:nowrap;
}
.support-node{
  --rarity-color:#ffc444;
  --rarity-soft:rgba(255,183,43,.27);
}
.bubble-skill-node{
  height:66px;
  width:62px;
}
.bubble-skill-node .skill-tree-reference-node-frame{
  flex-basis:44px;
  height:44px;
  width:44px;
}
.bubble-skill-node .skill-tree-reference-node-state{
  right:7px;
}
.skill-tree-stage-core{
  display:grid;
  height:122px;
  left:var(--node-left);
  place-items:center;
  pointer-events:none;
  position:absolute;
  top:var(--node-top);
  transform:translate(-50%,-50%) rotate(45deg);
  width:122px;
  z-index:7;
}
.skill-tree-stage-core:before,
.skill-tree-stage-core:after{
  border:2px solid #755cff;
  box-shadow:0 0 18px rgba(106,78,255,.8),inset 0 0 20px rgba(47,109,255,.22);
  content:"";
  inset:4px;
  position:absolute;
}
.skill-tree-stage-core:after{
  border-color:#37cfff;
  inset:14px;
}
.skill-tree-stage-core-orbit{
  animation:arenaCoreOrbit 10s linear infinite;
  border:1px dashed rgba(87,211,255,.45);
  border-radius:50%;
  inset:-24px;
  position:absolute;
}
.skill-tree-stage-core-inner{
  align-content:center;
  background:radial-gradient(circle at 50% 35%,rgba(37,139,255,.43),rgba(3,15,35,.98) 67%);
  border:1px solid #52d6ff;
  border-radius:50%;
  box-shadow:0 0 28px rgba(59,156,255,.55);
  display:grid;
  height:74px;
  place-items:center;
  transform:rotate(-45deg);
  width:74px;
}
.skill-tree-stage-core-inner svg{
  color:#eafaff;
  filter:drop-shadow(0 0 9px #2da8ff);
  height:26px;
  width:26px;
}
.skill-tree-stage-core-inner strong{
  color:#fff;
  font-size:1rem;
  line-height:1;
  margin-top:-7px;
}
.skill-tree-stage-core-inner small{
  color:#7692b6;
  font-size:.34rem;
  letter-spacing:.07em;
  margin-top:-9px;
}
.skill-tree-bubble-core{
  align-content:center;
  background:radial-gradient(circle,rgba(24,137,176,.47),rgba(3,17,35,.98) 66%);
  border:2px solid #35dfff;
  border-radius:50%;
  box-shadow:0 0 0 7px rgba(2,12,27,.96),0 0 0 9px rgba(255,197,50,.76),0 0 34px rgba(43,217,255,.55);
  display:grid;
  height:94px;
  left:var(--node-left);
  place-items:center;
  pointer-events:none;
  position:absolute;
  top:var(--node-top);
  transform:translate(-50%,-50%);
  width:94px;
  z-index:7;
}
.skill-tree-bubble-core-ring{
  animation:arenaCoreOrbit 13s linear infinite reverse;
  border:1px dashed rgba(112,238,255,.54);
  border-radius:50%;
  inset:8px;
  position:absolute;
}
.skill-tree-bubble-core-icon{
  color:#ffd044;
  filter:drop-shadow(0 0 9px #35dfff);
  height:23px;
  margin-top:9px;
  width:23px;
}
.skill-tree-bubble-core-icon svg{
  height:100%;
  width:100%;
}
.skill-tree-bubble-core strong{
  color:#effcff;
  font-size:.76rem;
  margin-top:-7px;
}
.skill-tree-bubble-core small{
  color:#70d8ec;
  font-size:.3rem;
  font-weight:900;
  letter-spacing:.06em;
  margin-top:-9px;
}
.skill-tree-bubble-label{
  bottom:24px;
  color:#5de4ff;
  display:grid;
  font-size:.55rem;
  font-weight:900;
  letter-spacing:.06em;
  position:absolute;
  right:23px;
  text-align:right;
  text-transform:uppercase;
}
.skill-tree-bubble-label small{
  color:#687e9c;
  font-size:.39rem;
  margin-top:2px;
}
.skill-tree-stage-controls{
  align-content:center;
  background:rgba(3,12,28,.84)!important;
  border:1px solid rgba(70,130,202,.32)!important;
  border-radius:8px!important;
  bottom:14px;
  display:grid;
  gap:5px;
  padding:5px!important;
  position:absolute;
  right:12px;
  z-index:20;
}
.skill-tree-stage-controls .phnx-btn{
  border:1px solid rgba(74,128,195,.28)!important;
  color:#8ab4e5!important;
  height:27px!important;
  min-height:27px!important;
  width:27px!important;
}
.skill-tree-stage-controls svg{
  height:13px;
  width:13px;
}
.skill-tree-reference-detail{
  background:
    radial-gradient(circle at 86% 5%,color-mix(in srgb,var(--branch-color) 11%,transparent),transparent 30%),
    linear-gradient(110deg,rgba(4,14,31,.99),rgba(5,14,31,.98));
  border:1px solid rgba(62,123,196,.3);
  border-radius:9px;
  display:grid;
  grid-template-columns:minmax(280px,1.15fr) minmax(220px,.72fr) minmax(240px,.8fr);
  margin-top:9px;
  overflow:hidden;
}
.skill-tree-detail-copy,.skill-tree-detail-action,.skill-tree-detail-preview{
  min-width:0;
  padding:14px 16px;
}
.skill-tree-detail-copy,.skill-tree-detail-action{
  border-right:1px solid rgba(77,119,169,.18);
}
.skill-tree-detail-copy .eyebrow,.skill-tree-detail-preview>small,.skill-tree-detail-action>small{
  color:var(--branch-color);
  font-size:.48rem;
  font-weight:900;
  letter-spacing:.07em;
}
.skill-tree-detail-title h4,.skill-tree-detail-copy>h4{
  font-size:.98rem;
}
.skill-tree-detail-description{
  font-size:.62rem;
  margin:6px 0 12px;
}
.skill-tree-detail-stats dd{
  font-size:.75rem;
}
.skill-tree-detail-button{
  min-height:36px!important;
}
.skill-tree-detail-max-value{
  color:#f6f9ff;
  display:block;
  font-size:1.32rem;
  font-weight:900;
  margin:4px 0 1px;
}
.skill-tree-detail-max-label{
  color:#7f90a8;
  display:block;
  font-size:.55rem;
}
.skill-tree-detail-max-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:13px 0 0;
}
.skill-tree-detail-max-meta>div{
  border-left:1px solid rgba(78,123,177,.18);
  padding-left:10px;
}
.skill-tree-detail-max-meta dt{
  color:#697c98;
  font-size:.45rem;
  text-transform:uppercase;
}
.skill-tree-detail-max-meta dd{
  color:#dceaff;
  font-size:.66rem;
  font-weight:800;
  margin:4px 0 0;
}
.skill-tree-detail-roadmap{
  display:none;
}
.skill-tree-reference-tip{
  background:rgba(4,15,32,.88);
  border:1px solid rgba(65,126,198,.25);
  border-radius:7px;
  margin-top:7px;
  min-height:34px;
}
.live-game-skill-reference .live-game-skill-effects{
  background:linear-gradient(180deg,rgba(4,15,31,.94),rgba(3,11,25,.96));
  border:1px solid rgba(66,126,197,.28);
  border-radius:9px;
  margin-top:8px;
  padding:11px 14px;
}
.live-game-skill-reference .live-game-skill-effects:before{
  background:linear-gradient(90deg,#36dfff,#7661ff,transparent);
  content:"";
  height:1px;
  left:14px;
  position:absolute;
  right:14px;
  top:0;
}
@keyframes arenaAvailable{
  50%{filter:brightness(1.25);box-shadow:0 0 13px var(--rarity-color),0 0 30px var(--rarity-soft),inset 0 0 18px rgba(0,0,0,.72)}
}
@keyframes arenaCoreOrbit{
  to{transform:rotate(360deg)}
}
@keyframes arenaBranchFocus{
  50%{filter:brightness(1.55) drop-shadow(0 0 9px var(--branch-color))}
}
@media(max-width:1180px){
  .live-game-skill-reference .live-game-skill-hero{
    grid-template-columns:minmax(220px,.55fr) minmax(520px,1.45fr);
  }
  .skill-tree-branch-navigation{
    display:flex!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity;
  }
  .skill-tree-branch-tab{
    flex:0 0 128px!important;
    scroll-snap-align:start;
  }
  .skill-tree-stage{
    left:0;
    transform:scale(var(--stage-scale));
    transform-origin:0 50%;
  }
}
@media(max-width:860px){
  body[data-route="account"] .member-sidebar,
  body[data-route="account"] .member-dashboard.skill-tree-is-active .member-sidebar{
    display:flex!important;
    overflow-x:auto!important;
    scrollbar-width:thin;
  }
  body[data-route="account"] .member-sidebar>button{
    flex:0 0 154px;
  }
  .live-game-skill-reference .live-game-skill-hero{
    display:block;
  }
  .member-dashboard.skill-tree-is-active .live-game-skill-reference .skill-tree-progress-card{
    grid-template-columns:minmax(130px,.8fr) 70px minmax(150px,1fr) auto;
    margin-top:10px;
  }
  .skill-tree-reset-button{
    font-size:0!important;
    padding:7px!important;
  }
  .skill-tree-reset-button svg{
    margin:0!important;
  }
  .skill-tree-reference-detail{
    grid-template-columns:1fr 1fr;
  }
  .skill-tree-detail-preview{
    border-top:1px solid rgba(77,119,169,.18);
    grid-column:1/-1;
  }
}
@media(max-width:560px){
  .live-game-skill-reference .live-game-skill-hero{
    padding:11px;
  }
  .live-game-skill-reference .live-game-skill-hero-copy h3{
    font-size:1.1rem;
  }
  .member-dashboard.skill-tree-is-active .live-game-skill-reference .skill-tree-progress-card{
    grid-template-columns:minmax(100px,1fr) 58px auto;
  }
  .skill-tree-progress-primary{
    padding:10px 12px;
  }
  .skill-tree-progress-stat{
    border-left:0;
    border-top:1px solid rgba(91,112,173,.2);
    grid-column:1/-1;
    padding:9px 12px;
  }
  .member-dashboard.skill-tree-is-active .live-game-skill-reference .skill-tree-progress-ring{
    height:50px;
    width:50px;
  }
  .skill-tree-progress-ring small{
    display:none;
  }
  .live-game-skill-reference .skill-tree-reset-button{
    margin:0 7px;
  }
  .skill-tree-stage-viewport{
    height:470px;
  }
  .skill-tree-stage{
    transform:scale(.92);
    transform-origin:0 50%;
  }
  .skill-tree-reference-detail{
    display:block;
  }
  .skill-tree-detail-copy,.skill-tree-detail-action{
    border-bottom:1px solid rgba(77,119,169,.18);
    border-right:0;
  }
}
@media(prefers-reduced-motion:reduce){
  .skill-tree-stage,.skill-tree-stage-core-orbit,.skill-tree-bubble-core-ring,
  .skill-tree-stage-cluster,.skill-tree-reference-node-frame{
    animation:none!important;
    transition:none!important;
  }
}

/* SVG token bridge generated from real skill data. */
.skill-tree-constellation path{
  filter:url(#skillTreeGlow);
  stroke:var(--line-color);
  stroke-width:var(--line-width);
}
.skill-tree-core-halo{
  fill:url(#skillTreeCoreGlow);
}
.skill-tree-bubble-orbit-svg{
  filter:url(#skillTreeGlow);
}

.skill-tree-bubble-label svg{
  filter:drop-shadow(0 0 7px #35dfff);
  height:16px;
  justify-self:end;
  margin-bottom:4px;
  width:16px;
}

.skill-tree-bubble-core{
  align-content:center;
  gap:2px;
  grid-template-rows:23px 14px 10px;
}
.skill-tree-bubble-core-icon,
.skill-tree-bubble-core strong,
.skill-tree-bubble-core small{
  margin:0;
  position:relative;
  z-index:2;
}

/* PHNX590 Member Skill Tree v9.0: simplified responsive account view. */
.live-game-skill-reference,
.member-dashboard.skill-tree-is-active,
.member-dashboard.skill-tree-is-active .member-main,
.live-game-skill-reference .skill-tree-branch-navigation,
.live-game-skill-reference .live-game-skill-tree,
.live-game-skill-reference .skill-tree-stage-viewport,
.live-game-skill-reference .skill-tree-reference-detail{
  box-sizing:border-box;
  max-width:100%;
  min-width:0;
}
.live-game-skill-reference{
  container-type:inline-size;
  overflow:hidden;
  width:100%;
}
.skill-tree-compact-view{
  display:none;
}
@media(max-width:1180px){
  .live-game-skill-reference .skill-tree-branch-navigation{
    min-width:0!important;
    width:100%;
  }
  .live-game-skill-reference .skill-tree-stage-viewport{
    max-width:100%;
    width:100%;
  }
}
@media(max-width:900px){
  body[data-route="account"] .member-dashboard,
  body[data-route="account"] .member-dashboard.skill-tree-is-active,
  body[data-route="account"] .member-main,
  body[data-route="account"] .member-panel.live-game-skill-reference{
    max-width:100%!important;
    min-width:0!important;
    width:100%!important;
  }
  .live-game-skill-reference .skill-tree-branch-navigation{
    display:grid!important;
    gap:0!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .live-game-skill-reference .skill-tree-branch-tab{
    align-content:center!important;
    display:grid!important;
    flex:none!important;
    gap:4px!important;
    grid-template-columns:1fr!important;
    height:64px!important;
    justify-items:center!important;
    min-width:0!important;
    padding:6px 3px!important;
    text-align:center!important;
    width:auto!important;
  }
  .live-game-skill-reference .skill-tree-branch-tab+.skill-tree-branch-tab{
    border-left:1px solid rgba(71,116,169,.17)!important;
  }
  .live-game-skill-reference .skill-tree-branch-tab>i{
    height:27px;
    width:27px;
  }
  .live-game-skill-reference .skill-tree-branch-tab span{
    justify-items:center;
    width:100%;
  }
  .live-game-skill-reference .skill-tree-branch-tab strong{
    font-size:.46rem;
    max-width:100%;
  }
  .live-game-skill-reference .skill-tree-branch-tab b{
    font-size:.48rem;
  }
}
.live-game-skill-reference .skill-tree-stage-viewport{
    height:auto!important;
    min-height:0;
    overflow:hidden!important;
    padding:10px;
  }
  .live-game-skill-reference .skill-tree-stage-viewport:before{
    inset:0;
    position:absolute;
  }
  .live-game-skill-reference .skill-tree-stage,
  .live-game-skill-reference .skill-tree-stage-controls{
    display:none!important;
  }
  .live-game-skill-reference .skill-tree-compact-view{
    display:block;
    min-height:290px;
    position:relative;
    z-index:2;
  }
  .skill-tree-compact-branch[hidden]{
    display:none!important;
  }
  .skill-tree-compact-heading{
    align-items:center;
    border-bottom:1px solid color-mix(in srgb,var(--branch-color) 24%,rgba(75,126,187,.2));
    display:flex;
    gap:10px;
    margin:0 0 12px;
    padding:3px 2px 10px;
  }
  .skill-tree-compact-heading>i{
    background:color-mix(in srgb,var(--branch-color) 10%,rgba(3,13,29,.94));
    border:1px solid color-mix(in srgb,var(--branch-color) 52%,#29415f);
    border-radius:9px;
    color:var(--branch-color);
    display:grid;
    flex:0 0 36px;
    height:36px;
    place-items:center;
  }
  .skill-tree-compact-heading svg{
    filter:drop-shadow(0 0 7px var(--branch-color));
    height:18px;
    width:18px;
  }
  .skill-tree-compact-heading span{
    display:grid;
    gap:2px;
  }
  .skill-tree-compact-heading small{
    color:#6e819d;
    font-size:.48rem;
    font-weight:900;
    letter-spacing:.08em;
  }
  .skill-tree-compact-heading strong{
    color:color-mix(in srgb,var(--branch-color) 72%,#fff);
    font-size:.9rem;
    letter-spacing:.045em;
    text-transform:uppercase;
  }
  .skill-tree-compact-flow{
    display:grid;
    gap:14px;
    grid-template-columns:82px minmax(0,1fr);
    position:relative;
  }
  .skill-tree-compact-flow:before{
    background:linear-gradient(180deg,var(--branch-color),color-mix(in srgb,var(--branch-color) 18%,transparent));
    box-shadow:0 0 12px color-mix(in srgb,var(--branch-color) 56%,transparent);
    content:"";
    height:2px;
    left:70px;
    opacity:.7;
    position:absolute;
    top:43px;
    width:28px;
  }
  .skill-tree-compact-core{
    align-content:center;
    align-self:start;
    background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--branch-color) 32%,#12376a),#03101f 68%);
    border:2px solid var(--branch-color);
    border-radius:18px;
    box-shadow:0 0 0 5px rgba(3,11,24,.92),0 0 24px color-mix(in srgb,var(--branch-color) 44%,transparent);
    display:grid;
    height:72px;
    justify-items:center;
    margin:7px 0 0 3px;
    padding:5px;
    position:relative;
    transform:rotate(45deg);
    width:72px;
  }
  .skill-tree-compact-core>*{
    transform:rotate(-45deg);
  }
  .skill-tree-compact-core svg{
    color:#eefaff;
    filter:drop-shadow(0 0 8px var(--branch-color));
    height:21px;
    width:21px;
  }
  .skill-tree-compact-core strong{
    color:#fff;
    font-size:.82rem;
    line-height:1;
  }
  .skill-tree-compact-core small{
    color:#7c91ad;
    font-size:.29rem;
    font-weight:900;
    letter-spacing:.06em;
  }
  .skill-tree-compact-nodes{
    display:grid;
    gap:8px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    min-width:0;
  }
  .live-game-skill-reference .skill-tree-reference-node.skill-tree-compact-node{
    align-items:center;
    background:linear-gradient(120deg,color-mix(in srgb,var(--branch-color) 8%,rgba(5,17,35,.97)),rgba(3,11,24,.96))!important;
    border:1px solid color-mix(in srgb,var(--branch-color) 26%,rgba(73,123,182,.24))!important;
    border-radius:9px!important;
    display:grid;
    gap:2px 9px;
    grid-template-columns:48px minmax(0,1fr) auto;
    height:auto;
    justify-content:initial;
    left:auto;
    min-height:66px;
    min-width:0;
    opacity:1;
    padding:8px!important;
    position:relative;
    text-align:left;
    top:auto;
    transform:none;
    width:100%;
  }
  .live-game-skill-reference .skill-tree-compact-node.state-locked{
    opacity:.62;
  }
  .live-game-skill-reference .skill-tree-compact-node .skill-tree-reference-node-frame{
    flex-basis:44px;
    grid-column:1;
    grid-row:1/4;
    height:44px;
    width:44px;
  }
  .live-game-skill-reference .skill-tree-compact-node .skill-tree-reference-node-state{
    left:38px;
    right:auto;
    top:4px;
  }
  .live-game-skill-reference .skill-tree-compact-node .skill-tree-reference-node-name{
    background:none;
    border:0;
    color:#d8e8fb;
    display:block;
    font-size:.58rem;
    grid-column:2/4;
    grid-row:1;
    line-height:1.25;
    margin:0;
    max-width:100%;
    overflow:hidden;
    padding:0;
    position:static;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .live-game-skill-reference .skill-tree-compact-node:hover .skill-tree-reference-node-name,
  .live-game-skill-reference .skill-tree-compact-node[aria-pressed="true"] .skill-tree-reference-node-name{
    background:none;
    border:0;
    display:block;
    padding:0;
    position:static;
    white-space:nowrap;
  }
  .live-game-skill-reference .skill-tree-compact-node .skill-tree-reference-node-rank{
    align-self:center;
    grid-column:2;
    grid-row:2;
    justify-self:start;
    margin:0;
  }
  .live-game-skill-reference .skill-tree-compact-node .skill-tree-node-rarity{
    color:var(--rarity-color);
    display:block;
    font-size:.43rem;
    font-style:normal;
    font-weight:900;
    grid-column:3;
    grid-row:2;
    text-transform:uppercase;
  }
  .live-game-skill-reference .skill-tree-compact-node .skill-tree-rarity-particles{
    display:none;
  }
  .skill-tree-compact-support{
    align-items:center;
    background:linear-gradient(120deg,color-mix(in srgb,var(--branch-color) 8%,rgba(5,17,35,.97)),rgba(3,11,24,.96));
    border:1px solid color-mix(in srgb,var(--branch-color) 26%,rgba(73,123,182,.24));
    border-radius:9px;
    color:#d8e8fb;
    display:grid;
    gap:8px;
    grid-template-columns:44px minmax(0,1fr);
    min-height:66px;
    padding:8px;
    text-align:left;
  }
  .skill-tree-compact-support-icon{
    border:1px solid var(--branch-color);
    border-radius:10px;
    display:grid;
    grid-row:1/3;
    height:42px;
    overflow:hidden;
    place-items:center;
    width:42px;
  }
  .skill-tree-compact-support-icon img{
    height:100%;
    object-fit:cover;
    width:100%;
  }
  .skill-tree-compact-support-icon svg{
    color:var(--branch-color);
    height:20px;
    width:20px;
  }
  .skill-tree-compact-support>span:nth-child(2){
    display:grid;
    gap:3px;
    min-width:0;
  }
  .skill-tree-compact-support strong{
    font-size:.58rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .skill-tree-compact-support small{
    color:#788ba7;
    font-size:.45rem;
    line-height:1.3;
  }
  .skill-tree-compact-support>b{
    color:var(--branch-color);
    font-size:.43rem;
    grid-column:2;
  }
  .skill-tree-compact-empty{
    color:#8295af;
    font-size:.62rem;
    grid-column:1/-1;
    margin:0;
    padding:24px 12px;
    text-align:center;
  }
  .live-game-skill-reference .skill-tree-reference-detail{
    margin-top:8px;
  }
@media(max-width:620px){
  .live-game-skill-reference .live-game-skill-hero-copy>p:last-child{
    display:none;
  }
  .live-game-skill-reference .skill-tree-branch-tab{
    height:59px!important;
  }
  .skill-tree-compact-flow{
    gap:11px;
    grid-template-columns:68px minmax(0,1fr);
  }
  .skill-tree-compact-flow:before{
    left:59px;
    top:37px;
    width:20px;
  }
  .skill-tree-compact-core{
    border-radius:15px;
    height:60px;
    width:60px;
  }
  .skill-tree-compact-core svg{
    height:17px;
    width:17px;
  }
  .skill-tree-compact-nodes{
    grid-template-columns:1fr;
  }
  .live-game-skill-reference .skill-tree-reference-detail{
    display:block;
  }
  .live-game-skill-reference .skill-tree-detail-copy,
  .live-game-skill-reference .skill-tree-detail-action,
  .live-game-skill-reference .skill-tree-detail-preview{
    border-bottom:1px solid rgba(77,119,169,.18);
    border-right:0;
    padding:13px;
  }
}
@media(max-width:430px){
  .live-game-skill-reference .skill-tree-branch-navigation{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .live-game-skill-reference .skill-tree-branch-tab{
    height:56px!important;
  }
  .live-game-skill-reference .skill-tree-branch-tab>i{
    height:24px;
    width:24px;
  }
  .live-game-skill-reference .skill-tree-branch-tab strong{
    font-size:.43rem;
  }
  .live-game-skill-reference .skill-tree-stage-viewport{
    padding:8px;
  }
  .skill-tree-compact-heading strong{
    font-size:.78rem;
  }
  .skill-tree-compact-flow{
    display:block;
  }
  .skill-tree-compact-flow:before{
    display:none;
  }
  .skill-tree-compact-core{
    margin:6px auto 14px;
  }
  .live-game-skill-reference .skill-tree-compact-node .skill-tree-reference-node-name{
    font-size:.56rem;
  }
}
@media(max-width:340px){
  .live-game-skill-reference .skill-tree-branch-tab b{
    display:none;
  }
  .live-game-skill-reference .skill-tree-reference-node.skill-tree-compact-node{
    grid-template-columns:44px minmax(0,1fr) auto;
    padding:7px!important;
  }
  .live-game-skill-reference .skill-tree-compact-node .skill-tree-reference-node-frame{
    height:40px;
    width:40px;
  }
}
@media(prefers-reduced-motion:reduce){
  .skill-tree-compact-core,
  .skill-tree-compact-node,
  .skill-tree-compact-support{
    scroll-behavior:auto!important;
    transition:none!important;
  }
}
/* Member skill-tree responsive progress alignment fix. */
@media(max-width:900px){
  body[data-route="account"] .member-sidebar{
    scrollbar-width:none!important;
  }
  body[data-route="account"] .member-sidebar::-webkit-scrollbar{
    display:none;
  }
  .member-dashboard.skill-tree-is-active .live-game-skill-reference .skill-tree-progress-card{
    grid-template-columns:minmax(110px,.8fr) 62px minmax(170px,1.2fr) auto!important;
  }
  .live-game-skill-reference .skill-tree-progress-primary{
    grid-column:1;
    grid-row:1;
  }
  .member-dashboard.skill-tree-is-active .live-game-skill-reference .skill-tree-progress-ring{
    grid-column:2;
    grid-row:1;
  }
  .live-game-skill-reference .skill-tree-progress-stat{
    grid-column:3;
    grid-row:1;
  }
  .live-game-skill-reference .skill-tree-reset-button{
    grid-column:4;
    grid-row:1;
  }
}
@media(max-width:620px){
  .member-dashboard.skill-tree-is-active .live-game-skill-reference .skill-tree-progress-card{
    gap:0!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .live-game-skill-reference .skill-tree-progress-primary,
  .live-game-skill-reference .skill-tree-progress-stat{
    align-content:center;
    border-bottom:1px solid rgba(91,112,173,.2);
    min-width:0;
    padding:10px 7px;
    text-align:center;
  }
  .live-game-skill-reference .skill-tree-progress-primary{
    border-right:1px solid rgba(91,112,173,.2);
    grid-column:1;
    grid-row:1;
  }
  .member-dashboard.skill-tree-is-active .live-game-skill-reference .skill-tree-progress-ring{
    grid-column:2;
    grid-row:1;
  }
  .live-game-skill-reference .skill-tree-progress-stat{
    border-left:1px solid rgba(91,112,173,.2);
    grid-column:3;
    grid-row:1;
  }
  .live-game-skill-reference .skill-tree-progress-primary small,
  .live-game-skill-reference .skill-tree-progress-stat small{
    font-size:.39rem;
    line-height:1.25;
    overflow-wrap:anywhere;
    white-space:normal;
  }
  .live-game-skill-reference .skill-tree-progress-primary strong,
  .live-game-skill-reference .skill-tree-progress-stat strong{
    font-size:.86rem;
  }
  .live-game-skill-reference .skill-tree-reset-button{
    font-size:.52rem!important;
    grid-column:1/-1;
    grid-row:2;
    justify-self:stretch;
    margin:8px!important;
    width:calc(100% - 16px);
  }
}
/* Member account horizontal containment. */
@media(max-width:430px){
  html:has(body[data-route="account"]),
  body[data-route="account"],
  body[data-route="account"] .member-dashboard,
  body[data-route="account"] .member-panels{
    max-width:100%;
    overflow-x:hidden!important;
  }
}
/* Two account tabs per row width on compact devices. */
@media(max-width:430px){
  body[data-route="account"] .member-sidebar>button{
    flex:0 0 50%!important;
    max-width:50%!important;
  }
}
/* PHNX590 Member Skill Tree v10.0: simple branch modules on every device. */
.live-game-skill-reference .skill-tree-stage-viewport.is-simple-list{
  background:linear-gradient(145deg,rgba(5,18,36,.98),rgba(3,11,24,.98));
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:14px;
}
.live-game-skill-reference .skill-tree-stage-viewport.is-simple-list:before{
  background:radial-gradient(circle at 50% 15%,rgba(38,135,219,.1),transparent 55%);
  opacity:.55;
}
.live-game-skill-reference .skill-tree-stage-viewport.is-simple-list .skill-tree-compact-view{
  min-height:0!important;
}
.live-game-skill-reference .skill-tree-compact-flow{
  display:block;
}
.live-game-skill-reference .skill-tree-compact-core,
.live-game-skill-reference .skill-tree-compact-flow:before{
  display:none!important;
}
@media(min-width:901px){
  .live-game-skill-reference .skill-tree-branch-navigation{
    display:grid!important;
    grid-template-columns:repeat(9,minmax(0,1fr))!important;
    overflow:hidden!important;
  }
  .live-game-skill-reference .skill-tree-branch-tab{
    min-width:0!important;
    width:auto!important;
  }
  .live-game-skill-reference .skill-tree-compact-nodes{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .live-game-skill-reference .skill-tree-stage-viewport.is-simple-list{
    padding:10px;
  }
}