/* Competitive titles and five-stage achievements; artwork is supplied by the portal. */
.hn-root{--hn-accent:#d9b76f;--hn-ink:#f0e7d4;--hn-muted:#a8a3b0;--hn-border:#ffffff13;color:#e9e6ec}
.hn-root :is(button,a,input,select,textarea):focus-visible{outline:2px solid #e7c478;outline-offset:3px}
.hn-section{margin:26px 0}.hn-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.hn-section-head h2{margin:0 0 6px;font-size:25px;line-height:1.15}.hn-section-head p{margin:0;color:var(--hn-muted);font-size:12px;line-height:1.6}.hn-kicker{display:block;color:var(--hn-accent);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
.hn-art{display:inline-grid;place-items:center;position:relative;aspect-ratio:1;isolation:isolate}.hn-art :is(img,svg){display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.hn-art::before{content:"";position:absolute;inset:17%;background:var(--hn-glow,#bd9957);filter:blur(28px);opacity:.17;z-index:-1;border-radius:50%}.hn-art-missing{display:grid;place-items:center;width:100%;height:100%;max-width:120px;min-height:48px;padding:12px;color:#827d88;font-size:10px;line-height:1.5;text-align:center;border:1px dashed #ffffff12;border-radius:8px}.hn-art.is-locked :is(img,svg){filter:grayscale(1);opacity:.28}.hn-art.is-locked::before{opacity:0}
.hn-title-badge{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;width:29px;height:29px;margin:0 3px;--hn-glow:var(--hn-color,#d9b76f)}.hn-title-badge>.hn-art{width:100%;height:100%}.hn-title-badge .hn-art::before{filter:blur(8px);opacity:.35}.hn-title-badge .hn-art-missing{padding:0;border:0;min-height:0;font-size:9px;font-weight:800;color:var(--hn-color,#d9b76f)}.hn-title-badge.is-large{width:68px;height:68px;margin:0}.hn-title-badge.is-large .hn-art::before{filter:blur(15px);opacity:.27}
.hn-profile-hero{position:relative;display:flex;align-items:center;gap:27px;padding:27px 30px;border:1px solid #d5b56b40;border-radius:13px;background:radial-gradient(ellipse at 7% 20%,#b1822a1f,transparent 52%),linear-gradient(115deg,#201d1b,#15141b);overflow:hidden}.hn-profile-hero>.hn-art{flex:0 0 138px;width:138px}.hn-profile-hero h2{font-size:30px;line-height:1.12;margin:0 0 10px;overflow-wrap:anywhere}.hn-profile-copy{min-width:0;flex:1}.hn-profile-copy>p{margin:0;color:#b5adb8;line-height:1.65;font-size:13px}.hn-profile-sub{display:flex;gap:14px;flex-wrap:wrap;margin-top:13px;color:#aaa2ad;font-size:11px}.hn-profile-sub strong{color:#e5cf9f;font-weight:600}.hn-profile-seal{display:grid;gap:7px;border-left:1px solid #d1ae6524;padding-left:24px;min-width:145px}.hn-profile-seal strong{color:#e3c37e;font-size:24px}.hn-profile-seal small{font-size:10px;color:#aaa1ad}
.hn-overview{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hn-overview span{padding:8px 12px;border:1px solid #ffffff10;border-radius:6px;color:#aaa4b2;font-size:11px;background:#ffffff02}.hn-overview strong{color:#e4cea0;margin-right:5px}
.hn-achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.hn-achievement{--hn-glow:#c6a76a;position:relative;min-width:0;overflow:hidden;border:1px solid #50412c;border-radius:12px;background:radial-gradient(ellipse at 50% 15%,#b79c5b0e,transparent 58%),linear-gradient(155deg,#1b191e,#131419);padding:20px;display:flex;flex-direction:column}.hn-achievement.is-locked{border-color:#38333e;background:linear-gradient(155deg,#18171c,#131419)}.hn-achievement.is-complete{border-color:#c8a96780;box-shadow:inset 0 1px 0 #e7c57612}.hn-achievement-top{display:flex;justify-content:space-between;gap:10px;color:#b3a596;font-size:9px;letter-spacing:.1em;text-transform:uppercase;min-height:17px}.hn-achievement-status{color:#c9ab71}.hn-achievement.is-locked .hn-achievement-status{color:#837b8c}.hn-achievement>.hn-art{width:min(100%,170px);align-self:center;margin:7px 0 10px;--hn-glow:var(--hn-tier-color,#c6a76a)}.hn-achievement h3{margin:0 0 8px;line-height:1.2;font-size:19px;overflow-wrap:anywhere}.hn-achievement-description{margin:0 0 15px;color:#a39ba9;font-size:12px;line-height:1.6;min-height:38px}.hn-tier-line{display:flex;justify-content:space-between;gap:6px;margin:3px 0 16px}.hn-tier{position:relative;flex:1;min-width:0;padding:7px 3px;border:1px solid #49404c;border-radius:5px;background:#1d1a21;color:#716a79;font-size:10px;text-align:center;font-weight:750;cursor:pointer}.hn-tier.is-earned{color:#ddc28d;border-color:#917345;background:#69502a25}.hn-tier.is-current{outline:1px solid #e3c279;outline-offset:2px}.hn-tier:hover{border-color:#b79b62}.hn-tier:disabled{cursor:default}.hn-tier-detail{color:#bcb3c1;font-size:11px;line-height:1.5;min-height:35px;margin:0 0 11px}.hn-tier-detail strong{color:#e1c98f}.hn-progress{margin-top:auto}.hn-progress-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#918896;margin:0 0 8px}.hn-progress-label strong{color:#ccc2ce;font-weight:600}.hn-progress-track{height:5px;border-radius:4px;background:#ffffff09;overflow:hidden}.hn-progress-track i{display:block;height:100%;width:var(--hn-progress,0%);border-radius:inherit;background:linear-gradient(90deg,#96713f,#e0bf79);box-shadow:0 0 12px #e1b56730}.hn-progress-note{font-size:10px;color:#89818f;line-height:1.5;margin:9px 0 0}.hn-achievement-unlocked{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff0a;margin-top:15px;padding-top:11px;font-size:10px;color:#b2a6bc}
.hn-rewards{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 0}.hn-reward{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:5px;background:#e6bd6010;border:1px solid #c8a55f20;color:#d6c496;font-size:10px;line-height:1.3}.hn-reward svg{width:13px;height:13px}.hn-reward small{color:#a89a83;font-size:9px}.hn-reward.is-item{color:#c1b7d7;border-color:#9d82c326;background:#9d82c30c}
.hn-notice{padding:14px 17px;border:1px solid #a887423b;border-radius:8px;background:#79602d0d;color:#bfb29c;font-size:12px;line-height:1.7;margin:16px 0}.hn-notice.is-error{border-color:#c8686840;background:#8e414114;color:#e0aaaa}.hn-notice.is-muted{border-color:#ffffff13;background:#ffffff03;color:#9c95a3}.hn-empty{padding:35px 25px;text-align:center;border:1px dashed #534957;border-radius:11px;background:#18161c}.hn-empty h3{font-size:18px;margin:0 0 9px;color:#cfc5d4}.hn-empty p{margin:0;color:#948b9b;font-size:12px;line-height:1.7}.hn-loading{padding:35px;color:#afa4b6;text-align:center;border:1px solid #ffffff13;border-radius:12px;background:#18161c}.hn-loading:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#cfaf6d;margin-right:10px;animation:hn-pulse 1.5s ease-in-out infinite}
.hn-faction-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:27px 0 16px}.hn-faction-heading h2{font-size:26px;margin:0;color:var(--hn-color,#d9b76f)}.hn-faction-heading p{margin:6px 0 0;font-size:12px;color:#9c94a5}.hn-period{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#aaa0b1;font-size:11px}.hn-period strong{font-weight:600;color:#e2ce9f}.hn-title-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.hn-title-card{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--hn-color,#c0a16d) 35%,#26232b);background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--hn-color,#c0a16d) 9%,transparent),transparent 60%),#17161c}.hn-title-card.is-vacant{border-color:#39313e}.hn-title-card>.hn-art{width:114px;max-width:100%;--hn-glow:var(--hn-color,#c0a16d);margin:8px 0}.hn-title-card .hn-level{font-size:9px;color:#a698af;letter-spacing:.15em;font-weight:700}.hn-title-card h3{font-size:15px;line-height:1.3;margin:9px 0 8px;overflow-wrap:anywhere}.hn-title-card p{font-size:11px;line-height:1.5;margin:0;color:#978b9e}.hn-title-holder{display:block;color:#ead5aa;font-size:12px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.hn-title-card .hn-title-score{margin:6px 0 10px;color:#afa0ba;font-size:10px}.hn-title-card .hn-rewards{justify-content:center;border-top:1px solid #ffffff0a;padding-top:11px;margin-top:auto;width:100%}.hn-title-card.is-crown{border-color:#caa55870;box-shadow:inset 0 1px 0 #e2c47d18;background:radial-gradient(ellipse at 50% 10%,#c4a0531a,transparent 65%),#1b181c}.hn-title-card.is-crown .hn-art{width:128px}
.hn-table-wrap{overflow:auto;border:1px solid #3a323f;border-radius:10px;margin-top:18px}.hn-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.hn-table th{padding:13px 16px;background:#1d1922;color:#92879e;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hn-table td{padding:13px 16px;border-top:1px solid #ffffff0b;color:#bab0c3}.hn-table strong{color:#eee6f0}.hn-table .is-holder td{background:#b18c3f08}.hn-table .hn-member-link{display:inline-flex;align-items:center;gap:9px;color:#dfd4e7;font-weight:650}.hn-table .hn-table-score{font-variant-numeric:tabular-nums;color:#d6bd8a}.hn-history{margin-top:22px}.hn-history summary{font-size:13px;color:#d1c2db;padding:15px;border:1px solid #413748;border-radius:7px;cursor:pointer}.hn-history .hn-table-wrap{margin-top:10px}
.hn-admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.hn-admin-tabs :is(a,button){padding:9px 13px;border:1px solid #514255;border-radius:6px;color:#c6b8ce;font-size:12px;background:#221a28}.hn-admin-section{border:1px solid #403547;border-radius:12px;padding:24px;background:#18151d;margin:20px 0}.hn-admin-section h2{font-size:22px;margin:0 0 9px}.hn-admin-section>p{font-size:12px;line-height:1.7;color:#a89aaf;margin:0 0 20px}.hn-admin-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hn-admin-fields .field{min-width:0}.hn-admin-fields .input,.hn-admin-fields select{max-width:100%}.hn-admin-wide{grid-column:1/-1}.hn-admin-check{display:flex;align-items:center;gap:10px;font-size:12px;color:#c0b4ca;min-height:40px}.hn-admin-check input{accent-color:#d1ac61;width:17px;height:17px}.hn-admin-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.hn-admin-actions p{font-size:11px;color:#a79aaf;margin:0}.hn-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.hn-admin-row{min-width:0;display:flex;align-items:center;gap:15px;padding:16px;border:1px solid #3c3343;border-radius:9px;background:#1c1822}.hn-admin-row>.hn-art{width:63px;flex:0 0 63px}.hn-admin-row-copy{min-width:0;flex:1}.hn-admin-row h3{font-size:15px;margin:0 0 6px}.hn-admin-row p{font-size:11px;color:#a799b2;line-height:1.55;margin:0}.hn-admin-row .btn{font-size:10px;padding:8px 10px;min-height:32px;white-space:nowrap}.hn-admin-row .hn-art-missing{padding:3px;font-size:8px}.hn-admin-description{color:#9f93a9;font-size:11px;line-height:1.7}.hn-editor{display:grid;gap:18px}.hn-editor fieldset{border:1px solid #4c4054;border-radius:9px;padding:16px;min-width:0}.hn-editor legend{padding:0 8px;color:#d3bdde;font-size:12px;font-weight:700}.hn-editor .hn-admin-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.hn-editor-rewards{display:flex;flex-direction:column;gap:9px;margin-top:13px}.hn-editor-reward{display:grid;grid-template-columns:1fr 1fr 40px;gap:9px;align-items:end}.hn-editor-reward .field{margin:0;min-width:0}.hn-editor-reward .btn{padding:10px;min-width:0}.hn-editor .hn-art{width:95px}.hn-error{color:#f0a8a8;font-size:12px;line-height:1.6;margin-top:12px}.hn-error:empty{display:none}.hn-admin-status{display:inline-block;font-size:10px;border:1px solid #7c67453d;border-radius:5px;padding:5px 8px;color:#d5bb8c;background:#69502a16}.hn-admin-status.is-enabled{color:#a5d2b1;border-color:#739f783b;background:#759d7510}
@keyframes hn-pulse{50%{opacity:.35}}
@media(max-width:1100px){.hn-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hn-title-grid{gap:9px}.hn-title-card{padding:16px 9px}.hn-title-card h3{font-size:13px}.hn-profile-seal{display:none}.hn-admin-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hn-title-grid{grid-template-columns:repeat(5,155px);overflow:auto;padding:3px 2px 13px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.hn-title-card{scroll-snap-align:start}.hn-section-head{align-items:flex-start;flex-direction:column}.hn-admin-list{grid-template-columns:1fr}.hn-faction-heading{align-items:flex-start;flex-direction:column}.hn-profile-hero{padding:24px;gap:19px}.hn-profile-hero>.hn-art{width:110px;flex-basis:110px}.hn-profile-hero h2{font-size:25px}.hn-admin-section{padding:20px}.hn-table th,.hn-table td{padding:12px;font-size:11px}}
@media(max-width:520px){.hn-achievement-grid{grid-template-columns:1fr;gap:14px}.hn-achievement{padding:20px}.hn-achievement>.hn-art{width:160px}.hn-profile-hero{display:grid;grid-template-columns:1fr;text-align:center;padding:25px 20px;gap:12px}.hn-profile-hero>.hn-art{justify-self:center;width:145px}.hn-profile-sub{justify-content:center}.hn-admin-fields,.hn-editor .hn-admin-fields{grid-template-columns:1fr}.hn-admin-wide{grid-column:auto}.hn-admin-row{gap:10px;padding:13px;flex-wrap:wrap}.hn-admin-row>.hn-art{width:54px;flex-basis:54px}.hn-admin-row .btn{margin-left:auto}.hn-admin-actions{align-items:stretch;flex-direction:column}.hn-editor-reward{grid-template-columns:1fr 70px 35px;gap:6px}.hn-editor-reward .btn{padding:8px}.hn-section-head h2{font-size:23px}.hn-overview{gap:7px}.hn-overview span{font-size:10px;padding:7px 9px}.hn-title-badge.is-large{width:56px;height:56px}.hn-profile-copy>p{font-size:12px}.hn-period{line-height:1.65}}
@media(prefers-reduced-motion:reduce){.hn-loading:before{animation:none}.hn-title-grid{scroll-behavior:auto}}
.hn-profile-rating{display:block;margin:14px 0;color:#e0c17e;font-size:34px;font-variant-numeric:tabular-nums}.nf-member.nf-member-titled{border-color:color-mix(in srgb,var(--nf-color),transparent 55%);background:linear-gradient(120deg,color-mix(in srgb,var(--nf-color),transparent 94%),#ffffff02);box-shadow:inset 0 1px 0 #ffffff04}.nf-member-titled .nf-member-copy small:first-of-type{color:var(--nf-color);font-weight:600}.nf-member-titled .hn-title-badge{flex:0 0 68px}.hn-root .hn-admin-section{scroll-margin-top:115px}.hn-root .hn-profile-seal strong{font-size:24px}.hn-root .hn-table td a{color:inherit}
@media(max-width:520px){.nf-member-titled .hn-title-badge{flex-basis:56px}}
.hn-tier-caption{display:block;color:#bca9ca;margin-top:4px;font-size:10px}

.hn-manual-people{display:grid;gap:10px;margin-top:16px}.hn-manual-editor{margin-top:22px;padding-top:20px;border-top:1px solid #ffffff16}.hn-manual-editor h3{margin:0}.hn-manual-editor small{font-weight:400;color:#a89aaf}.hn-manual-reason{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.hn-manual-record{padding:17px 0;border-bottom:1px solid #ffffff12;display:grid;gap:8px}.hn-manual-record p{margin:0;font-size:12px}.hn-manual-record small{color:#a89aaf}.hn-manual-record a{color:#e1c98f}
