﻿.d2r-skill-calc{--panel: #fff7ec;--panel-2: #fffdf7;--panel-3: #f3dfca;--panel-bg: rgba(255, 247, 236, 0.32);--panel-bg-2: rgba(255, 253, 247, 0.36);--tree-panel-bg: rgba(243, 223, 202, 0.12);--tree-panel-image: url("img/skill-tree-bg.jpg");--tree-panel-overlay: linear-gradient(180deg, rgba(255, 252, 244, 0.94), rgba(248, 229, 198, 0.93));--tree-panel-shadow: inset 0 0 24px rgba(93, 50, 27, 0.14);--tree-panel-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42);--tree-title-bg: transparent;--detail-panel-bg: rgba(255, 253, 247, 0.28);--formula-bg: rgba(139, 45, 34, 0.08);--formula-line: rgba(139, 45, 34, 0.62);--status-panel-bg: rgba(47, 120, 66, 0.06);--status-panel-line: rgba(47, 120, 66, 0.34);--line: #c69a6e;--line-strong: #8b4d2e;--line-warm: #b37a45;--text: #1b100b;--muted: #493126;--gold: #6d3f12;--gold-soft: #f6d8a3;--red: #8b2d22;--green: #2f7842;--blue: #2b659f;--blue-soft: rgba(43, 101, 159, 0.12);--shadow: 0 10px 28px rgba(87, 39, 23, 0.16);--radius: 0;--radius-control: 0;--radius-section: 0;--radius-node: 0;--radius-pill: 0;--radius-tooltip: 0;--node-bg: #3a1712;--node-locked-bg: #6f6259;--node-active-bg: #5a1f17;--node-selected-ring: #f0b953;--node-frame: #5d1d16;--node-frame-active: #c8943d;--node-frame-locked: #6e5a4a;--node-label-bg: rgba(30, 11, 8, 0.78);--node-label-color: #ffe1a0;--node-level-color: #d9b17a;--node-magic-color: #78a9ff;--node-magic-glow: rgba(120, 169, 255, 0.58);--tooltip-bg: rgba(255, 250, 242, 0.97);--tooltip-border: #8b6a42;--tooltip-text: #2d2118;--tooltip-muted: #655342;--tooltip-skill-name: #2f7842;--tooltip-heading: #6d3f12;--tooltip-value: #3f2c1f;--tooltip-synergy: #2f7842;--tooltip-section-bg: rgba(109, 63, 18, 0.06);--tooltip-separator: rgba(109, 63, 18, 0.24);--tooltip-footer-bg: rgba(248, 238, 220, 0.98);--tooltip-button-bg: #efe1ca;--tooltip-button-text: #3f2c1f;--tooltip-magic: #2b659f;--tooltip-magic-glow: rgba(43, 101, 159, 0.26);--tooltip-prerequisite-unmet: #a1261c;--tooltip-shadow: 0 18px 55px rgba(71, 45, 21, 0.32), inset 0 0 0 1px rgba(255, 255, 255, 0.54);--d2r-class-bg: url("img/war.png");--active-link-bg: #efe1ca;--active-link-text: #3f2c1f;--active-link-border: #a06d3e;position:relative;z-index:0;isolation:isolate;box-sizing:border-box;container-name:d2r-skill-calc;container-type:inline-size;inline-size:100%;max-inline-size:100%;margin:0;padding:0;border-radius:var(--radius);color:var(--text);color-scheme:light;font-size:13px;line-height:1.35}.d2r-skill-calc::before{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none;background:none;opacity:0}.d2r-skill-calc.is-d2r-rendered::before{background:var(--d2r-class-bg) no-repeat 100% 0;background-size:contain;opacity:.2;animation:d2rSkillClassArtworkFadeIn 680ms ease-out 1 both}.d2r-skill-calc.radius{--radius: 12px;--radius-control: 9px;--radius-section: 10px;--radius-node: 8px;--radius-pill: 999px;--radius-tooltip: 12px}.d2r-skill-calc,.d2r-skill-calc *,.d2r-skill-calc *::before,.d2r-skill-calc *::after{box-sizing:border-box}.d2r-skill-calc button,.d2r-skill-calc input,.d2r-skill-calc select{font:inherit;color:inherit}.d2r-skill-calc button,.d2r-skill-calc input,.d2r-skill-calc select{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel-2)}.d2r-skill-calc button{cursor:pointer;padding:7px 9px;background:linear-gradient(var(--panel-2), var(--panel-3));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.75)}.d2r-skill-calc button:hover{border-color:var(--line-strong);filter:brightness(1.02)}.d2r-skill-calc button:focus-visible{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb, var(--gold) 24%, transparent)}.d2r-skill-calc input.has-magic-bonus{color:var(--blue);text-shadow:0 0 5px color-mix(in srgb, var(--blue) 38%, transparent)}.d2r-skill-calc input,.d2r-skill-calc select{width:100%;padding:7px 8px;outline:none}.d2r-skill-calc input:focus,.d2r-skill-calc select:focus{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb, var(--gold) 20%, transparent)}.d2r-skill-calc hr{margin:12px 0;border:0;border-top:1px solid var(--line)}.d2r-skill-calc h1,.d2r-skill-calc h2,.d2r-skill-calc h3,.d2r-skill-calc p{overflow-wrap:anywhere}.d2r-skill-calc h1{margin:0 0 6px;color:var(--gold);font-size:clamp(24px,3vw,32px);line-height:1}.d2r-skill-calc h2{margin:0 0 8px;color:var(--gold);font-size:18px;font-weight:700}.d2r-skill-calc .hero,.d2r-skill-calc .top-toolbar,.d2r-skill-calc .app-layout{width:100%}.d2r-skill-calc .panel{border:1px solid var(--line);border-radius:var(--radius);background-color:var(--panel-bg);box-shadow:var(--shadow)}.d2r-skill-calc .hero{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px;padding:2px 0 10px;border:0;border-radius:var(--radius);background:rgba(0,0,0,0);box-shadow:none}.d2r-skill-calc .hero h1{margin-bottom:8px;color:color-mix(in srgb, var(--red) 70%, var(--gold));letter-spacing:-0.015em}.d2r-skill-calc .hero-copy{flex:1 1 360px;min-width:0}.d2r-skill-calc .eyebrow{margin:0 0 4px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.d2r-skill-calc .lead{max-width:880px;margin:0;color:color-mix(in srgb, var(--text) 82%, var(--muted))}.d2r-skill-calc .hero-side{display:grid;flex:0 0 auto;align-self:flex-start;align-content:start;gap:8px;min-width:min(260px,100%);margin-top:2px;margin-inline-start:auto}.d2r-skill-calc .language-links{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:4px;padding:3px;border:1px solid color-mix(in srgb, var(--line) 64%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--panel-bg-2) 70%, transparent);box-shadow:0 3px 12px rgba(87,39,23,.08)}.d2r-skill-calc .language-links a{display:inline-flex;align-items:center;justify-content:center;min-block-size:28px;gap:4px;padding:4px 6px;border:1px solid color-mix(in srgb, var(--line) 84%, white);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--panel-bg-2) 80%, white);color:color-mix(in srgb, var(--gold) 76%, var(--text));font-size:12px;font-weight:700;line-height:1;text-decoration:none;transition:border-color 160ms ease,box-shadow 160ms ease}.d2r-skill-calc .language-links a::before{display:inline-block;inline-size:1.05em;block-size:1.05em;flex:0 0 auto;content:"";background-position:center;background-repeat:no-repeat;background-size:contain}.d2r-skill-calc .language-links a[hreflang=ko]::before{background-image:url("img/ko.svg")}.d2r-skill-calc .language-links a[hreflang=en]::before{background-image:url("img/en.svg")}.d2r-skill-calc .language-links a[hreflang=zh-CN]::before{background-image:url("img/zh-CN.svg")}.d2r-skill-calc .language-links a:hover,.d2r-skill-calc .language-links a:focus-visible{border-color:var(--line-strong);box-shadow:0 2px 10px color-mix(in srgb, var(--gold) 18%, transparent);outline:none}.d2r-skill-calc .language-links a.is-active,.d2r-skill-calc .language-links a[aria-current=page]{border-color:var(--active-link-border);background:linear-gradient(180deg, color-mix(in srgb, var(--active-link-bg) 94%, white), var(--active-link-bg));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.36),0 1px 5px color-mix(in srgb, var(--active-link-border) 10%, transparent);color:var(--active-link-text)}.d2r-skill-calc .class-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px;margin-top:10px}.d2r-skill-calc .class-links a{display:inline-flex;align-items:center;justify-content:center;min-block-size:28px;padding:5px 9px;border:1px solid color-mix(in srgb, var(--line) 82%, var(--gold));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--panel-bg-2) 82%, var(--gold-soft));color:color-mix(in srgb, var(--text) 88%, var(--gold));font-size:12px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,color 160ms ease}.d2r-skill-calc .class-links a:hover,.d2r-skill-calc .class-links a:focus-visible{border-color:var(--line-strong);box-shadow:0 2px 10px color-mix(in srgb, var(--gold) 18%, transparent);outline:none}.d2r-skill-calc .class-links a.is-active,.d2r-skill-calc .class-links a[aria-current=page]{border-color:var(--active-link-border);background:linear-gradient(180deg, color-mix(in srgb, var(--active-link-bg) 94%, white), var(--active-link-bg));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.34),0 1px 5px color-mix(in srgb, var(--active-link-border) 10%, transparent);color:var(--active-link-text)}.d2r-skill-calc .class-links a.classic-version-link,.d2r-skill-calc .class-links a.theme-toggle-link{border:1px solid color-mix(in srgb, var(--red) 78%, var(--line-strong));background:linear-gradient(180deg, color-mix(in srgb, #fff8ef 72%, var(--gold-soft)), color-mix(in srgb, #fff0dc 74%, var(--red)));color:#7b241a;font-weight:800;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.42)}.d2r-skill-calc .class-links a.classic-version-link:hover,.d2r-skill-calc .class-links a.classic-version-link:focus-visible,.d2r-skill-calc .class-links a.theme-toggle-link:hover,.d2r-skill-calc .class-links a.theme-toggle-link:focus-visible{border-color:#7b241a;background:linear-gradient(180deg, color-mix(in srgb, #fff3e4 62%, var(--gold-soft)), color-mix(in srgb, #f1c8ae 68%, var(--red)));box-shadow:0 2px 10px color-mix(in srgb, var(--red) 18%, transparent);color:#65180f;outline:none}.d2r-skill-calc .class-links a.theme-toggle-link{gap:5px}.d2r-skill-calc .class-links a.theme-toggle-link::before{display:inline-block;inline-size:1em;block-size:1em;flex:0 0 auto;content:"";background-color:currentColor;-webkit-mask:url("img/moon.png") center/contain no-repeat;mask:url("img/moon.png") center/contain no-repeat}.d2r-skill-calc .top-toolbar{position:relative;display:grid;grid-area:toolbar;grid-template-columns:minmax(0, 1fr) auto;align-items:end;gap:10px;margin:0;padding:9px 10px;overflow:visible}.d2r-skill-calc .toolbar-main{display:grid;grid-template-columns:minmax(220px, 1fr);align-items:end;gap:10px}.d2r-skill-calc .toolbar-actions{display:grid;grid-template-columns:repeat(2, max-content);gap:6px}.d2r-skill-calc .status-panel{margin-top:10px;padding:10px;border:1px solid var(--status-panel-line);border-radius:var(--radius-section);background:var(--status-panel-bg)}.d2r-skill-calc .status-panel h2{margin:0 0 8px;color:var(--gold);font-size:18px;font-weight:700}.d2r-skill-calc .status{min-block-size:0;margin:0;padding:0;border:0;background:rgba(0,0,0,0);color:var(--muted);font-size:12px;font-weight:400;line-height:1.35}.d2r-skill-calc .controls label,.d2r-skill-calc .top-toolbar label{display:block;margin:8px 0;color:var(--muted);font-size:12px}.d2r-skill-calc .hint,.d2r-skill-calc .muted,.d2r-skill-calc .data-meta{color:var(--muted);font-size:12px}.d2r-skill-calc .hint{margin:2px 0 0}.d2r-skill-calc .two-col,.d2r-skill-calc .button-grid{display:grid;gap:7px}.d2r-skill-calc .two-col{grid-template-columns:1fr 1fr}.d2r-skill-calc .button-grid{grid-template-columns:1fr 1fr;margin-top:8px}.d2r-skill-calc .app-layout{display:grid;grid-template-areas:"toolbar toolbar ." "controls planner detail";grid-template-columns:180px minmax(560px, 1fr) 240px;grid-template-rows:auto auto;align-items:start;gap:10px}.d2r-skill-calc .controls{position:sticky;top:10px;grid-area:controls;max-height:min(var(--d2r-planner-height, calc(100vh - 20px)),100vh - 20px);overflow:auto;padding:12px}.d2r-skill-calc .controls h2:not(:first-child){font-size:16px}.d2r-skill-calc .controls .status-panel h2{font-size:18px}.d2r-skill-calc .summary-panel{grid-area:summary;padding:12px}.d2r-skill-calc .summary-panel[hidden]{display:none !important}.d2r-skill-calc .summary-panel h2{font-size:16px}.d2r-skill-calc .planner{grid-area:planner;padding:12px}.d2r-skill-calc .detail-panel{position:sticky;top:10px;grid-area:detail;max-height:min(var(--d2r-planner-height, calc(100vh - 20px)),100vh - 20px);width:100%;overflow:auto;padding:12px}.d2r-skill-calc .detail-panel h2{font-size:16px}.d2r-skill-calc .detail-panel h3#d2rSkillSelectedTitle{margin:0 0 8px;color:var(--gold);font-size:15px}.d2r-skill-calc .detail-panel h3 small{color:var(--muted);font-weight:400}.d2r-skill-calc .planner-heading-block{min-width:0}.d2r-skill-calc .planner-title-row{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-block-size:30px}.d2r-skill-calc .planner-title-row h2{flex:0 0 auto;margin:0}.d2r-skill-calc .planner-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.d2r-skill-calc #d2rSkillClassMeta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;margin:4px 0 0}.d2r-skill-calc .class-meta-name{color:var(--text);font-weight:800}.d2r-skill-calc .class-meta-points{display:inline-flex;flex-wrap:wrap;align-items:center;gap:3px 5px;padding:3px 8px;border:1px solid color-mix(in srgb, var(--line) 78%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--panel-2) 70%, transparent);color:var(--muted);font-size:12px;line-height:1.2}.d2r-skill-calc .class-meta-points span:first-child{color:var(--text);font-weight:700}.d2r-skill-calc .class-meta-points strong{color:var(--gold);font-size:1.05em;font-weight:900}.d2r-skill-calc .data-meta{max-width:330px;text-align:right}.d2r-skill-calc .skill-trees{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px}.d2r-skill-calc .tree-panel{padding:8px;border:1px solid var(--line);border-radius:var(--radius);background-color:var(--tree-panel-bg);background-image:var(--tree-panel-overlay),var(--tree-panel-image);background-position:center,50% center;background-repeat:no-repeat;background-size:100% 100%,cover;box-shadow:var(--tree-panel-shadow)}.d2r-skill-calc .tree-panel:nth-child(1){background-position:center,20% center}.d2r-skill-calc .tree-panel:nth-child(2){background-position:center,50% center}.d2r-skill-calc .tree-panel:nth-child(3){background-position:center,80% center}.d2r-skill-calc .tree-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;padding:3px 8px;border-bottom:1px solid var(--line);background:var(--tree-title-bg)}.d2r-skill-calc .tree-title h2{margin:0;font-size:16px}.d2r-skill-calc .tree-title span{color:var(--gold);font-weight:700}.d2r-skill-calc .tree-title h2,.d2r-skill-calc .tree-title span{text-shadow:var(--tree-panel-text-shadow)}.d2r-skill-calc .skill-grid{position:relative;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));grid-template-rows:repeat(6, 78px);align-items:center;justify-items:center;gap:6px;min-height:492px}.d2r-skill-calc .skill-links{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:visible;color:color-mix(in srgb, var(--gold) 64%, var(--red));pointer-events:none}.d2r-skill-calc .skill-links marker path,.d2r-skill-calc .skill-links .skill-link-arrow{fill:currentColor;stroke:color-mix(in srgb, currentColor 72%, #1d0805);stroke-width:.25}.d2r-skill-calc .skill-link{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:5.5;opacity:.52;filter:drop-shadow(0 1px 2px rgba(30, 8, 5, 0.82));vector-effect:non-scaling-stroke}.d2r-skill-calc .skill-link.is-met{opacity:.86;stroke-width:6.25}.d2r-skill-calc .skill-node{--d2r-skill-icon: none;position:relative;z-index:1;display:block;inline-size:min(100%,76px);aspect-ratio:67/65;min-inline-size:0;min-block-size:0;overflow:hidden;padding:0;border-color:var(--node-frame);border-radius:var(--radius-node);background-color:var(--node-bg);background-image:linear-gradient(180deg, rgba(255, 225, 160, 0.12), rgba(60, 13, 8, 0.28)),radial-gradient(circle at 50% 18%, rgba(255, 210, 130, 0.2), transparent 45%),var(--d2r-skill-icon);background-position:center,center,left 0 top 0;background-repeat:no-repeat;background-size:100% 100%,100% 100%,200% 100%;box-shadow:inset 0 0 0 1px rgba(255,218,145,.24),inset 0 -14px 20px rgba(32,8,6,.36),0 2px 7px rgba(83,31,17,.22);text-shadow:0 1px 2px rgba(0,0,0,.9)}.d2r-skill-calc .skill-node::before,.d2r-skill-calc .skill-node::after{position:absolute;inset:0;content:"";pointer-events:none}.d2r-skill-calc .skill-node::before{border-radius:inherit;background:linear-gradient(90deg, rgba(255, 226, 165, 0.14), transparent 24%, transparent 76%, rgba(40, 8, 5, 0.2)),linear-gradient(180deg, rgba(255, 236, 185, 0.18), transparent 32%, rgba(23, 5, 4, 0.34));mix-blend-mode:multiply}.d2r-skill-calc .skill-node::after{border:1px solid rgba(255,223,160,.3);border-radius:inherit;box-shadow:inset 0 0 0 2px rgba(35,8,6,.45)}.d2r-skill-calc .skill-node:hover{filter:brightness(1.08) saturate(1.07)}.d2r-skill-calc .skill-node:active{background-position:center,center,right 0 top 0}.d2r-skill-calc .skill-node.unallocated{opacity:.85;filter:saturate(0.74)}.d2r-skill-calc .skill-node.prereq-locked{border-color:color-mix(in srgb, var(--red) 68%, #2a100a);background-color:color-mix(in srgb, var(--red) 46%, var(--node-bg));opacity:.85;filter:saturate(0.96) contrast(0.98);box-shadow:inset 0 0 0 1px rgba(255,197,154,.18),inset 0 -12px 17px rgba(52,5,4,.34),0 0 0 1px color-mix(in srgb, var(--red) 34%, transparent),0 0 6px rgba(128,18,10,.14),0 1px 6px rgba(117,18,10,.17)}.d2r-skill-calc .skill-node.prereq-locked::before{background:linear-gradient(180deg, rgba(255, 145, 102, 0.1), rgba(94, 7, 5, 0.32)),radial-gradient(circle at 50% 20%, rgba(196, 30, 18, 0.24), transparent 58%);mix-blend-mode:multiply}.d2r-skill-calc .skill-node.prereq-locked::after{border-color:rgba(255,142,108,.3);box-shadow:inset 0 0 0 1px rgba(67,3,2,.34),inset 0 0 8px rgba(137,18,10,.18)}.d2r-skill-calc .skill-node.prereq-locked .points{border-color:color-mix(in srgb, var(--red) 50%, #ffd99a);background:rgba(51,5,3,.56);color:#ffe0d1}.d2r-skill-calc .skill-node.locked{border-color:var(--node-frame-locked);background-color:var(--node-locked-bg);opacity:.85;filter:grayscale(0.35) saturate(0.7)}.d2r-skill-calc .skill-node.allocated{border-color:var(--node-frame-active);background-color:var(--node-active-bg);box-shadow:inset 0 0 0 1px rgba(255,224,154,.44),inset 0 -14px 20px rgba(32,8,6,.32),0 0 0 1px rgba(170,102,32,.28),0 3px 12px rgba(135,48,22,.32)}.d2r-skill-calc .skill-node.selected{outline:2px solid var(--node-selected-ring);outline-offset:2px}.d2r-skill-calc .skill-node.dimmed{opacity:.28}.d2r-skill-calc .skill-node.synergy-highlight{border-color:var(--green);opacity:1;filter:brightness(1.12) saturate(1.18);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green) 54%, #fff2c9),inset 0 -14px 20px rgba(32,8,6,.28),0 0 0 2px color-mix(in srgb, var(--green) 58%, transparent),0 0 16px color-mix(in srgb, var(--green) 46%, transparent),0 4px 16px rgba(35,96,51,.34)}.d2r-skill-calc .skill-node.synergy-highlight::after{border-color:color-mix(in srgb, var(--green) 62%, #fff0c0);box-shadow:inset 0 0 0 2px rgba(18,53,25,.42),inset 0 0 12px color-mix(in srgb, var(--green) 30%, transparent),0 0 0 1px color-mix(in srgb, var(--green) 46%, transparent)}.d2r-skill-calc .skill-node.synergy-highlight .points{border-color:color-mix(in srgb, var(--green) 72%, #fff0bd);background:color-mix(in srgb, var(--node-label-bg) 72%, var(--green));color:#f4ffe6}.d2r-skill-calc .skill-node small{position:absolute;inset-block-end:4px;inset-inline-start:5px;z-index:1;color:var(--node-level-color);font-size:10px;line-height:1}.d2r-skill-calc .skill-name{position:absolute;overflow:hidden;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.d2r-skill-calc .points{position:absolute;inset-block-start:4px;inset-inline-end:5px;z-index:1;min-inline-size:24px;padding:2px 4px;border:1px solid rgba(255,214,137,.4);border-radius:var(--radius-pill);background:var(--node-label-bg);color:var(--node-label-color);font-size:10px;font-weight:800;line-height:1;text-align:center}.d2r-skill-calc .points-effective{color:var(--node-magic-color);text-shadow:0 0 5px var(--node-magic-glow)}.d2r-skill-calc .kv{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;margin-bottom:9px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-section);background:var(--panel-2)}.d2r-skill-calc .kv.compact{min-width:0}.d2r-skill-calc .kv span{color:var(--muted)}.d2r-skill-calc .kv strong{text-align:right}.d2r-skill-calc .detail-group{margin:8px 0;padding:8px;border:1px solid var(--line);border-radius:var(--radius-section);background:var(--detail-panel-bg)}.d2r-skill-calc .detail-group h3{margin:0 0 6px;color:var(--gold);font-size:13px}.d2r-skill-calc .desc-line{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid color-mix(in srgb, var(--line) 62%, transparent)}.d2r-skill-calc .desc-line:first-of-type{border-top:0}.d2r-skill-calc .desc-line strong{color:var(--gold);text-align:right}.d2r-skill-calc .synergy-head{display:block;color:var(--green);font-weight:800}.d2r-skill-calc .synergy{color:var(--green)}.d2r-skill-calc .note{display:block;color:var(--muted)}.d2r-skill-calc .calc-table{width:100%;table-layout:fixed;border-collapse:collapse}.d2r-skill-calc .calc-table th,.d2r-skill-calc .calc-table td{min-width:0;padding:5px 3px;border-top:1px solid color-mix(in srgb, var(--line) 62%, transparent);vertical-align:top;overflow-wrap:anywhere;word-break:break-word}.d2r-skill-calc .calc-table th{width:44%;color:var(--muted);font-weight:500;text-align:left}.d2r-skill-calc .calc-table td{color:var(--gold);text-align:right}.d2r-skill-calc .formula-box{margin:8px 0;padding:8px;border:1px dashed var(--formula-line);border-radius:var(--radius-section);background:var(--formula-bg)}.d2r-skill-calc .formula-box summary{color:var(--gold);cursor:pointer}.d2r-skill-calc .formula-box table{width:100%;table-layout:fixed;margin-top:6px;border-collapse:collapse}.d2r-skill-calc .formula-box th,.d2r-skill-calc .formula-box td{min-width:0;padding:5px 3px;border-top:1px solid color-mix(in srgb, var(--line) 62%, transparent);vertical-align:top;overflow-wrap:anywhere;word-break:break-word}.d2r-skill-calc .formula-box th{width:38%;color:var(--muted);text-align:left}.d2r-skill-calc .formula-box td{text-align:left}.d2r-skill-calc .formula-box code{display:block;max-inline-size:100%;color:var(--gold);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.d2r-skill-calc .summary-skill{display:flex;justify-content:space-between;gap:8px;width:100%;margin:5px 0;text-align:left}.d2r-skill-calc .summary-skill strong{color:var(--gold)}.d2r-skill-calc .skill-tooltip{position:absolute;z-index:1000;max-width:min(360px,100vw - 18px);max-height:min(72vh,620px);max-block-size:min(72dvh,620px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:10px;border:1px solid var(--tooltip-border);border-radius:var(--radius-tooltip);background:var(--tooltip-bg);box-shadow:var(--tooltip-shadow);color:var(--tooltip-text);pointer-events:none}.d2r-skill-calc .skill-tooltip.is-pinned,.d2r-skill-calc .skill-tooltip.is-touch-tooltip{pointer-events:auto}.d2r-skill-calc .skill-tooltip>h3{margin:0 0 5px;color:var(--tooltip-skill-name);font-size:15px;text-align:center}.d2r-skill-calc .skill-tooltip>h3 small{color:var(--tooltip-muted);font-weight:400}.d2r-skill-calc .skill-tooltip>p{margin:4px 0;color:var(--tooltip-muted);text-align:center}.d2r-skill-calc .skill-tooltip .tooltip-actions{margin-top:6px;color:var(--tooltip-muted);font-size:12px;text-align:center}.d2r-skill-calc .skill-tooltip .kv.compact{border-color:var(--tooltip-separator);background:var(--tooltip-section-bg)}.d2r-skill-calc .skill-tooltip .kv.compact span{color:var(--tooltip-muted)}.d2r-skill-calc .skill-tooltip .kv.compact strong{color:var(--tooltip-value)}.d2r-skill-calc .skill-tooltip .kv.compact .skill-level-effective{color:var(--tooltip-magic);text-shadow:0 0 5px var(--tooltip-magic-glow)}.d2r-skill-calc .skill-tooltip .kv.compact>.is-unmet-prerequisite{color:var(--tooltip-prerequisite-unmet)}.d2r-skill-calc .skill-tooltip .detail-group{margin:6px 0;padding:7px;border-color:var(--tooltip-separator);background:var(--tooltip-section-bg)}.d2r-skill-calc .skill-tooltip .detail-group.main-values{background:var(--tooltip-section-bg)}.d2r-skill-calc .skill-tooltip .detail-group h3{margin-bottom:4px;color:var(--tooltip-heading);font-size:12px}.d2r-skill-calc .skill-tooltip .desc-line{border-color:var(--tooltip-separator)}.d2r-skill-calc .skill-tooltip .desc-line strong{color:var(--tooltip-value)}.d2r-skill-calc .skill-tooltip .synergy-head,.d2r-skill-calc .skill-tooltip .synergy{color:var(--tooltip-synergy)}.d2r-skill-calc .skill-tooltip .note,.d2r-skill-calc .skill-tooltip .muted{color:var(--tooltip-muted)}.d2r-skill-calc .skill-tooltip.is-touch-tooltip{position:fixed;inset-block-start:15vh !important;inset-block-start:15dvh !important;inset-block-end:15vh;inset-block-end:15dvh;inset-inline-start:50% !important;inline-size:min(90vw,560px);max-width:min(90vw,560px);block-size:70vh;block-size:70dvh;max-block-size:70vh;max-block-size:70dvh;padding:12px;pointer-events:auto;transform:translateX(-50%)}.d2r-skill-calc .skill-tooltip-mobile-help{margin:0 0 8px;color:var(--tooltip-muted);font-size:12px}.d2r-skill-calc .skill-tooltip.is-touch-tooltip .tooltip-actions{display:none}.d2r-skill-calc .skill-tooltip-mobile-footer{position:sticky;inset-block-end:-12px;margin:10px -12px -12px;padding:10px 12px 12px;border-top:1px solid var(--tooltip-separator);background:var(--tooltip-footer-bg)}.d2r-skill-calc .skill-tooltip-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.d2r-skill-calc .skill-tooltip-mobile-status{margin:8px 0 0;color:var(--tooltip-muted)}.d2r-skill-calc .skill-tooltip-action{min-block-size:38px;border-color:var(--tooltip-border);background:var(--tooltip-button-bg);color:var(--tooltip-button-text);font-weight:800}.d2r-skill-calc .skill-tooltip-action:hover,.d2r-skill-calc .skill-tooltip-action:focus-visible{border-color:var(--tooltip-border);background:var(--tooltip-button-bg);color:var(--tooltip-button-text)}.d2r-skill-calc .skill-tooltip-close{position:sticky;inset-block-start:0;float:inline-end;min-inline-size:28px;min-block-size:28px;margin-inline-start:8px;padding:0;border-color:var(--tooltip-border);border-radius:var(--radius-pill);background:var(--tooltip-button-bg);color:var(--tooltip-button-text);font-size:18px;font-weight:800;line-height:1}.d2r-skill-calc .skill-tooltip-close:hover,.d2r-skill-calc .skill-tooltip-close:focus-visible{border-color:var(--tooltip-border);background:var(--tooltip-button-bg);color:var(--tooltip-button-text)}.d2r-skill-calc .error{max-width:760px;margin:40px auto;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.d2r-skill-calc .external-damage-box{margin:10px 0 0;padding:8px;border-color:var(--formula-line);border-style:solid;background:var(--formula-bg)}.d2r-skill-calc .external-damage-box summary{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--gold);cursor:pointer;font-size:16px;list-style:none}.d2r-skill-calc .external-damage-box summary::-webkit-details-marker{display:none}.d2r-skill-calc .external-damage-box summary::after{content:"+";color:var(--gold);font-size:16px;font-weight:800;line-height:1}.d2r-skill-calc .external-damage-box[open] summary::after{content:"–"}.d2r-skill-calc .external-damage-box .external-damage-inner{margin-top:8px}.d2r-skill-calc .external-damage-box .muted{margin:0 0 6px}.d2r-skill-calc[data-d2r-class-id=ama]{--d2r-class-bg: url("img/ama.png")}.d2r-skill-calc[data-d2r-class-id=ass]{--d2r-class-bg: url("img/ass.png")}.d2r-skill-calc[data-d2r-class-id=bar]{--d2r-class-bg: url("img/bar.png")}.d2r-skill-calc[data-d2r-class-id=dru]{--d2r-class-bg: url("img/dru.png")}.d2r-skill-calc[data-d2r-class-id=nec]{--d2r-class-bg: url("img/nec.png")}.d2r-skill-calc[data-d2r-class-id=pal]{--d2r-class-bg: url("img/pal.png")}.d2r-skill-calc[data-d2r-class-id=sor]{--d2r-class-bg: url("img/sor.png")}.d2r-skill-calc[data-d2r-class-id=war]{--d2r-class-bg: url("img/war.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="01"]{--d2r-skill-icon: url("img/ama/01.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="02"]{--d2r-skill-icon: url("img/ama/02.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="03"]{--d2r-skill-icon: url("img/ama/03.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="04"]{--d2r-skill-icon: url("img/ama/04.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="05"]{--d2r-skill-icon: url("img/ama/05.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="06"]{--d2r-skill-icon: url("img/ama/06.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="07"]{--d2r-skill-icon: url("img/ama/07.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="08"]{--d2r-skill-icon: url("img/ama/08.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="09"]{--d2r-skill-icon: url("img/ama/09.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="10"]{--d2r-skill-icon: url("img/ama/10.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="11"]{--d2r-skill-icon: url("img/ama/11.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="12"]{--d2r-skill-icon: url("img/ama/12.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="13"]{--d2r-skill-icon: url("img/ama/13.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="14"]{--d2r-skill-icon: url("img/ama/14.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="15"]{--d2r-skill-icon: url("img/ama/15.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="16"]{--d2r-skill-icon: url("img/ama/16.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="17"]{--d2r-skill-icon: url("img/ama/17.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="18"]{--d2r-skill-icon: url("img/ama/18.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="19"]{--d2r-skill-icon: url("img/ama/19.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="20"]{--d2r-skill-icon: url("img/ama/20.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="21"]{--d2r-skill-icon: url("img/ama/21.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="22"]{--d2r-skill-icon: url("img/ama/22.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="23"]{--d2r-skill-icon: url("img/ama/23.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="24"]{--d2r-skill-icon: url("img/ama/24.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="25"]{--d2r-skill-icon: url("img/ama/25.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="26"]{--d2r-skill-icon: url("img/ama/26.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="27"]{--d2r-skill-icon: url("img/ama/27.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="28"]{--d2r-skill-icon: url("img/ama/28.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="29"]{--d2r-skill-icon: url("img/ama/29.png")}.d2r-skill-calc[data-d2r-class-id=ama] .skill-node[data-d2r-skill-image="30"]{--d2r-skill-icon: url("img/ama/30.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="01"]{--d2r-skill-icon: url("img/ass/01.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="02"]{--d2r-skill-icon: url("img/ass/02.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="03"]{--d2r-skill-icon: url("img/ass/03.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="04"]{--d2r-skill-icon: url("img/ass/04.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="05"]{--d2r-skill-icon: url("img/ass/05.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="06"]{--d2r-skill-icon: url("img/ass/06.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="07"]{--d2r-skill-icon: url("img/ass/07.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="08"]{--d2r-skill-icon: url("img/ass/08.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="09"]{--d2r-skill-icon: url("img/ass/09.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="10"]{--d2r-skill-icon: url("img/ass/10.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="11"]{--d2r-skill-icon: url("img/ass/11.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="12"]{--d2r-skill-icon: url("img/ass/12.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="13"]{--d2r-skill-icon: url("img/ass/13.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="14"]{--d2r-skill-icon: url("img/ass/14.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="15"]{--d2r-skill-icon: url("img/ass/15.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="16"]{--d2r-skill-icon: url("img/ass/16.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="17"]{--d2r-skill-icon: url("img/ass/17.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="18"]{--d2r-skill-icon: url("img/ass/18.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="19"]{--d2r-skill-icon: url("img/ass/19.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="20"]{--d2r-skill-icon: url("img/ass/20.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="21"]{--d2r-skill-icon: url("img/ass/21.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="22"]{--d2r-skill-icon: url("img/ass/22.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="23"]{--d2r-skill-icon: url("img/ass/23.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="24"]{--d2r-skill-icon: url("img/ass/24.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="25"]{--d2r-skill-icon: url("img/ass/25.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="26"]{--d2r-skill-icon: url("img/ass/26.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="27"]{--d2r-skill-icon: url("img/ass/27.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="28"]{--d2r-skill-icon: url("img/ass/28.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="29"]{--d2r-skill-icon: url("img/ass/29.png")}.d2r-skill-calc[data-d2r-class-id=ass] .skill-node[data-d2r-skill-image="30"]{--d2r-skill-icon: url("img/ass/30.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="01"]{--d2r-skill-icon: url("img/bar/01.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="02"]{--d2r-skill-icon: url("img/bar/02.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="03"]{--d2r-skill-icon: url("img/bar/03.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="04"]{--d2r-skill-icon: url("img/bar/04.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="05"]{--d2r-skill-icon: url("img/bar/05.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="06"]{--d2r-skill-icon: url("img/bar/06.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="07"]{--d2r-skill-icon: url("img/bar/07.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="08"]{--d2r-skill-icon: url("img/bar/08.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="09"]{--d2r-skill-icon: url("img/bar/09.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="10"]{--d2r-skill-icon: url("img/bar/10.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="11"]{--d2r-skill-icon: url("img/bar/11.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="12"]{--d2r-skill-icon: url("img/bar/12.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="13"]{--d2r-skill-icon: url("img/bar/13.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="14"]{--d2r-skill-icon: url("img/bar/14.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="15"]{--d2r-skill-icon: url("img/bar/15.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="16"]{--d2r-skill-icon: url("img/bar/16.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="17"]{--d2r-skill-icon: url("img/bar/17.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="18"]{--d2r-skill-icon: url("img/bar/18.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="19"]{--d2r-skill-icon: url("img/bar/19.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="20"]{--d2r-skill-icon: url("img/bar/20.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="21"]{--d2r-skill-icon: url("img/bar/21.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="22"]{--d2r-skill-icon: url("img/bar/22.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="23"]{--d2r-skill-icon: url("img/bar/23.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="24"]{--d2r-skill-icon: url("img/bar/24.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="25"]{--d2r-skill-icon: url("img/bar/25.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="26"]{--d2r-skill-icon: url("img/bar/26.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="27"]{--d2r-skill-icon: url("img/bar/27.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="28"]{--d2r-skill-icon: url("img/bar/28.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="29"]{--d2r-skill-icon: url("img/bar/29.png")}.d2r-skill-calc[data-d2r-class-id=bar] .skill-node[data-d2r-skill-image="30"]{--d2r-skill-icon: url("img/bar/30.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="01"]{--d2r-skill-icon: url("img/dru/01.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="02"]{--d2r-skill-icon: url("img/dru/02.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="03"]{--d2r-skill-icon: url("img/dru/03.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="04"]{--d2r-skill-icon: url("img/dru/04.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="05"]{--d2r-skill-icon: url("img/dru/05.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="06"]{--d2r-skill-icon: url("img/dru/06.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="07"]{--d2r-skill-icon: url("img/dru/07.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="08"]{--d2r-skill-icon: url("img/dru/08.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="09"]{--d2r-skill-icon: url("img/dru/09.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="10"]{--d2r-skill-icon: url("img/dru/10.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="11"]{--d2r-skill-icon: url("img/dru/11.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="12"]{--d2r-skill-icon: url("img/dru/12.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="13"]{--d2r-skill-icon: url("img/dru/13.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="14"]{--d2r-skill-icon: url("img/dru/14.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="15"]{--d2r-skill-icon: url("img/dru/15.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="16"]{--d2r-skill-icon: url("img/dru/16.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="17"]{--d2r-skill-icon: url("img/dru/17.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="18"]{--d2r-skill-icon: url("img/dru/18.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="19"]{--d2r-skill-icon: url("img/dru/19.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="20"]{--d2r-skill-icon: url("img/dru/20.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="21"]{--d2r-skill-icon: url("img/dru/21.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="22"]{--d2r-skill-icon: url("img/dru/22.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="23"]{--d2r-skill-icon: url("img/dru/23.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="24"]{--d2r-skill-icon: url("img/dru/24.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="25"]{--d2r-skill-icon: url("img/dru/25.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="26"]{--d2r-skill-icon: url("img/dru/26.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="27"]{--d2r-skill-icon: url("img/dru/27.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="28"]{--d2r-skill-icon: url("img/dru/28.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="29"]{--d2r-skill-icon: url("img/dru/29.png")}.d2r-skill-calc[data-d2r-class-id=dru] .skill-node[data-d2r-skill-image="30"]{--d2r-skill-icon: url("img/dru/30.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="01"]{--d2r-skill-icon: url("img/nec/01.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="02"]{--d2r-skill-icon: url("img/nec/02.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="03"]{--d2r-skill-icon: url("img/nec/03.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="04"]{--d2r-skill-icon: url("img/nec/04.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="05"]{--d2r-skill-icon: url("img/nec/05.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="06"]{--d2r-skill-icon: url("img/nec/06.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="07"]{--d2r-skill-icon: url("img/nec/07.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="08"]{--d2r-skill-icon: url("img/nec/08.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="09"]{--d2r-skill-icon: url("img/nec/09.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="10"]{--d2r-skill-icon: url("img/nec/10.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="11"]{--d2r-skill-icon: url("img/nec/11.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="12"]{--d2r-skill-icon: url("img/nec/12.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="13"]{--d2r-skill-icon: url("img/nec/13.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="14"]{--d2r-skill-icon: url("img/nec/14.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="15"]{--d2r-skill-icon: url("img/nec/15.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="16"]{--d2r-skill-icon: url("img/nec/16.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="17"]{--d2r-skill-icon: url("img/nec/17.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="18"]{--d2r-skill-icon: url("img/nec/18.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="19"]{--d2r-skill-icon: url("img/nec/19.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="20"]{--d2r-skill-icon: url("img/nec/20.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="21"]{--d2r-skill-icon: url("img/nec/21.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="22"]{--d2r-skill-icon: url("img/nec/22.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="23"]{--d2r-skill-icon: url("img/nec/23.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="24"]{--d2r-skill-icon: url("img/nec/24.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="25"]{--d2r-skill-icon: url("img/nec/25.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="26"]{--d2r-skill-icon: url("img/nec/26.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="27"]{--d2r-skill-icon: url("img/nec/27.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="28"]{--d2r-skill-icon: url("img/nec/28.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="29"]{--d2r-skill-icon: url("img/nec/29.png")}.d2r-skill-calc[data-d2r-class-id=nec] .skill-node[data-d2r-skill-image="30"]{--d2r-skill-icon: url("img/nec/30.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="01"]{--d2r-skill-icon: url("img/pal/01.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="02"]{--d2r-skill-icon: url("img/pal/02.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="03"]{--d2r-skill-icon: url("img/pal/03.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="04"]{--d2r-skill-icon: url("img/pal/04.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="05"]{--d2r-skill-icon: url("img/pal/05.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="06"]{--d2r-skill-icon: url("img/pal/06.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="07"]{--d2r-skill-icon: url("img/pal/07.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="08"]{--d2r-skill-icon: url("img/pal/08.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="09"]{--d2r-skill-icon: url("img/pal/09.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="10"]{--d2r-skill-icon: url("img/pal/10.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="11"]{--d2r-skill-icon: url("img/pal/11.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="12"]{--d2r-skill-icon: url("img/pal/12.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="13"]{--d2r-skill-icon: url("img/pal/13.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="14"]{--d2r-skill-icon: url("img/pal/14.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="15"]{--d2r-skill-icon: url("img/pal/15.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="16"]{--d2r-skill-icon: url("img/pal/16.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="17"]{--d2r-skill-icon: url("img/pal/17.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="18"]{--d2r-skill-icon: url("img/pal/18.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="19"]{--d2r-skill-icon: url("img/pal/19.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="20"]{--d2r-skill-icon: url("img/pal/20.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="21"]{--d2r-skill-icon: url("img/pal/21.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="22"]{--d2r-skill-icon: url("img/pal/22.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="23"]{--d2r-skill-icon: url("img/pal/23.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="24"]{--d2r-skill-icon: url("img/pal/24.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="25"]{--d2r-skill-icon: url("img/pal/25.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="26"]{--d2r-skill-icon: url("img/pal/26.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="27"]{--d2r-skill-icon: url("img/pal/27.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="28"]{--d2r-skill-icon: url("img/pal/28.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="29"]{--d2r-skill-icon: url("img/pal/29.png")}.d2r-skill-calc[data-d2r-class-id=pal] .skill-node[data-d2r-skill-image="30"]{--d2r-skill-icon: url("img/pal/30.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="01"]{--d2r-skill-icon: url("img/sor/01.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="02"]{--d2r-skill-icon: url("img/sor/02.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="03"]{--d2r-skill-icon: url("img/sor/03.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="04"]{--d2r-skill-icon: url("img/sor/04.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="05"]{--d2r-skill-icon: url("img/sor/05.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="06"]{--d2r-skill-icon: url("img/sor/06.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="07"]{--d2r-skill-icon: url("img/sor/07.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="08"]{--d2r-skill-icon: url("img/sor/08.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="09"]{--d2r-skill-icon: url("img/sor/09.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="10"]{--d2r-skill-icon: url("img/sor/10.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="11"]{--d2r-skill-icon: url("img/sor/11.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="12"]{--d2r-skill-icon: url("img/sor/12.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="13"]{--d2r-skill-icon: url("img/sor/13.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="14"]{--d2r-skill-icon: url("img/sor/14.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="15"]{--d2r-skill-icon: url("img/sor/15.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="16"]{--d2r-skill-icon: url("img/sor/16.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="17"]{--d2r-skill-icon: url("img/sor/17.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="18"]{--d2r-skill-icon: url("img/sor/18.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="19"]{--d2r-skill-icon: url("img/sor/19.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="20"]{--d2r-skill-icon: url("img/sor/20.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="21"]{--d2r-skill-icon: url("img/sor/21.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="22"]{--d2r-skill-icon: url("img/sor/22.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="23"]{--d2r-skill-icon: url("img/sor/23.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="24"]{--d2r-skill-icon: url("img/sor/24.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="25"]{--d2r-skill-icon: url("img/sor/25.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="26"]{--d2r-skill-icon: url("img/sor/26.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="27"]{--d2r-skill-icon: url("img/sor/27.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="28"]{--d2r-skill-icon: url("img/sor/28.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="29"]{--d2r-skill-icon: url("img/sor/29.png")}.d2r-skill-calc[data-d2r-class-id=sor] .skill-node[data-d2r-skill-image="30"]{--d2r-skill-icon: url("img/sor/30.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="01"]{--d2r-skill-icon: url("img/war/01.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="02"]{--d2r-skill-icon: url("img/war/02.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="03"]{--d2r-skill-icon: url("img/war/03.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="04"]{--d2r-skill-icon: url("img/war/04.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="05"]{--d2r-skill-icon: url("img/war/05.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="06"]{--d2r-skill-icon: url("img/war/06.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="07"]{--d2r-skill-icon: url("img/war/07.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="08"]{--d2r-skill-icon: url("img/war/08.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="09"]{--d2r-skill-icon: url("img/war/09.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="10"]{--d2r-skill-icon: url("img/war/10.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="11"]{--d2r-skill-icon: url("img/war/11.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="12"]{--d2r-skill-icon: url("img/war/12.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="13"]{--d2r-skill-icon: url("img/war/13.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="14"]{--d2r-skill-icon: url("img/war/14.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="15"]{--d2r-skill-icon: url("img/war/15.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="16"]{--d2r-skill-icon: url("img/war/16.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="17"]{--d2r-skill-icon: url("img/war/17.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="18"]{--d2r-skill-icon: url("img/war/18.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="19"]{--d2r-skill-icon: url("img/war/19.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="20"]{--d2r-skill-icon: url("img/war/20.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="21"]{--d2r-skill-icon: url("img/war/21.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="22"]{--d2r-skill-icon: url("img/war/22.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="23"]{--d2r-skill-icon: url("img/war/23.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="24"]{--d2r-skill-icon: url("img/war/24.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="25"]{--d2r-skill-icon: url("img/war/25.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="26"]{--d2r-skill-icon: url("img/war/26.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="27"]{--d2r-skill-icon: url("img/war/27.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="28"]{--d2r-skill-icon: url("img/war/28.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="29"]{--d2r-skill-icon: url("img/war/29.png")}.d2r-skill-calc[data-d2r-class-id=war] .skill-node[data-d2r-skill-image="30"]{--d2r-skill-icon: url("img/war/30.png")}.d2r-skill-calc.is-d2r-width-medium .app-layout{grid-template-areas:"toolbar toolbar" "controls planner" "detail detail";grid-template-columns:180px minmax(0, 1fr)}.d2r-skill-calc.is-d2r-width-medium .controls,.d2r-skill-calc.is-d2r-width-medium .detail-panel{position:static;max-height:none;overflow:visible}.d2r-skill-calc.is-d2r-width-medium .skill-trees{grid-template-columns:1fr}.d2r-skill-calc.is-d2r-width-medium .skill-grid{grid-template-rows:repeat(6, 74px);min-height:468px}.d2r-skill-calc.is-d2r-width-medium .skill-node{inline-size:min(100%,74px)}.d2r-skill-calc.is-d2r-width-medium .top-toolbar{grid-template-columns:1fr}.d2r-skill-calc.is-d2r-width-medium .toolbar-actions{grid-template-columns:repeat(2, minmax(0, 1fr))}.d2r-skill-calc.is-d2r-width-small{padding:0}.d2r-skill-calc.is-d2r-width-small .hero{display:block;padding:12px}.d2r-skill-calc.is-d2r-width-small .hero-side{align-self:auto;align-content:start;grid-template-columns:1fr;margin-top:9px;margin-inline-start:0}.d2r-skill-calc.is-d2r-width-small .class-links{justify-content:flex-start;max-inline-size:none;margin-top:9px;margin-inline-start:0}.d2r-skill-calc.is-d2r-width-small .top-toolbar{padding:9px}.d2r-skill-calc.is-d2r-width-small .toolbar-main,.d2r-skill-calc.is-d2r-width-small .two-col,.d2r-skill-calc.is-d2r-width-small .skill-trees{grid-template-columns:1fr}.d2r-skill-calc.is-d2r-width-small .toolbar-actions{grid-template-columns:1fr 1fr}.d2r-skill-calc.is-d2r-width-small .app-layout{grid-template-areas:"toolbar" "controls" "planner" "detail";grid-template-columns:1fr}.d2r-skill-calc.is-d2r-width-small .controls{position:static;max-height:none;overflow:visible}.d2r-skill-calc.is-d2r-width-small .planner-head{display:block}.d2r-skill-calc.is-d2r-width-small .planner-heading-block{min-width:0}.d2r-skill-calc.is-d2r-width-small .planner-title-row{align-items:flex-start;flex-wrap:wrap}.d2r-skill-calc.is-d2r-width-small .data-meta{text-align:left}.d2r-skill-calc.is-d2r-width-small .skill-grid{grid-template-rows:repeat(6, 70px);min-height:444px}.d2r-skill-calc.is-d2r-width-small .skill-node{inline-size:min(100%,70px)}.d2r-skill-calc.is-d2r-width-small .external-damage-box summary{font-size:15px}@keyframes d2rSkillClassArtworkFadeIn{from{opacity:0}to{opacity:.2}}@media(prefers-reduced-motion: reduce){.d2r-skill-calc.is-d2r-rendered::before{animation:none}}.color_scheme_dark .d2r-skill-calc{--panel: #17100d;--panel-2: #211712;--panel-3: #100b08;--panel-bg: rgba(23, 16, 13, 0.44);--panel-bg-2: rgba(33, 23, 18, 0.48);--tree-panel-bg: rgba(16, 11, 8, 0.42);--tree-panel-overlay: linear-gradient(180deg, rgba(8, 6, 5, 0.56), rgba(11, 7, 5, 0.70));--tree-panel-shadow: inset 0 0 28px rgba(0, 0, 0, 0.46);--tree-panel-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.86);--tree-title-bg: linear-gradient(90deg, rgba(8, 6, 5, 0.82), rgba(8, 6, 5, 0.68));--detail-panel-bg: rgba(9, 6, 5, 0.34);--formula-bg: rgba(169, 65, 47, 0.13);--formula-line: rgba(169, 65, 47, 0.78);--status-panel-bg: rgba(106, 161, 95, 0.08);--status-panel-line: rgba(106, 161, 95, 0.32);--line: #3b2a22;--line-strong: #8a3a27;--line-warm: #6b452a;--text: #f4e7d0;--muted: #b99f82;--gold: #d6a64a;--gold-soft: #2b1d12;--red: #a9412f;--green: #6aa15f;--blue: #6898d8;--blue-soft: rgba(104, 152, 216, 0.14);--shadow: 0 12px 36px rgba(0, 0, 0, 0.34);--node-bg: #120c09;--node-locked-bg: #17100d;--node-active-bg: #2f1b11;--node-selected-ring: #d6a64a;--node-frame: #4b1d16;--node-frame-active: #d6a64a;--node-frame-locked: #3f3028;--node-label-bg: rgba(9, 5, 4, 0.82);--node-label-color: #ffe2a4;--node-level-color: #b99f82;--tooltip-bg: rgba(8, 6, 5, 0.97);--tooltip-border: #8f7047;--tooltip-text: #ddd1bd;--tooltip-muted: #b99f82;--tooltip-skill-name: #55ff55;--tooltip-heading: #d6a64a;--tooltip-value: #f4e7d0;--tooltip-synergy: #78e06f;--tooltip-section-bg: rgba(255, 255, 255, 0.035);--tooltip-separator: rgba(214, 166, 74, 0.22);--tooltip-footer-bg: rgba(10, 8, 6, 0.98);--tooltip-button-bg: #2b1d12;--tooltip-button-text: #f2dfbf;--tooltip-magic: #6898d8;--tooltip-magic-glow: rgba(104, 152, 216, 0.42);--tooltip-prerequisite-unmet: #ff6b5f;--tooltip-shadow: 0 18px 55px rgba(0, 0, 0, 0.62), inset 0 0 0 1px rgba(214, 166, 74, 0.08);--active-link-bg: #3d2d1f;--active-link-text: #f2dfbf;--active-link-border: #ad7a3c;color-scheme:dark}.color_scheme_dark .d2r-skill-calc button{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06)}.color_scheme_dark .d2r-skill-calc .hero{background:rgba(0,0,0,0)}.color_scheme_dark .d2r-skill-calc .class-links a.classic-version-link,.color_scheme_dark .d2r-skill-calc .class-links a.theme-toggle-link{border-color:color-mix(in srgb, var(--line-strong) 62%, transparent);background:color-mix(in srgb, var(--panel-bg-2) 76%, var(--gold-soft));color:color-mix(in srgb, var(--text) 84%, var(--red));box-shadow:none}.color_scheme_dark .d2r-skill-calc .class-links a.classic-version-link:hover,.color_scheme_dark .d2r-skill-calc .class-links a.classic-version-link:focus-visible,.color_scheme_dark .d2r-skill-calc .class-links a.theme-toggle-link:hover,.color_scheme_dark .d2r-skill-calc .class-links a.theme-toggle-link:focus-visible{border-color:var(--line-strong);background:color-mix(in srgb, var(--gold-soft) 62%, var(--panel-bg-2));box-shadow:0 2px 10px color-mix(in srgb, var(--gold) 16%, transparent);color:var(--red)}
