.skill-menu-panel{z-index:42;top:calc(var(--safe-top) + var(--topbar-height) + var(--side-panel-top-gap));right:calc(var(--safe-right) + var(--menu-rail-width) + var(--side-panel-edge-gap));bottom:calc(var(--safe-bottom) + 9px);width:var(--side-panel-width);color:var(--text);background:var(--menu-glass);border:1px solid var(--menu-glass-border);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font:12px/1.35 var(--ui);flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 16px 50px #00000070}.skill-menu-panel[hidden]{display:none}.skill-menu-panel button{font:inherit}.skill-menu-panel button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.skill-menu-panel svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round}.skill-menu-fixed{background:linear-gradient(180deg,#171e24eb,var(--menu-glass-strong));border-bottom:1px solid var(--menu-glass-border);flex:none}.skill-menu-title{height:42px;color:var(--gold);border-bottom:1px solid var(--menu-glass-border);align-items:center;gap:9px;padding:0 9px 0 13px;display:flex}.skill-menu-title svg{width:18px;height:18px}.skill-menu-title h2{font:600 12px var(--mono);letter-spacing:.06em;flex:1;margin:0}.skill-menu-title button{color:#a2b0b1;cursor:pointer;background:0 0;border:0;width:24px;height:24px;font-size:19px}.skill-menu-title button:hover{color:var(--gold)}.skill-menu-points{background:#27271f88;align-items:center;gap:7px;height:38px;padding:0 12px;display:flex}.skill-menu-points>span{color:var(--gold);font:16px Georgia,serif}.skill-menu-points strong{color:#f2c36c;font:17px/1 Georgia,serif}.skill-menu-points b{font:9px var(--mono);color:#dddfd0}.skill-menu-points small{font:8px var(--mono);color:#aeb7ac;white-space:nowrap;margin-left:auto}.skill-menu-tabs{background:#090d11b3;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:5px;display:grid}.skill-menu-tabs button{color:#8399a0;cursor:pointer;background:#171e24e6;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;height:49px;display:flex}.skill-menu-tabs button svg{width:18px;height:18px;color:var(--accent)}.skill-menu-tabs button span{font:7px var(--mono);white-space:nowrap;letter-spacing:-.03em}.skill-menu-tabs button.active{background:color-mix(in srgb,var(--accent) 16%,#171e24);border-color:var(--accent);color:#f0e9d7}.skill-menu-tabs button:hover{border-color:var(--accent)}.skill-menu-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#53636a #152126;flex:1;min-height:0;padding:0 9px 17px;overflow-y:auto}.skill-menu-heading{height:37px;color:var(--division);border-bottom:1px solid #38484c;justify-content:space-between;align-items:center;gap:8px;margin-left:8px;padding-left:24px;display:flex}.skill-menu-heading b{font:10px var(--mono);letter-spacing:.11em}.skill-menu-heading small{font:7px var(--mono);color:#95a5a6;white-space:nowrap}.skill-menu-path{padding:7px 0 3px 34px;position:relative}.skill-menu-path:before{content:"";background:repeating-linear-gradient(0deg,#3e5054 0 9px,#1a272b 9px 12px);border-left:1px solid #5e7275;border-right:1px solid #253438;width:6px;position:absolute;top:0;bottom:0;left:20px;box-shadow:0 0 0 3px #0b1417}.skill-menu-step{margin-bottom:4px;position:relative}.skill-menu-step:before{content:"";z-index:1;pointer-events:none;background:0 0;width:6px;position:absolute;top:-4px;bottom:-4px;left:-14px}.skill-menu-step.owned:before{background:linear-gradient(90deg,#b88735,#f5cd78,#b88735);box-shadow:0 0 9px #e6ad4e88}.skill-menu-bore-point{z-index:3;pointer-events:none;background:#142125;border:2px solid #6e8184;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:17px;left:-20px;box-shadow:0 0 0 3px #111b1f}.skill-menu-bore-point i{background:#526267;border-radius:50%;width:6px;height:6px}.skill-menu-step.owned .skill-menu-bore-point{background:#9a6c2b;border-color:#e9bc62;box-shadow:0 0 0 3px #111b1f,0 0 10px #e0ac4b99}.skill-menu-step.owned .skill-menu-bore-point i{background:#ffe09b}.skill-menu-step.ready .skill-menu-bore-point{border-color:#d7b667;box-shadow:0 0 0 3px #111b1f,0 0 10px #d8ac5880}.skill-menu-step.ready .skill-menu-bore-point i{background:#d5b05e}.skill-menu-step.locked .skill-menu-bore-point{opacity:.6}.skill-menu-card{background:#171e24d1;border:1px solid #374b50;min-height:55px}.skill-menu-step.selected .skill-menu-card{border-color:color-mix(in srgb,var(--type) 70%,#58605e);background:linear-gradient(115deg,color-mix(in srgb,var(--type) 9%,#171e24),#171e24);box-shadow:inset 2px 0 var(--type)}.skill-menu-step.locked .skill-menu-card{opacity:.59}.skill-menu-toggle{text-align:left;width:100%;min-height:54px;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:5px 8px;display:flex}.skill-menu-toggle:hover{background:#ffffff08}.skill-menu-type-icon{border:1px solid color-mix(in srgb,var(--type) 60%,#43575a);width:23px;height:23px;color:var(--type);background:#142125;flex:none;place-items:center;display:grid}.skill-menu-type-icon svg{width:15px;height:15px}.skill-menu-copy{flex:1;min-width:0}.skill-menu-copy strong{color:#dfe6e1;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.15;display:block;overflow:hidden}.skill-menu-copy small{color:#9bb0ae;font:8px var(--mono);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;display:block;overflow:hidden}.skill-menu-step.locked .skill-menu-copy strong{color:#b1bebc}.skill-menu-cost{text-align:center;color:#e8cb84;min-width:31px;font:9px var(--mono);border:1px solid #6b664d;flex:none;padding:4px 3px}.skill-menu-step.owned .skill-menu-cost{color:#b9d3b8;border-color:#566e61}.skill-menu-detail{margin-top:-1px;padding:0 9px 9px 39px}.skill-menu-detail p{color:#c4d0cd;margin:0 0 7px;font-size:10px;line-height:1.35}.skill-menu-actions{justify-content:space-between;align-items:center;gap:7px;display:flex}.skill-menu-actions small{font:8px var(--mono);color:#aebdb6}.skill-menu-actions button{color:#101512;font:8px var(--mono);white-space:nowrap;cursor:pointer;background:#ba8e45;border:1px solid #e3b65f;padding:5px 7px}.skill-menu-actions button:hover{background:#e6b862}.skill-menu-actions button:disabled{opacity:.5;cursor:default}.rail-skills-button{position:relative}.rail-skills-badge{background:var(--gold);color:#161713;min-width:15px;height:15px;font:9px var(--mono);border-radius:8px;place-items:center;padding:0 2px;display:grid;position:absolute;top:2px;right:2px;box-shadow:0 0 8px #e8b44a88}.rail-skills-badge[hidden]{display:none}@media (width<=760px){.skill-menu-title{height:36px}}@media (width<=600px){.skill-menu-panel{bottom:calc(var(--safe-bottom) + 7px)}.skill-menu-heading{height:34px}.skill-menu-scroll{padding-right:5px}.skill-menu-toggle{gap:6px;padding-right:5px}.skill-menu-type-icon{width:21px;height:21px}.skill-menu-copy strong{font-size:10.5px}.skill-menu-cost{min-width:27px;font-size:8px}.skill-menu-detail{padding-left:35px}.skill-menu-tabs button span{font-size:6px}}@media (width>=761px) and (height>=621px),(width>=700px) and (width<=760px) and (height>=900px){.skill-menu-panel{width:var(--side-panel-width);font-size:14px}.skill-menu-title{height:55px}.skill-menu-title svg{width:25px;height:25px}.skill-menu-title h2{font-size:16px}.skill-menu-title button{width:38px;height:38px;font-size:25px}.skill-menu-points{height:50px}.skill-menu-points>span,.skill-menu-points strong{font-size:22px}.skill-menu-points b{font-size:12px}.skill-menu-points small{font-size:10px}.skill-menu-tabs button{height:65px}.skill-menu-tabs button svg{width:25px;height:25px}.skill-menu-tabs button span{font-size:10px}.skill-menu-heading{height:48px}.skill-menu-heading b{font-size:13px}.skill-menu-heading small{font-size:10px}.skill-menu-toggle{min-height:70px;padding:8px 11px}.skill-menu-type-icon{width:32px;height:32px}.skill-menu-type-icon svg{width:21px;height:21px}.skill-menu-copy strong{font-size:15px}.skill-menu-copy small{font-size:11px}.skill-menu-cost{min-width:42px;font-size:12px}.skill-menu-detail p{font-size:13px}.skill-menu-actions small,.skill-menu-actions button{font-size:11px}.skill-menu-actions button{min-height:36px;padding-inline:10px}.rail-skills-badge{min-width:20px;height:20px;font-size:12px}}