/* Einherjar Skill Tree detail + sharing update · 2026-09-21 */
.skill-planner-toolbar-v2{grid-template-columns:minmax(190px,1.2fr) repeat(3,minmax(105px,.62fr)) auto auto}
.skill-share-btn{height:45px;padding:0 17px;border:1px solid #7f4035;background:linear-gradient(180deg,#321817,#1b0f0e);color:#f1d2ad;font-size:10px;font-weight:800;letter-spacing:.12em;cursor:pointer;box-shadow:inset 0 0 20px #7c1f1f22,0 7px 22px #0006;transition:.18s ease}
.skill-share-btn:hover{border-color:#b35c48;background:linear-gradient(180deg,#48201e,#241210);transform:translateY(-1px)}
.skill-tree-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,390px);gap:22px;align-items:start}
.skill-tree-canvas{min-width:0}
.skill-detail-panel{position:sticky;top:154px;max-height:calc(100vh - 176px);overflow:auto;border:1px solid #4e3028;background:linear-gradient(180deg,rgba(22,14,12,.98),rgba(10,8,7,.98));box-shadow:0 24px 55px #0008,inset 0 1px #ffffff08;padding:18px;scrollbar-width:thin}
.skill-detail-panel:before{content:"";display:block;position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#8e2829,#d07b55,#8e2829,transparent);opacity:.75}
.skill-detail-empty{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#77695f;padding:30px}
.skill-detail-empty-rune{font-size:48px;color:#8d2f31;text-shadow:0 0 25px #b7242466;margin-bottom:15px}.skill-detail-empty b{font:22px Georgia,serif;color:#d7c1aa}.skill-detail-empty p{max-width:250px;line-height:1.6}
.skill-detail-top{display:grid;grid-template-columns:68px 1fr;gap:14px;align-items:center;padding-bottom:15px;border-bottom:1px solid #34231e}.skill-detail-top img{width:64px;height:64px;object-fit:contain;image-rendering:auto;background:#0d0908;border:1px solid #51332a;padding:7px;box-shadow:0 0 24px #8d25252a}.skill-detail-top h2{margin:4px 0 5px;font:25px Georgia,serif;color:#f0ddc6}.skill-detail-top code{font-size:10px;color:#8e7a6c}
.skill-detail-allocation{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.skill-detail-allocation>div,.skill-detail-timing-grid>div{border:1px solid #35241f;background:#100b0a;padding:10px}.skill-detail-allocation small,.skill-detail-timing-grid small{display:block;color:#786a60;font-size:8px;letter-spacing:.1em;margin-bottom:4px}.skill-detail-allocation b{color:#e2c397;font-size:15px}
.skill-detail-description-box{margin:14px 0 16px;padding:13px 14px 14px;border:1px solid #4a3129;background:linear-gradient(180deg,#18100e,#100b0a);box-shadow:inset 0 1px #ffffff08}.skill-detail-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid #32231e}.skill-detail-section-title span{color:#e4c7a5;font-size:10px;font-weight:900;letter-spacing:.14em}.skill-detail-section-title small{color:#705f55;font-size:8px;letter-spacing:.1em}.skill-detail-description{display:block!important;visibility:visible!important;opacity:1!important;color:#d1baa3!important;line-height:1.68;font-size:13px;margin:0!important;white-space:normal;overflow:visible;max-height:none;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important}
.skill-detail-timing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.skill-detail-timing-grid b{display:block;color:#f1d1aa;font-size:14px}.skill-detail-preview-note,.skill-detail-no-timing{margin-top:10px;padding:9px 11px;border:1px solid #3c2b25;background:#120e0c;color:#88786d;font-size:10px;line-height:1.45}.skill-detail-preview-note{border-color:#5b392d;color:#aa8d72}
.skill-detail-level-table{margin-top:17px}.skill-detail-subhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.skill-detail-subhead b{color:#ddc7ad;font-size:12px}.skill-detail-subhead span{color:#6f6057;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.skill-detail-table-scroll{overflow:auto;border:1px solid #30221e;max-height:286px}.skill-detail-level-table table{width:100%;border-collapse:collapse;font-size:10px}.skill-detail-level-table th,.skill-detail-level-table td{padding:8px 7px;border-bottom:1px solid #241a17;text-align:right;white-space:nowrap}.skill-detail-level-table th:first-child{text-align:left}.skill-detail-level-table thead th{position:sticky;top:0;background:#17100e;color:#8f7e70;z-index:1}.skill-detail-level-table tbody th{color:#9d8876}.skill-detail-level-table td{color:#cdb79e}.skill-detail-level-table tr.is-current{background:#351817}.skill-detail-level-table tr.is-current th,.skill-detail-level-table tr.is-current td{color:#f1d0a9}
.skill-tree-workspace .full-skill-grid{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:9px}.skill-tree-workspace .skill-node{min-height:0;padding:14px;cursor:pointer;border-color:#30231f;background:linear-gradient(180deg,#15100e,#100c0b)}.skill-tree-workspace .skill-node:hover{border-color:#654036;transform:translateY(-1px);box-shadow:0 10px 28px #0006}.skill-tree-workspace .skill-node.selected{border-color:#a64b3d;box-shadow:0 0 0 1px #792d2a inset,0 0 30px #9b25252d}.skill-tree-workspace .skill-node.selected:after{content:"SELECTED";position:absolute;top:0;left:0;padding:4px 7px;background:#7c2c2c;color:#efd2b3;font-size:7px;letter-spacing:.12em;font-weight:800}.skill-tree-workspace .skill-card-top{min-height:42px}.skill-tree-workspace .skill-icon-img{width:42px;height:42px}.skill-tree-workspace .skill-node h3{margin:9px 0 3px;font-size:15px}.skill-node-summary{margin:8px 0 0;color:#7d7067;font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:27px}.skill-tree-workspace .skill-stepper{margin-top:11px}.skill-tree-workspace .skill-stepper button{border-radius:2px}.skill-tree-workspace .skill-node:focus-visible{outline:2px solid #a64b3d;outline-offset:2px}
@media(max-width:1180px){.skill-planner-toolbar-v2{grid-template-columns:repeat(3,minmax(120px,1fr))}.skill-planner-toolbar-v2>div:first-child{grid-column:span 3}.skill-tree-workspace{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:900px){.skill-tree-workspace{grid-template-columns:1fr}.skill-detail-panel{position:relative;top:auto;max-height:none;order:-1}.skill-planner-toolbar-v2{position:relative;top:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.skill-planner-toolbar-v2>div:first-child{grid-column:span 2}}
@media(max-width:560px){.skill-planner-toolbar-v2{grid-template-columns:1fr}.skill-planner-toolbar-v2>div:first-child{grid-column:auto}.skill-tree-workspace .full-skill-grid{grid-template-columns:1fr}.skill-detail-allocation{grid-template-columns:1fr 1fr}.skill-detail-timing-grid{grid-template-columns:1fr 1fr}}

/* Full Global Zero client skill descriptions + persistent scroll panel */
.skill-tree-workspace{overflow:visible!important}
.skill-tree-canvas{overflow:visible}
.skill-detail-panel{align-self:start;position:sticky!important;top:150px!important;z-index:11;height:max-content;max-height:calc(100vh - 166px);overflow-y:auto;overscroll-behavior:contain}
.skill-detail-description-box{overflow:visible}
.skill-client-description{display:grid;gap:7px}
.skill-client-meta{display:grid;grid-template-columns:82px minmax(0,1fr);gap:9px;align-items:start;padding:7px 9px;border:1px solid #32231e;background:#0d0a09}
.skill-client-meta span{color:#7f6e61;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.skill-client-meta b{color:#d9c0a4;font-size:11px;line-height:1.45;font-weight:700}
.skill-client-prereq{display:grid;grid-template-columns:82px minmax(0,1fr);gap:9px;padding:8px 9px;border:1px solid #5a352b;background:#1b100d}
.skill-client-prereq span{color:#c68562;font-size:8px;font-weight:900;letter-spacing:.08em}
.skill-client-prereq p{margin:0;color:#d6b798;font-size:11px;line-height:1.5}
.skill-client-copy{margin:0!important;color:#d7c4b0!important;font-size:12px!important;line-height:1.62!important;white-space:normal!important}
.skill-client-copy-start{padding-top:3px;color:#ecd8be!important}
.skill-client-level{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;align-items:start;padding:7px 9px;border-left:2px solid #7f322d;background:#120c0b}
.skill-client-level span{color:#e2a96d;font-size:9px;font-weight:900;white-space:nowrap}
.skill-client-level p{margin:0;color:#cbb6a0;font-size:11px;line-height:1.5}
.skill-client-level:hover{background:#1a100e;border-left-color:#b64e3f}
.skill-client-fallback{margin-top:10px;padding:8px 9px;border:1px dashed #4a3028;color:#7e6c60;font-size:9px;line-height:1.5}
@media(max-width:900px){.skill-detail-panel{position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important;z-index:auto}}


/* Learned skill state · Einherjar epic red aura · 2026-09-21 */
.skill-tree-workspace .skill-node.learned{
  position:relative;
  border:2px solid #f04444!important;
  background:linear-gradient(145deg,rgba(63,8,13,.96),rgba(21,8,10,.98) 48%,rgba(10,8,8,.98))!important;
  box-shadow:0 0 0 1px rgba(255,145,145,.26),0 0 15px rgba(255,38,38,.78),0 0 34px rgba(186,0,13,.52),0 0 58px rgba(112,0,7,.28),inset 0 0 30px rgba(179,15,23,.22)!important;
  animation:einherjarLearnedSkillPulse 2.2s ease-in-out infinite;
}
.skill-tree-workspace .skill-node.learned:before{content:"";position:absolute;inset:3px;pointer-events:none;border:1px solid rgba(255,99,99,.24);box-shadow:inset 0 0 16px rgba(255,26,26,.12)}
.skill-tree-workspace .skill-node.learned h3{color:#ffe8e2!important;text-shadow:0 0 7px rgba(255,62,62,.72),0 0 18px rgba(172,0,0,.48)}
.skill-tree-workspace .skill-node.learned .skill-icon-hover{filter:drop-shadow(0 0 7px rgba(255,42,42,.85)) drop-shadow(0 0 15px rgba(150,0,0,.55))}
.skill-tree-workspace .skill-node.learned .skill-stepper strong{color:#ffb0a8;text-shadow:0 0 10px rgba(255,42,42,.75)}
.skill-tree-workspace .skill-node.learned.selected{border-color:#ff6969!important;box-shadow:0 0 0 1px rgba(255,205,205,.34),0 0 19px rgba(255,45,45,.92),0 0 42px rgba(199,0,13,.62),0 0 70px rgba(121,0,9,.32),inset 0 0 35px rgba(210,20,28,.26)!important}
@keyframes einherjarLearnedSkillPulse{0%,100%{filter:brightness(1);box-shadow:0 0 0 1px rgba(255,145,145,.22),0 0 12px rgba(255,38,38,.62),0 0 29px rgba(186,0,13,.43),0 0 50px rgba(112,0,7,.22),inset 0 0 26px rgba(179,15,23,.18)}50%{filter:brightness(1.08);box-shadow:0 0 0 1px rgba(255,176,176,.34),0 0 20px rgba(255,43,43,.92),0 0 43px rgba(200,0,14,.66),0 0 68px rgba(125,0,8,.36),inset 0 0 36px rgba(199,17,27,.28)}}
@media(prefers-reduced-motion:reduce){.skill-tree-workspace .skill-node.learned{animation:none!important}}

/* Global Zero full skill audit + alternate-name visibility · 2026-09-21 */
.skill-audit-chip{display:inline-flex;align-items:center;margin:8px 0 3px;padding:5px 8px;border:1px solid #59302d;background:linear-gradient(90deg,#210b0d,#130d0d);color:#e89a91;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;box-shadow:0 0 16px rgba(151,18,24,.16)}
.skill-name-alias{margin:-1px 0 4px;color:#a9635f;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.skill-detail-alias{margin:-5px 0 6px;color:#b86b64;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.skill-tree-workspace .skill-node.learned .skill-name-alias{color:#ffaaa0;text-shadow:0 0 8px rgba(255,45,45,.45)}
