/* Nubian Planet Members / Explore. Appearance authority: 020-members-page-architecture-blueprint.png.
   One scoped skin; shared header, navigation, dialogs and rewards retain their existing owner. */
.np-m-layout{display:grid;grid-template-columns:224px minmax(0,1fr) 346px;gap:12px;align-items:start;margin-top:12px}
.np-m-left,.np-m-main,.np-m-right{display:flex;flex-direction:column;gap:10px;min-width:0}
.np-members .np-s-card{background:radial-gradient(ellipse at 85% 0%,#59381112,transparent 70%),#070707}
.np-members :is(h1,h2){font-size:12px;line-height:1.4;font-weight:500;color:#e5e0d4}
.np-members select{font:inherit;color:#e8d6ac;color-scheme:dark;background:#0d0b07;border:0;max-width:100%;cursor:pointer;min-width:0}
.np-members select:focus-visible{outline:2px solid #ffda72;outline-offset:3px}
.np-m-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.np-m-heading>button{font-size:11px;color:#c7b16d;white-space:nowrap}
.np-m-heading>button:hover{text-decoration:underline;color:#ffe0a2}
.np-members .np-s-primary-nav{padding:8px;background:radial-gradient(ellipse at top left,#37220b2b,transparent 60%),#070707}
.np-members .np-s-nav-item{height:36px;font-size:13px;gap:10px;padding:0 10px!important}
.np-m-shortcuts{padding:11px 10px;display:grid;gap:6px}
.np-m-shortcuts h2{padding:0 2px;margin-bottom:3px}
.np-m-shortcuts :is(a,button){display:flex;align-items:center;gap:10px;text-align:left;font-size:12px;padding:8px;border:1px solid #3d2e17;border-radius:4px;background:linear-gradient(90deg,#21180750,#060606);line-height:1.35;color:#d6c8a7}
.np-m-shortcuts .np-s-icon{color:#c49b40;width:19px;height:19px}
.np-m-shortcuts :is(a,button):hover{border-color:#bb8c34;color:#ffdda1}
.np-m-shortcuts .np-m-utility-title{border-top:1px solid #4b371c;padding-top:11px;margin-top:5px}
.np-m-discovery{padding:12px 14px;border-color:#776023!important}
.np-m-discovery h1{font-size:14px;letter-spacing:.2px}
.np-m-discovery-heading p{font-size:12px;color:#c5b791;margin-top:2px}
.np-m-search-form{display:flex;gap:8px;align-items:center;margin-top:10px}
.np-m-search-field{display:flex;align-items:center;gap:8px;flex:1;min-width:0;border:1px solid #453318;border-radius:5px;padding:0 9px;background:#0a0906;height:37px;color:#d3ae5d}
.np-m-search-field>.np-s-icon{width:17px;height:17px}
.np-m-search-field input{width:100%;min-width:0;background:none;border:0;color:#f0e2c8;padding:9px 0;font-size:12px;outline-offset:1px}
.np-m-search-field input::placeholder{color:#b9aa8f;opacity:1}
.np-m-search-field>button{display:grid;place-items:center;width:27px;height:29px;color:#c9a249}
.np-m-search-field>button>.np-s-icon{width:17px;height:17px}
.np-m-sort{display:flex;align-items:center;gap:9px;height:37px;border:1px solid #453318;border-radius:5px;padding:0 8px;font-size:11px;color:#c4ad7e;white-space:nowrap}
.np-m-sort select{width:96px;padding:7px 0}
.np-m-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.np-m-chips>button,.np-m-clan-select{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #44331b;border-radius:4px;min-height:30px;padding:4px 7px;font-size:11px;color:#d0c2a8;background:linear-gradient(180deg,#20180d55,#060605)}
.np-m-chips>button:hover{border-color:#9a7737}
.np-m-chips>button[aria-pressed=true]{border-color:#ab3525;color:#fff0d3;background:linear-gradient(90deg,#72100c8c,#210a0585);box-shadow:inset 0 0 0 2px #8d361912}
.np-m-chips .np-s-icon,.np-m-chips .np-m-verified{width:15px;height:15px;color:#c9a044}
.np-m-chips .np-m-verified{color:#36cf70}
.np-m-clan-select{padding:0 5px;max-width:150px}
.np-m-clan-select select{background:transparent;font-size:11px;padding:6px 0;max-width:137px}
.np-m-extra-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:11px;border-top:1px solid #413018;margin-top:10px;color:#cabd9f;font-size:12px}
.np-m-extra-filters label{display:flex;gap:8px;align-items:center}
.np-m-extra-filters select{border:1px solid #4b3a1c;border-radius:4px;padding:5px}
.np-m-extra-filters p{flex:1;font-size:11px}
.np-m-extra-filters .np-m-reset{color:#e5bd58;text-decoration:underline}
.np-m-featured{padding:11px 12px;border-color:#775122!important}
.np-m-featured-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.np-m-featured-grid li{min-width:0}
.np-members .np-m-featured-member{display:flex;position:relative;width:100%;height:100%;flex-direction:column;align-items:center;gap:3px;text-align:center;border:1px solid #45341b;border-radius:5px;padding:9px 5px 8px;background:radial-gradient(ellipse at 50% 0%,#53311235,transparent 70%),#090805;transition:border-color .12s ease,background-color .12s ease}
.np-m-featured-member:hover{border-color:#b68a2c;background-color:#151009}
.np-m-avatar{display:block;object-fit:cover;border-radius:50%;width:62px;height:62px;background:#090807;flex-shrink:0}
.np-m-featured-member .np-m-avatar{width:66px;height:66px;box-shadow:0 0 10px #b9781730;margin-bottom:4px}
.np-m-featured-member>strong{font-size:12px;line-height:1.35;font-weight:400;color:#eee4d2;overflow-wrap:anywhere}
.np-m-featured-member>small{font-size:11px;color:#bcd16c}
.np-m-featured-member.np-m-tone-red>small{color:#ea8263}
.np-m-featured-power{display:flex;align-items:center;gap:5px;font-size:12px;color:#e4b835;margin-top:auto;padding-top:2px}
.np-m-featured-power>.np-s-icon{width:18px;height:18px}
.np-m-position{position:absolute;left:6px;top:10px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #684c23;border-radius:50%;background:#100c05;color:#e3b746;font-size:17px;z-index:1}
.np-m-position-1,.np-m-position-2,.np-m-position-3{border-radius:4px 4px 12px 12px;border:2px ridge #eab443;color:#271704;font-weight:bold;background:linear-gradient(135deg,#ffe47d,#936003);text-shadow:0 1px #e8c065;box-shadow:0 0 0 3px #79501835}
.np-m-position-2{border-color:#b1b8b8;background:linear-gradient(135deg,#e1e4e1,#515c65);text-shadow:0 1px #c4caca;color:#192126}
.np-m-position-3{border-color:#c48130;background:linear-gradient(135deg,#f1b856,#8a3d09);text-shadow:0 1px #d09b46}
.np-m-directory{padding:10px 10px 13px;border-color:#805123!important}
.np-m-directory-heading{display:flex;align-items:center;gap:14px;min-height:28px;margin:0 3px 10px}
.np-m-directory-heading h2{flex-shrink:0}
.np-m-directory-heading p{font-size:11px;color:#c5bbaa;flex:1}
.np-m-view-controls{display:flex;gap:4px}
.np-members .np-m-view-controls button{display:grid;place-items:center;width:30px;height:28px;border:1px solid #4d3818;border-radius:4px;color:#c7ac71;background:#0d0a04}
.np-m-view-controls .np-s-icon{width:17px;height:17px}
.np-m-view-controls button[aria-pressed=true]{color:#ffdf9c;border-color:#aa7d28;box-shadow:inset 0 0 8px #a06b1935}
.np-m-member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:stretch}
.np-m-member-card{min-width:0;display:flex;flex-direction:column;border:1px solid #6a441a;border-radius:6px;padding:10px 9px;background:radial-gradient(ellipse at 100% 0%,#5a360a14,transparent 75%),#090805;box-shadow:inset 0 0 0 2px #b6811610;--member-tone:#e1b642}
.np-m-tone-red{--member-tone:#ed7356}
.np-m-member-identity{display:flex;gap:8px;min-width:0;align-items:start}
.np-m-member-identity>div{min-width:0;flex:1;padding-top:4px}
.np-m-avatar-button{border-radius:50%!important;flex:0 0 auto}
.np-m-member-card .np-m-avatar{width:55px;height:55px}
.np-m-member-identity h3{display:flex;align-items:center;gap:4px;line-height:1.3;font-size:12px;font-weight:400;margin:0;color:#ece6db}
.np-m-member-identity h3 button{text-align:left;overflow-wrap:anywhere}
.np-m-member-identity h3 button:hover{color:#ffdc95}
.np-m-verified{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#43d27f;width:12px;height:12px}
.np-m-verified>svg{width:100%;height:100%}
.np-m-member-rank{font-size:11px;color:var(--member-tone);margin-top:4px!important;line-height:1.3}
.np-m-member-motto{font-size:10px;line-height:1.45;color:#d2ccbe;margin-top:5px!important;min-height:29px}
.np-members .np-m-member-kingdom{display:flex;justify-content:center;align-items:center;gap:6px;color:#b8cb57;margin:9px 0 6px;font-size:11px;min-height:25px;text-align:center;width:100%}
.np-m-member-kingdom:hover{color:#daec8a;text-decoration:underline}
.np-m-member-kingdom .np-s-icon{width:18px;height:18px;color:#c8b54f}
.np-m-member-actions{display:flex;align-items:end;gap:6px;margin-top:auto}
.np-m-member-actions>div{flex:1;min-width:0}
.np-m-power{display:block;color:#efc052;font-size:13px;line-height:1.35;font-weight:500;margin:0 0 5px 4px}
.np-members .np-m-follow{display:block;width:100%;border:1px solid #477514;border-radius:4px;background:linear-gradient(180deg,#213d0a,#0b1c04);color:#e0ed9d;min-height:30px;font-size:12px;padding:3px 4px;box-shadow:inset 0 0 0 2px #57801916}
.np-m-follow:hover{border-color:#83ad44;background:linear-gradient(180deg,#315410,#102705)}
.np-members .np-m-follow[aria-pressed=true]{background:linear-gradient(180deg,#3e2405,#160e03);border-color:#8b5f1c;color:#efd28b;box-shadow:inset 0 0 0 2px #a071171b}
.np-members .np-m-square{display:grid;place-items:center;flex:0 0 30px;width:30px;height:31px;margin-bottom:1px;color:#dcbd7b;border:1px solid #5f4520;border-radius:5px;background:#0b0905;box-shadow:inset 0 0 0 2px #6043221a}
.np-m-square .np-s-icon{width:18px;height:18px}
.np-m-square:hover{border-color:#d0a44a}
.np-m-pagination{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:23px;min-height:37px}
.np-m-pagination nav{display:flex;gap:12px;align-items:center;margin-left:auto}
.np-m-page-numbers{display:flex;gap:4px;border:1px solid #4c3517;border-radius:5px;padding:3px;background:linear-gradient(180deg,#1c140950,#030303)}
.np-m-pagination button{min-width:30px;height:31px;display:grid;place-items:center;font-size:13px;border-radius:4px!important;color:#e1b84c}
.np-m-pagination button[aria-current=page]{border:1px solid #d7a334;background:linear-gradient(180deg,#805008,#1a1104);box-shadow:0 0 8px #ae710927;color:#fff0ce}
.np-m-pagination button:hover:not(:disabled){background-color:#35230c}
.np-m-pagination nav>button{border:1px solid #62431b;border-radius:5px}
.np-m-pagination button>.np-s-icon{width:19px;height:19px}
.np-m-per-page{display:flex;gap:10px;align-items:center;border:1px solid #4b341a;border-radius:5px;padding:6px 8px;font-size:11px;color:#d8ba76;margin-left:auto}
.np-m-per-page select{font-size:11px;padding:2px;background:transparent}
.np-m-right>.np-s-card{padding:11px 12px}
.np-m-right h2{font-size:11px}
.np-m-right .np-m-heading{gap:5px;margin-bottom:7px}
.np-m-right .np-m-heading>button{font-size:10px;color:#c2c782}
.np-m-status-body{display:flex;align-items:center;gap:4px}
.np-m-status dl{flex:1;min-width:0}
.np-m-status dl>div{display:flex;align-items:center;gap:5px;min-height:25px;border-bottom:1px solid #4532173f}
.np-m-status dl>div:last-child{border:0}
.np-m-status dt{display:flex;align-items:center;gap:6px;flex:1;font-size:10px;color:#ded2b7}
.np-m-status dt>.np-s-icon{width:13px;height:13px;color:#c39935}
.np-m-status dd{display:flex;gap:9px;font-size:10px;color:#e5d7bd;text-align:right}
.np-m-status dd>span{color:#65c760;font-size:9px;min-width:30px}
.np-m-status-body>img{width:80px;height:86px;object-fit:contain;flex-shrink:0;mix-blend-mode:screen;filter:drop-shadow(0 0 8px #da9b1b22)}
.np-m-ranking li{display:flex;align-items:center;gap:6px;min-height:26px;border-bottom:1px solid #47311955}
.np-m-ranking li:last-child{border:0}
.np-m-rank-number{border:1px solid #8e6a21;border-radius:50%;color:#d6ab42;width:16px;height:16px;display:grid;place-items:center;font-size:10px;flex:0 0 16px}
.np-m-ranking li>button{display:flex;gap:7px;align-items:center;text-align:left;flex:1;min-width:0;font-size:11px;color:#e5dccb}
.np-m-ranking .np-m-avatar{width:22px;height:22px}
.np-m-ranking li>strong{font-size:10px;font-weight:400;color:#e6bd44}
.np-m-ranking li>button:hover{color:#ffdf92}
.np-m-kingdoms li{display:flex;align-items:center;gap:7px;min-height:27px;border-bottom:1px solid #49372140}
.np-m-kingdoms li:last-child{border:0}
.np-m-kingdoms li>button{display:flex;align-items:center;gap:6px;font-size:11px;flex:1;text-align:left;min-width:0;color:#dbd2bf}
.np-m-kingdoms li>button:hover{color:#e5db9b}
.np-m-kingdoms li>button>.np-s-icon{width:16px;height:16px;color:#c7a345}
.np-m-spark{width:58px;height:16px;flex:0 0 58px;color:#8fc052;filter:drop-shadow(0 0 2px #5e88334a)}
.np-m-kingdoms small{font-size:9px;color:#c7beab;min-width:45px;text-align:right}
.np-m-connections ul{display:grid;gap:6px}
.np-m-connections li{display:flex;align-items:center;gap:5px;border:1px solid #62411d;border-radius:4px;padding:5px}
.np-m-suggested-identity{display:flex;align-items:center;gap:7px;flex:1;min-width:0;text-align:left}
.np-m-suggested-identity .np-m-avatar{width:30px;height:30px}
.np-m-suggested-identity strong{display:block;color:#e8dec9;font-size:11px;font-weight:400;line-height:1.3}
.np-m-suggested-identity small{display:block;color:#cab37f;font-size:10px;line-height:1.3;margin-top:2px}
.np-members .np-m-connect{border:1px solid #77521e;border-radius:4px;background:linear-gradient(180deg,#49300d,#170e03);color:#ecd299;padding:5px 7px;font-size:10px;min-height:28px}
.np-members .np-m-connect[aria-pressed=true]{border-color:#547136;color:#c9dd9b;background:#14230d}
.np-m-dismiss{font-size:16px;line-height:1;color:#b69663!important;min-width:18px;height:28px}
.np-m-no-suggestions{font-size:12px;line-height:1.6;color:#cbbc9c;padding-block:8px}
.np-m-no-suggestions button{color:#e6bd59;text-decoration:underline}
.np-m-reputation-body{display:flex;align-items:center;gap:10px;margin-top:6px}
.np-m-reputation-body>.np-s-icon{width:36px;height:36px;color:#d7ae4a}
.np-m-reputation-body>div{flex:1;min-width:0}
.np-m-reputation-body small{font-size:10px;color:#c8b68b}
.np-m-reputation-body p{display:flex;gap:9px;align-items:center;flex-wrap:wrap;line-height:1.4}
.np-m-reputation-body strong{font-size:14px;font-weight:500;color:#f0c647}
.np-m-reputation-body span{font-size:10px;color:#69c44f}
.np-m-reputation-body b{font-size:10px;font-weight:400;color:#bdd473;margin-left:auto}
.np-m-reputation-body progress{appearance:none;display:block;width:100%;height:5px;margin-top:4px;border:0;border-radius:5px;background:#27230d}
.np-m-reputation-body progress::-webkit-progress-bar{background:#292108;border-radius:5px}
.np-m-reputation-body progress::-webkit-progress-value{background:linear-gradient(90deg,#59732b,#bdd646);border-radius:5px}
.np-m-reputation-body progress::-moz-progress-bar{background:#9dba41;border-radius:5px}
.np-m-reputation>a{display:flex;align-items:center;justify-content:center;gap:10px;max-width:230px;margin:9px auto 0;border:1px solid #9a6921;border-radius:4px;background:linear-gradient(180deg,#52300a,#1a0f04);color:#efca7d;font-size:11px;padding:5px 8px}
.np-m-reputation>a>.np-s-icon{width:14px;height:14px}
.np-m-reputation>a:hover{border-color:#edbd55}
.np-m-empty{padding:52px 20px;text-align:center;border:1px dashed #745626;border-radius:6px;margin:10px 0;color:#d3c6aa}
.np-m-empty>.np-s-icon{width:44px;height:44px;color:#d4a848;margin-bottom:12px}
.np-m-empty h3{font-weight:400;font-size:18px;color:#f1d296}
.np-m-empty p{font-size:13px;line-height:1.7;max-width:360px;margin:8px auto 18px}
.np-m-empty button{padding:9px 18px!important}
.np-m-noscript{padding:10px;color:#d8c796;font-size:12px}
.np-m-quickview{text-align:center;padding:30px 28px!important;max-width:410px!important;color:#eadbbb}
.np-members .np-m-dialog-close{position:absolute;right:12px;top:12px;width:32px;height:32px;display:grid;place-items:center;color:#e4c382;border-radius:5px}
.np-m-dialog-close .np-s-icon{width:19px;height:19px}
.np-m-eyebrow{display:block;font-size:10px;letter-spacing:2.5px;color:#bfa067;margin-bottom:18px}
.np-m-quickview-avatar{display:block;margin:0 auto 15px;width:112px;height:112px;border-radius:50%;object-fit:cover;box-shadow:0 0 22px #c0811126}
.np-m-quickview h2{font-size:24px!important;line-height:1.25;color:#f8d78e!important;font-family:Georgia,serif;font-weight:400}
.np-m-quickview-rank{color:#d5b455;font-size:13px;margin:7px 0!important}
.np-m-quickview-headline{color:#e9decb;font-size:14px;line-height:1.6;margin-top:10px!important}
.np-m-quickview-kingdom{color:#bcce81;font-size:13px;margin-top:10px!important}
.np-m-quickview-power{display:block;color:#edc352;font-size:22px;font-weight:400;margin:15px 0}
#np-m-quickview-note{font-size:11px;line-height:1.6;color:#c3b38e;border-top:1px solid #48361c;padding-top:14px;max-width:270px;margin:0 auto 15px}
.np-m-quickview-done{padding:10px 16px!important;font-size:13px!important}
/* Alternate layouts change only the directory skin, never the member contract. */
.np-m-member-grid[data-npm-layout=compact]{grid-template-columns:repeat(3,minmax(0,1fr))}
.np-m-member-grid[data-npm-layout=compact] .np-m-member-card{padding:10px}
.np-m-member-grid[data-npm-layout=compact] .np-m-member-motto{display:none}
.np-m-member-grid[data-npm-layout=compact] .np-m-member-kingdom{justify-content:flex-start;margin-block:4px;font-size:11px}
.np-m-member-grid[data-npm-layout=list]{grid-template-columns:minmax(0,1fr)}
.np-m-member-grid[data-npm-layout=list] .np-m-member-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(120px,.9fr) minmax(190px,1fr);align-items:center;gap:12px}
.np-m-member-grid[data-npm-layout=list] .np-m-member-motto{min-height:0}
.np-m-member-grid[data-npm-layout=list] .np-m-member-actions{width:100%;margin:0}
.np-m-member-grid[data-npm-layout=list] .np-m-member-actions>div{display:flex;flex-direction:column;align-items:center}
.np-m-member-grid[data-npm-layout=list] .np-m-member-kingdom{margin:0}
@media(min-width:1380px){.np-m-member-card{min-height:188px}.np-m-directory{min-height:514px}}
@media(min-width:1100px) and (max-width:1379px){
 .np-m-layout{grid-template-columns:196px minmax(0,1fr) 304px;gap:10px}
 .np-m-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .np-m-featured-grid{gap:5px}.np-m-featured-member .np-m-avatar{width:54px;height:54px}.np-m-featured-member>strong{font-size:11px}.np-m-featured-member>small{font-size:10px}.np-m-position{left:4px;top:8px;width:23px;height:24px;font-size:14px}
 .np-m-featured-power{font-size:11px}.np-m-featured-power .np-s-icon{width:14px;height:14px}
 .np-m-directory-heading{flex-wrap:wrap;gap:5px}.np-m-directory-heading h2{flex:1}.np-m-directory-heading p{order:3;flex-basis:100%;margin-top:2px}
 .np-m-status-body>img{width:64px;height:72px}.np-m-status dt{font-size:9px;gap:4px}.np-m-status dd{gap:5px;font-size:9px}.np-m-spark{width:38px;flex-basis:38px}
 .np-m-member-grid[data-npm-layout=compact]{grid-template-columns:repeat(2,minmax(0,1fr))}
 .np-m-member-grid[data-npm-layout=list] .np-m-member-card{grid-template-columns:minmax(0,1fr) 145px}.np-m-member-grid[data-npm-layout=list] .np-m-member-kingdom{grid-column:1;justify-content:flex-start}.np-m-member-grid[data-npm-layout=list] .np-m-member-actions{grid-column:2;grid-row:1 / 3}
}
@media(min-width:768px) and (max-width:1099px){
 .np-m-layout{grid-template-columns:72px minmax(0,1fr);grid-template-areas:'navigation main' 'navigation context' 'shortcuts context';gap:12px}
 .np-m-left{display:contents}.np-members .np-s-primary-nav{grid-area:navigation}
 .np-members .np-s-nav-item{height:46px;justify-content:center;padding-inline:5px!important}
 .np-m-main{grid-area:main}.np-m-right{grid-area:context;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .np-m-reputation{grid-column:1 / -1}.np-m-shortcuts{grid-area:shortcuts;display:none}
 .np-m-member-grid,.np-m-member-grid[data-npm-layout=compact]{grid-template-columns:repeat(2,minmax(0,1fr))}
 .np-m-featured-member .np-m-avatar{width:56px;height:56px}.np-m-position{left:4px;top:8px;width:24px;height:24px;font-size:14px}.np-m-featured-member>strong{font-size:11px}
 .np-members.is-navigation-open .np-m-layout{grid-template-columns:210px minmax(0,1fr)}
 .np-members.is-navigation-open .np-s-nav-item{justify-content:flex-start;height:38px}
 .np-members.is-navigation-open .np-m-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .np-members.is-navigation-open .np-m-right{grid-template-columns:1fr}
 .np-members.is-navigation-open .np-m-shortcuts{display:grid;grid-column:1;grid-row:2;align-self:start}
 .np-members.is-navigation-open .np-m-search-form{flex-wrap:wrap}.np-members.is-navigation-open .np-m-search-field{flex-basis:100%}
 .np-m-status-body>img{width:64px;height:72px}.np-m-status dt,.np-m-status dd{font-size:9px;gap:4px}.np-m-status dd>span{min-width:25px;font-size:9px}
 .np-m-spark{width:35px;flex-basis:35px}
 .np-m-member-grid[data-npm-layout=list] .np-m-member-card{grid-template-columns:minmax(0,1fr) 145px}.np-m-member-grid[data-npm-layout=list] .np-m-member-kingdom{grid-column:1;justify-content:flex-start}.np-m-member-grid[data-npm-layout=list] .np-m-member-actions{grid-column:2;grid-row:1 / 3}
}
@media(max-width:767px){
 .np-m-layout{display:flex;flex-direction:column;margin-top:12px;gap:12px}
 .np-m-left{display:contents}.np-m-main{order:1;width:100%}.np-m-right{order:2;width:100%;gap:12px}.np-m-shortcuts{order:3;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .np-m-shortcuts h2{grid-column:1 / -1}.np-members .np-s-primary-nav{width:100%;order:0;margin-bottom:0;flex-shrink:0}
 .np-members .np-s-nav-item{height:40px;gap:7px;font-size:12px;padding:0 7px!important}
 .np-m-discovery{padding:13px 12px}.np-m-discovery h1{font-size:15px}.np-m-discovery-heading p{font-size:12px;line-height:1.5}
 .np-m-search-form{flex-wrap:wrap}.np-m-search-field{flex-basis:100%;height:42px}.np-m-search-field input{font-size:13px}.np-m-sort{margin-left:auto;height:36px}
 .np-m-chips{gap:6px}.np-m-chips>button,.np-m-clan-select{min-height:36px;padding:6px 8px;font-size:12px}.np-m-clan-select select{font-size:12px}
 .np-m-featured{padding:12px 10px}.np-m-featured-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x proximity;scrollbar-color:#846128 #100c06}
 .np-m-featured-grid>li{flex:0 0 124px;scroll-snap-align:start}.np-m-featured-member{min-height:160px}.np-m-featured-member .np-m-avatar{width:66px;height:66px}.np-m-featured-member>strong{font-size:12px}
 .np-m-featured .np-m-heading h2{font-size:11px}.np-m-heading>button{font-size:11px;min-height:27px}
 .np-m-directory{padding:12px 10px}.np-m-directory-heading{flex-wrap:wrap;gap:7px;margin-bottom:12px}.np-m-directory-heading h2{flex:1;font-size:13px}.np-m-directory-heading p{order:3;flex-basis:100%;font-size:11px}
 .np-members .np-m-view-controls button{width:34px;height:34px}
 .np-m-member-grid,.np-m-member-grid[data-npm-layout=compact]{grid-template-columns:minmax(0,1fr);gap:10px}
 .np-m-member-card{padding:14px;min-height:0}.np-m-member-card .np-m-avatar{width:68px;height:68px}.np-m-member-identity{gap:12px}
 .np-m-member-identity h3{font-size:15px;gap:6px}.np-m-member-rank{font-size:13px}.np-m-member-motto{font-size:12px;min-height:0;margin-top:6px!important}.np-m-verified{width:14px;height:14px}
 .np-members .np-m-member-kingdom{font-size:13px;justify-content:flex-start;margin:12px 0 8px;min-height:29px}.np-m-member-kingdom>.np-s-icon{width:21px;height:21px}
 .np-m-member-actions{gap:8px}.np-m-power{font-size:15px;margin-left:0;margin-bottom:7px}.np-members .np-m-follow{min-height:37px;font-size:14px}.np-members .np-m-square{width:39px;height:38px;flex-basis:39px}
 .np-m-member-grid[data-npm-layout=compact] .np-m-member-card{padding:12px}.np-m-member-grid[data-npm-layout=compact] .np-m-avatar{width:48px;height:48px}.np-m-member-grid[data-npm-layout=compact] .np-m-member-kingdom{font-size:12px}
 .np-m-member-grid[data-npm-layout=list] .np-m-member-card{display:flex;gap:0}.np-m-member-grid[data-npm-layout=list] .np-m-member-kingdom{justify-content:flex-start;margin:10px 0}.np-m-member-grid[data-npm-layout=list] .np-m-member-actions>div{align-items:stretch}
 .np-m-pagination{margin-top:18px;gap:12px}.np-m-pagination nav{margin:0}.np-m-pagination button{min-width:34px;height:36px}.np-m-per-page{margin-left:0;padding:7px;font-size:12px}.np-m-per-page select{font-size:12px}
 .np-m-right>.np-s-card{padding:14px}.np-m-right h2{font-size:12px}.np-m-right .np-m-heading>button{font-size:11px}
 .np-m-status dt{font-size:11px}.np-m-status dd{font-size:11px}.np-m-status dd>span{font-size:10px}.np-m-status dl>div{min-height:29px}.np-m-status-body>img{width:76px;height:85px}
 .np-m-ranking li{min-height:35px}.np-m-ranking li>button{font-size:12px}.np-m-ranking li>strong{font-size:11px}.np-m-ranking .np-m-avatar{width:28px;height:28px}
 .np-m-kingdoms li{min-height:34px}.np-m-kingdoms li>button{font-size:12px}.np-m-kingdoms small{font-size:10px}.np-m-spark{width:46px;flex-basis:46px}
 .np-m-suggested-identity strong{font-size:12px}.np-m-suggested-identity small{font-size:10px}.np-m-suggested-identity .np-m-avatar{width:35px;height:35px}.np-members .np-m-connect{min-height:34px;font-size:11px}.np-m-dismiss{height:34px;min-width:21px}
 .np-m-reputation-body small{font-size:11px}.np-m-reputation-body b{font-size:11px}.np-m-reputation>a{font-size:12px;min-height:34px}
 .np-m-shortcuts :is(a,button){font-size:12px;min-height:43px;gap:7px}
 .np-m-quickview{width:calc(100% - 30px);padding:30px 20px!important}
}
@media(min-width:520px) and (max-width:767px){.np-m-member-grid,.np-m-member-grid[data-npm-layout=compact]{grid-template-columns:repeat(2,minmax(0,1fr))}.np-m-member-card{padding:11px}.np-m-member-card .np-m-avatar{width:48px;height:48px}.np-m-member-identity{gap:7px}.np-m-member-identity h3{font-size:13px}.np-m-member-motto{font-size:11px}.np-m-member-rank{font-size:11px}.np-members .np-m-member-kingdom{font-size:11px}.np-members .np-m-square{width:32px;height:34px;flex-basis:32px}.np-members .np-m-follow{font-size:12px;min-height:34px}.np-m-member-grid[data-npm-layout=list]{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.np-members *{scroll-behavior:auto!important;transition:none!important}}