
/* V11: Horde Illustrated Tools. Gold borders retained; decorative corner stamps removed. */
.nr-page-head,.nt-page-head{
    position:relative;isolation:isolate;overflow:hidden;
    border:1px solid #8b3f24;border-radius:5px;
    min-height:160px;display:flex;flex-direction:column;justify-content:center;
    padding:24px clamp(18px,3vw,36px);margin:0 0 14px;
    box-shadow:0 0 0 3px #140807,0 0 0 4px #703b28,0 7px 28px #000a,inset 0 0 35px #0008;
    background:#1f100c;
}
.nr-page-head::before,.nt-page-head::before{
    content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(90deg,#180807f8 0%,#210b07e6 16%,#1b0808a0 36%,#0a030322 68%,#1a07083d 100%),url('../assets/tool-raid-header.webp') center center/cover;
}
.nt-page-head::before{background-image:linear-gradient(90deg,#160705f8,#1d0908db 23%,#12050561 62%,#11050533),url('../assets/tool-talent-header.webp')}
.nr-page-head::after,.nt-page-head::after{
    content:'';position:absolute;inset:auto 0 0;height:8px;pointer-events:none;
    background:linear-gradient(180deg,#1c0a07,#21120e 34%,#b56b34 46%,#240e0a 62%,#0b0606);box-shadow:0 -1px 8px #a82b164c;
}
.nr-page-head .page-title,.nt-page-head .page-title{
    font-size:clamp(30px,3.0vw,45px);text-shadow:0 2px 5px #080302,0 0 17px #180504;
}
.nr-page-head .page-subtitle,.nt-page-head .page-subtitle{max-width:620px;margin:3px 0 0;color:#f1d7c1;text-shadow:0 2px 4px #000b}
.nr-page-head .eyebrow,.nt-page-head .eyebrow{color:#ffbb61;text-shadow:0 2px 5px #000d}
.nr-shell,.nt-workspace,.nt-hub{
    position:relative;isolation:isolate;border:1px solid #91603a;
    box-shadow:0 0 0 3px #100605,0 0 0 4px #59271b,0 9px 24px #0009,inset 0 0 0 2px #301711;
    background:linear-gradient(160deg,#1e110feF 0%,#0d0707f9 100%),url('../assets/ember-stone.webp') center/cover;
}
.nr-shell{padding:23px 21px 22px}

.nr-shell>* ,.nt-workspace>* ,.nt-hub>*{position:relative;z-index:1}
.nr-top{border-bottom:1px solid #8a4829;padding-bottom:15px;box-shadow:0 1px 0 #140907}
.nr-size-switch{border-color:#9b5835;background:#0f0706;box-shadow:inset 0 0 15px #0009}
.nr-size-switch button.on{
    background:linear-gradient(#b33a23,#6e100b 50%,#3e0c09);color:#ffe9c5;
    border-color:#ed713e;text-shadow:0 1px 2px #0009;
    box-shadow:0 0 0 1px #49190f,inset 0 1px 0 #e9814a69,0 3px 9px #0009;
}
.nr-outline,.nr-solid,.nt-build-actions button{
    background-image:linear-gradient(180deg,#321810,#130a08 88%);
    box-shadow:inset 0 1px 0 #cf8b4a26,0 1px 7px #0008;
    border-color:#a66e42;color:#f1c98b;
}
.nr-outline:hover,.nt-build-actions button:hover{background-image:linear-gradient(180deg,#5d2419,#24100d);border-color:#f5ac60}
.nr-titlebar{border-bottom:1px solid #4b231a;padding-bottom:9px;margin-bottom:15px}
.nr-titlebar input{background:#130907d9;border-color:#92532d;box-shadow:inset 0 1px 9px #0006}
.nr-metrics{gap:12px}
.nr-stat{border:1px solid #89563a;min-height:110px;
    box-shadow:inset 0 0 14px #090303a1,0 3px 7px #0007;
    background:linear-gradient(90deg,#1a0a08a3,#160907e0),url('../assets/tool-group-1.webp') center 45%/cover;
}
.nr-stat:nth-child(2){background-image:linear-gradient(90deg,#10151dcc,#0b1116d9),url('../assets/tool-group-4.webp');border-color:#537795}
.nr-stat:nth-child(3){background-image:linear-gradient(90deg,#0b1610c9,#08130ae5),url('../assets/tool-group-3.webp');border-color:#527b52}
.nr-stat:nth-child(4){background-image:linear-gradient(90deg,#241005b3,#1e0b08dc),url('../assets/tool-group-2.webp');border-color:#ab6036}
.nr-stat::before{width:4px;box-shadow:1px 0 5px #0009}
.nr-stat b{color:#fff0d8;text-shadow:0 2px 3px #000c}
.nr-stat span{color:#f1d6b8;text-shadow:0 1px 2px #000}
.nr-composition{border-color:#95613b;min-height:66px;background:
    linear-gradient(90deg,#170b09e6,#170907ce 44%,#1c0b08b0),url('../assets/raid-banner.webp') center 57%/cover;
    box-shadow:inset 0 0 18px #100505b5,0 3px 8px #0008}
.nr-comp-heading{color:#ffce79}
.nr-group{
    position:relative;border:2px solid #8b4b2b;border-radius:3px;
    background:#170a08;
    box-shadow:0 0 0 2px #130807,0 0 0 3px #382019,0 6px 18px #000b,inset 0 0 18px #0008;
}

.nr-group-heading{
    min-height:53px;position:relative;border-bottom:2px solid #865034;padding:12px 16px;
    background:linear-gradient(90deg,#2c100ee0,#401b14b3 52%,#180907d8),url('../assets/raid-banner.webp') center/cover;
    color:#ebc48b;box-shadow:inset 0 1px 0 #ed9c4540;
}
.nr-group-heading::before{content:'';position:absolute;right:22px;top:0;width:52px;height:20px;background:#9f211c;clip-path:polygon(0 0,100% 0,100% 80%,50% 60%,0 80%);opacity:.7;pointer-events:none}
.nr-group-number{color:#f8cd84;font-size:25px;text-shadow:0 2px 3px #000}
.nr-party{padding:10px;background:linear-gradient(90deg,#140705e6,#150909b9 55%,#170907d2),url('../assets/tool-group-1.webp') center/cover}
.nr-group:nth-child(2) .nr-party{background-image:linear-gradient(90deg,#140705e1,#150909b5 55%,#170907d5),url('../assets/tool-group-2.webp')}
.nr-group:nth-child(3) .nr-party{background-image:linear-gradient(90deg,#140705e1,#150909b5 55%,#170907d5),url('../assets/tool-group-3.webp')}
.nr-group:nth-child(4) .nr-party{background-image:linear-gradient(90deg,#140705e1,#150909b5 55%,#170907d5),url('../assets/tool-group-4.webp')}
.nr-member{border-bottom:1px solid #69402dbd;min-height:62px;text-shadow:0 1px 3px #0009}
.nr-member:hover,.nr-member.is-selected{background:#72311b97;border:1px solid #cf7c4c}
.nr-role{background:#170b09b8;border-color:#996140;color:#deb181}
.nr-class-icon{border-radius:3px;box-shadow:inset 0 1px 4px #0009,0 0 0 1px #26110c}
.nr-sidepanel{border:2px solid #82472d;
    background:linear-gradient(150deg,#1e0d0be8,#140909f9),url('../assets/tool-group-3.webp') center/cover;
    box-shadow:0 0 0 2px #130707,0 6px 12px #000a;padding:17px}
.nr-panel-head{color:#ffd18b;border-bottom-color:#895137}
.nr-roster-search input{background:#100806e8;border-color:#985536}
.nr-warn{background:linear-gradient(90deg,#73412398,#321810da);border-color:#956038;color:#f4d2b1}
.nr-bench-btn{background:#2c150eb6}
/* Talent calculator: a fortress header, three dedicated illustrated tree boards. */
.nt-workspace{background-image:linear-gradient(180deg,#1a0c0afa,#0f0707f7),url('../assets/ember-stone.webp');padding:17px}
.nt-class-picker{border-bottom:1px solid #956037;padding-bottom:10px}
.nt-top-controls{background:
    linear-gradient(90deg,#35150fe6,#28110bdc),url('../assets/raid-map.webp') center/cover;
    border:1px solid #925233;box-shadow:inset 0 1px 0 #e99e503f,0 4px 12px #0008}
.nt-points-metric>b{border-color:#cf8548;box-shadow:0 0 0 3px #281309,0 0 15px #7d3214a3;color:#ffe3a3}
.nt-tree{border:2px solid #955b34;border-radius:4px;
    background:#1e0b09;position:relative;
    box-shadow:0 0 0 2px #140807,0 5px 18px #000b,inset 0 0 18px #0009;}

.nt-tree-heading{
    background:linear-gradient(90deg,#370f0dbb,#260d0ec9),url('../assets/raid-banner.webp') center/cover;
    border-bottom:2px solid #a05f35;box-shadow:inset 0 1px 0 #eea2544a}
.nt-tree-heading h3{font-size:23px;color:#ffe0a4;text-shadow:0 2px 3px #000e}
.nt-tree-art{background:
    linear-gradient(180deg,#1b0608ce 0%,#1b0807ad 45%,#140707eb 100%),url('../assets/talent-arms.webp') center/cover;
    box-shadow:inset 0 0 35px #0009}
.nt-tree:nth-child(2) .nt-tree-art{background-image:linear-gradient(180deg,#240b03ce,#240b05ad 45%,#1a0806ed),url('../assets/talent-fury.webp')}
.nt-tree:nth-child(3) .nt-tree-art{background-image:linear-gradient(180deg,#050f1cba,#070d1da7 45%,#080a15eb),url('../assets/talent-protection.webp')}
.nt-talent{background:linear-gradient(160deg,#361a10ee,#1b0b09f7);border-color:#95613f;
    box-shadow:0 3px 7px #000a,inset 0 1px 0 #d38e3b25}
.nt-talent:hover{border-color:#f4b565;box-shadow:0 0 0 1px #f4a251,0 0 12px #ef62296e}
.nt-talent-art{border:1px solid #b27543;
    background:linear-gradient(145deg,#834b27,#2c160f 45%,#160906);
    box-shadow:inset 0 1px 0 #ffdfaa26,0 2px 4px #000b}
.nt-talent.maxed .nt-talent-art{background:linear-gradient(145deg,#efc45d,#7d471a 50%,#42200b);box-shadow:0 0 12px #eebe4480}
.nt-tree-foot{border-top:1px solid #9a6037;background:linear-gradient(#37190f,#1b0a08)}
.nt-inspect{border:2px solid #955b37;background:
    linear-gradient(170deg,#29110edb,#120808f9),url('../assets/tool-group-4.webp') center/cover;
    box-shadow:0 0 0 2px #100807,0 5px 18px #000a}
.nt-inspect-label{color:#ffce82;background:linear-gradient(90deg,#492015,#260e0b);border-bottom:1px solid #9b532f}
.nt-save-area{background:linear-gradient(145deg,#220f0bd9,#180a09ea)}
.nt-guidebar{border-color:#8e5b39;color:#d4ac8a;background:#28130dbb}
.nt-hub{background-image:linear-gradient(90deg,#210d0bec,#160909f8),url('../assets/tool-raid-header.webp');background-size:cover;background-position:center top}
.nt-class-card{box-shadow:inset 0 1px 0 #cd8a4b22,0 3px 10px #0006}
@media(max-width:1250px){.nr-page-head,.nt-page-head{min-height:145px}.nr-shell{padding:18px 14px}.nr-page-head .page-title,.nt-page-head .page-title{font-size:36px}}
@media(max-width:650px){
 .nr-page-head,.nt-page-head{min-height:125px;padding:18px 15px;margin-bottom:12px}
 .nr-page-head .page-title,.nt-page-head .page-title{font-size:30px}
 .nr-shell,.nt-workspace,.nt-hub{box-shadow:0 0 0 1px #925633,0 5px 14px #0008}
 .nr-shell{padding:14px 11px}.nr-group-heading{padding:10px}
 .nr-stat{min-height:89px}.nt-workspace{padding:11px}
 .nt-tree-art{background-attachment:scroll}
}
@media(prefers-reduced-motion:reduce){.nr-member,.nt-talent{transition:none}}
