.nt-calculator{color:#d9d7cb;font:12px Arial,sans-serif;margin:18px 0}.nt-calculator *{box-sizing:border-box}.nt-controls{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:12px}.nt-controls label{display:flex;align-items:center;gap:10px}.nt-calculator .nt-controls input{width:72px;height:32px;padding:4px 8px;color:#e5d8bc;background:#181713;border:1px solid #68604c}.nt-calculator .nt-controls button{height:32px;padding:0 16px;background:#333128;border:1px solid #88764e;color:#e4d3af;border-radius:2px;clip-path:none;box-shadow:none}.nt-help{font:12px Arial,sans-serif;color:#aaa391;margin:0 0 14px}.nt-scroll{overflow-x:auto;max-width:100%;padding-bottom:8px}.nt-window{width:925px;margin:0 auto}.nt-caption{height:28px;padding:6px 12px;background:linear-gradient(#454338,#1a1915);border:1px solid #9b8750;border-radius:7px 7px 0 0;font:bold 12px Arial,sans-serif;text-align:center;color:#ded6bd;text-shadow:1px 1px #000}.nt-board{position:relative;width:925px;height:442px;background:url('/db/assets/native-tree/atlas.png') 0 0 no-repeat}.nt-branch{position:absolute;top:0;width:300px;height:412px}.nt-branch h2{height:27px;margin:0;padding:6px 0;text-align:center;font:12px Arial,sans-serif;color:#d8d1b4;text-shadow:1px 1px #000}.nt-slot{position:absolute;width:48px;height:48px}.nt-calculator .nt-node{position:relative;z-index:2;display:block;width:48px;height:48px;margin:0;padding:0;border:1px solid #77735e;border-radius:0;background:#111;clip-path:none;box-shadow:1px 1px 2px #000;transform:none;transition:none;cursor:pointer}.nt-node img{display:block;width:46px;height:46px;object-fit:contain}.nt-slot.is-locked img{filter:brightness(.42) saturate(.25)}.nt-slot.is-ready .nt-node{border-color:#b8a56b}.nt-slot.is-learned .nt-node{border-color:#90aa52}.nt-slot.is-maxed .nt-node{border-color:#e2c06b}.nt-calculator .nt-node:hover,.nt-calculator .nt-node:focus-visible{outline:1px solid #e8cd7f;outline-offset:1px;transform:none;box-shadow:0 0 0 1px #080806}.nt-rank{position:absolute;bottom:-1px;right:-1px;min-width:27px;height:15px;line-height:14px;padding:0 3px;text-align:center;font:11px Arial,sans-serif;color:#d9d7c9;background:#11120e;border:1px solid #69664c;text-shadow:1px 1px #000}.is-maxed .nt-rank{color:#f8dc71}.nt-link{position:absolute;z-index:1;display:block;background:#bca35c;box-shadow:1px 0 #544329;pointer-events:none}.nt-n{width:3px;height:12px;left:23px;top:-12px}.nt-s{width:3px;height:12px;left:23px;top:48px}.nt-e{height:3px;width:22px;top:23px;left:48px}.nt-w{height:3px;width:22px;top:23px;left:-22px}.nt-empty .nt-n{height:36px}.nt-empty .nt-s{height:36px;top:24px}.nt-empty .nt-e{left:24px;width:46px}.nt-empty .nt-w{width:46px}.nt-line-1.nt-n:after{content:'';position:absolute;bottom:-3px;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #d1b46a}.nt-footer{position:absolute;bottom:0;left:10px;right:20px;height:27px;display:flex;align-items:center;justify-content:space-between;color:#e0d6b8;font:12px Arial,sans-serif;gap:12px}.nt-footer small{color:#a6a18d}.nt-footer [role=status]{max-width:590px;color:#e6b981}.nt-base-skills{margin-top:12px;max-width:925px;margin-inline:auto;color:#bfb49e}.nt-base-skills summary{cursor:pointer;padding:10px 0;color:#d9c49d}.nt-base-skills>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px 20px;padding:12px 0}.nt-base-skills label{display:flex;align-items:center;gap:7px;font-size:12px}.nt-base-skills input{accent-color:#af914f}.nt-tooltip{position:fixed;z-index:10000;max-width:340px;padding:13px 15px;background:rgba(12,13,10,.98);border:1px solid #9c9065;box-shadow:2px 3px 12px #0009;color:#e7e5d8;font:12px/1.5 Arial,sans-serif;pointer-events:none}.nt-tooltip[hidden]{display:none}.nt-tooltip strong{display:block;color:#e8d18e;font-size:14px;margin-bottom:6px}.nt-tooltip p{white-space:pre-line;margin:6px 0}.nt-tooltip .nt-ok{color:#a5c985}.nt-tooltip .nt-bad{color:#e79b87}.nt-tooltip hr{border:0;border-top:1px solid #4b493b;margin:8px 0}.nt-calculator input:focus-visible,.nt-controls button:focus-visible{outline:2px solid #c6ae68;outline-offset:2px}
/* Class illustrations sit behind the native geometry, outside icon hit areas. */
body[data-page="trees"] .site-art{height:760px;background-image:linear-gradient(90deg,#180e09ed 0%,#180e096b 48%,#180e0910 80%),linear-gradient(0deg,#180e09 0%,#180e0900 60%),var(--r2-class-art,url('/db/assets/class-art/knight.webp'));background-position:center top;background-size:cover;opacity:.7;filter:none}
.nt-board:before{content:"";position:absolute;inset:28px 21px 30px 4px;background-image:var(--r2-class-art,url('/db/assets/class-art/knight.webp'));background-size:cover;background-position:center;opacity:.19;pointer-events:none;filter:saturate(.65);mask-image:linear-gradient(90deg,#0004,#0009 65%,#000)}
.nt-branch{z-index:1}.nt-footer{z-index:2}.nt-window{box-shadow:0 12px 36px #0005}
@media(max-width:640px){body[data-page="trees"] .site-art{height:490px;background-position:65% top;opacity:.5}.nt-board:before{opacity:.15}}