/* Community Nexus Naruto Universe — V43.3.26. Scoped, no changes to other communities. */
#nxCommunityView.nx22.nxn-naruto{--nx22-accent:#ff234e;--nx22-panel:#0d111a;background:#05080e!important;color:#f9f4f7}
.nxn-naruto .nx22-appbar{background:#080b10ee;border-bottom:1px solid #ff5d7130;box-shadow:0 9px 32px #0008;backdrop-filter:blur(14px)}
.nxn-naruto .nx22-sidebar{background:linear-gradient(180deg,#090c15e8 0%,#080a13fa 85%),url('/assets/nexus-naruto-v26/hero.webp') center/cover}
.nxn-naruto .nx22-sidebar-cover{height:195px}
.nxn-naruto .nx22-sidebar-cover>img{opacity:.9}
.nxn-naruto .nx22-sidebar-cover:after{background:linear-gradient(0deg,#080a13 4%,#080a1350 70%,transparent)}
.nxn-naruto .nx22-sidebar-cover>div{bottom:16px}
.nxn-naruto .nx22-sidebar details button.is-active{background:linear-gradient(100deg,#df143ecc,#6b132860);box-shadow:inset 3px 0 #ff4869}
.nxn-naruto .nx22-scroll{background:radial-gradient(ellipse at 78% 32%,#3a0a182b,transparent 42%),linear-gradient(180deg,#070912,#07090e 70%);scrollbar-color:#6d2838 #0b0c14}
.nxn-naruto .nx22-hero{min-height:330px;padding:29px 35px 30px;border-bottom:1px solid #e6365c3a;isolation:isolate}
.nxn-naruto .nx22-hero-image{width:100%!important;height:100%!important;inset:0!important;right:0!important;object-fit:cover!important;object-position:center 53%!important;opacity:1!important}
.nxn-naruto .nx22-hero:before{display:none!important}
.nxn-naruto .nx22-hero:after{z-index:0;background:linear-gradient(0deg,#090a12 0%,#090b12b4 16%,#03040b16 78%),linear-gradient(90deg,#070911a9,transparent 79%),linear-gradient(90deg,transparent,#0809161a)!important}
.nxn-naruto .nx22-hero-copy{z-index:2}
.nxn-naruto .nx22-identity{gap:18px;align-items:end}
.nxn-naruto .nx22-identity>img{width:94px;height:94px;border:3px solid #ff314f;box-shadow:0 0 22px #fe2459a9,0 0 0 5px #03030bc0}
.nxn-naruto .nx22-identity h1{font-weight:900;font-size:clamp(26px,2.7vw,43px);text-shadow:0 3px 10px #05070c,0 6px 25px #000e}
.nxn-naruto .nx22-identity p{font-size:14px;color:#fff;max-width:450px;text-shadow:0 2px 10px #000}
.nxn-naruto .nx22-identity small{font-size:11px;color:#ffbccb;letter-spacing:1.5px}
.nxn-naruto .nx22-hero-actions [data-nx-join]{background:linear-gradient(110deg,#ee153b,#ad0025);color:white;font-size:13px;font-weight:850;border:1px solid #ff607d99;box-shadow:0 0 20px #ff315450;border-radius:999px;justify-content:center}
.nxn-naruto .nx22-tabs{background:#080a10f4;border-bottom:1px solid #ff2f5940;gap:12px}
.nxn-naruto .nx22-tabs button{padding:15px 12px;font-weight:750;font-size:13px}
.nxn-naruto .nx22-tabs button.is-active{color:#ff4262;border-bottom-width:3px}
.nxn-naruto .nx22-main{max-width:1500px;padding:20px 24px 42px}
.nxn-naruto .nxn-world{display:grid;gap:16px}
.nxn-naruto .nxn-world-title{padding:7px 0 4px}
.nxn-naruto .nxn-world-overline{font-size:10px;font-weight:850;letter-spacing:2.7px;color:#ff7692}
.nxn-naruto .nxn-world-title h2{font-size:clamp(20px,2.3vw,31px);letter-spacing:-.75px;line-height:1.2;margin:5px 0}
.nxn-naruto .nxn-world-title p{color:#bcb7c4;font-size:13px}
.nxn-naruto .nxn-group{min-width:0;display:grid;gap:10px;margin:2px 0 4px}
.nxn-naruto .nxn-group h3{display:flex;gap:9px;align-items:center;font-size:18px;font-weight:800;letter-spacing:-.35px}
.nxn-naruto .nxn-group h3:after{content:'';height:1px;background:linear-gradient(90deg,#ff325866,transparent);flex:1;margin-left:10px}
.nxn-naruto .nxn-group h3 svg{width:19px;height:19px;color:#ff3157}
.nxn-naruto .nxn-grid{display:grid;gap:13px;min-width:0}
.nxn-naruto .nxn-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.nxn-naruto .nxn-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.nxn-naruto .nxn-grid-rooms,.nxn-naruto .nxn-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.nxn-naruto .nxn-card{position:relative;min-width:0;display:flex;align-items:end;overflow:hidden;border:1px solid #ff3a5d99!important;border-radius:15px;background:#161019!important;box-shadow:0 13px 28px #0009,inset 0 0 0 1px #ffffff0c;width:100%;height:190px;padding:0!important;text-align:left;cursor:pointer;isolation:isolate;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.nxn-naruto .nxn-grid-two .nxn-card{height:194px}
.nxn-naruto .nxn-grid-rooms .nxn-card,.nxn-naruto .nxn-grid-four .nxn-card{height:166px}
.nxn-naruto .nxn-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 36%;opacity:1;transition:transform .35s ease;filter:saturate(1.07) contrast(1.09)}
.nxn-naruto .nxn-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#03030cf7 0,#080910ca 22%,#05050a57 56%,#02020a07 100%),linear-gradient(100deg,#0a07124d,transparent 70%);z-index:0;pointer-events:none}
.nxn-naruto .nxn-card:before{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px #ff285c29;pointer-events:none}
.nxn-naruto .nxn-card:focus-visible{outline:3px solid #ff829c;outline-offset:3px}
.nxn-naruto .nxn-card:hover{transform:translateY(-3px);border-color:#ff6b88!important;box-shadow:0 14px 34px #000b,0 0 19px #ff285d29}
.nxn-naruto .nxn-card:hover>img{transform:scale(1.06)}
.nxn-naruto .nxn-card-content{position:relative;z-index:2;display:flex;align-items:center;gap:9px;padding:13px;width:100%;text-shadow:0 3px 10px #000}
.nxn-naruto .nxn-type-icon{border:1px solid #ff567b8c;border-radius:50%;width:43px;height:43px;flex:0 0 43px;background:#0a0717b4;display:grid;place-items:center;box-shadow:0 5px 18px #0009}
.nxn-naruto .nxn-type-icon svg{width:23px;height:23px;color:#fff}
.nxn-naruto .nxn-card-label{min-width:0;flex:1}
.nxn-naruto .nxn-card-label b{display:block;color:#fff;font-size:16px;font-weight:900;line-height:1.2;text-wrap:balance}
.nxn-naruto .nxn-card-label>small{display:block;font-size:11px;color:#e5d7df;line-height:1.4;margin-top:5px}
.nxn-naruto .nxn-card-label>.nx22-occupancy{display:block;font-size:10px;margin-top:3px;color:#a6f5d0}
.nxn-naruto .nxn-card-arrow{font-size:30px;font-weight:300;flex:0 0 20px;color:white;line-height:1}
.nxn-naruto .nxn-more{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:3px 0}
.nxn-naruto .nxn-more button{display:flex;align-items:center;gap:9px;border:1px solid #ff52634a;border-radius:999px;background:#17101bf5;padding:10px 18px;font-size:12px;color:#f5e0e9;font-weight:700}
.nxn-naruto .nxn-more svg{width:16px;height:16px}
.nxn-naruto .nxn-featured{margin-top:10px}
.nxn-naruto .nx22-featured-list{margin-top:13px}
.nxn-naruto .nx22-bottom{background:#090b12f4;backdrop-filter:blur(12px);border-color:#ff466030}
.nxn-naruto .nx22-bottom button.is-active{color:#ff3a59}
.nxn-naruto .nx22-bottom [data-nx-createhub]>svg{background:#f00d37;box-shadow:0 0 14px #fb1c58b3,0 0 0 5px #08090d}
@media(min-width:761px) and (max-width:1150px){.nxn-naruto .nxn-grid-rooms,.nxn-naruto .nxn-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.nxn-naruto .nxn-card{height:170px}}
@media(max-width:760px){
 #nxCommunityView.nx22.nxn-naruto{background:#090a11!important}
 .nxn-naruto .nx22-appbar{height:59px;gap:11px;padding:0 13px}
 .nxn-naruto .nx22-wordmark{flex:1;max-width:none;justify-content:center}
 .nxn-naruto .nx22-wordmark b{font-size:14px}
 .nxn-naruto .nx22-back{font-size:0!important;gap:0!important}
 .nxn-naruto .nx22-back svg{width:20px}
 .nxn-naruto .nx22-online-top{display:none!important}
 .nxn-naruto .nx22-scroll{height:100dvh;padding-top:59px;padding-bottom:0}
 .nxn-naruto .nx22-hero{min-height:244px;padding:30px 18px 23px;align-items:end}
 .nxn-naruto .nx22-hero-image{object-position:center center!important}
 .nxn-naruto .nx22-identity{gap:12px;align-items:center}
 .nxn-naruto .nx22-identity>img{width:76px;height:76px;flex:0 0 76px}
 .nxn-naruto .nx22-identity h1{font-size:clamp(23px,6.6vw,32px);letter-spacing:-.5px}
 .nxn-naruto .nx22-identity p{font-size:12px}
 .nxn-naruto .nx22-identity small{font-size:9px;letter-spacing:1px}
 .nxn-naruto .nx22-hero-copy{align-items:end}
 .nxn-naruto .nx22-hero-actions{position:absolute;right:0;bottom:-28px;z-index:3}
 .nxn-naruto .nx22-hero-actions [data-nx-join]{font-size:11px;padding:8px 12px}
 .nxn-naruto .nx22-hero-actions [data-nx22-appearance]{font-size:11px;padding:7px 10px}
 .nxn-naruto .nx22-tabs{padding:0 12px;gap:0;justify-content:space-around;top:0}
 .nxn-naruto .nx22-tabs button{padding:13px 8px;font-size:11px;gap:5px}
 .nxn-naruto .nx22-tabs svg{width:14px;height:14px}
 .nxn-naruto .nx22-main{padding:15px 13px 87px}
 .nxn-naruto .nxn-world{gap:13px}
 .nxn-naruto .nxn-world-title h2{font-size:21px}
 .nxn-naruto .nxn-world-title p{font-size:11px}
 .nxn-naruto .nxn-group{gap:9px}
 .nxn-naruto .nxn-group h3{font-size:17px}
 .nxn-naruto .nxn-grid{gap:8px}
 .nxn-naruto .nxn-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nxn-naruto .nxn-grid-three{grid-template-columns:1fr}
 .nxn-naruto .nxn-grid-rooms,.nxn-naruto .nxn-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nxn-naruto .nxn-grid-three .nxn-card{height:108px}
 .nxn-naruto .nxn-grid-two .nxn-card{height:132px}
 .nxn-naruto .nxn-grid-rooms .nxn-card,.nxn-naruto .nxn-grid-four .nxn-card{height:135px}
 .nxn-naruto .nxn-card{border-radius:13px!important}
 .nxn-naruto .nxn-card-content{padding:8px;gap:6px}
 .nxn-naruto .nxn-type-icon{width:31px;height:31px;flex-basis:31px}
 .nxn-naruto .nxn-type-icon svg{width:17px;height:17px}
 .nxn-naruto .nxn-card-label b{font-size:12px;line-height:1.17}
 .nxn-naruto .nxn-card-label>small{font-size:9px;margin-top:2px}
 .nxn-naruto .nxn-card-arrow{font-size:21px;flex-basis:12px}
 .nxn-naruto .nxn-more button{padding:9px 11px;font-size:11px}
 .nxn-naruto .nx22-bottom{height:68px}
}
@media(max-width:380px){.nxn-naruto .nxn-grid-two{grid-template-columns:1fr}.nxn-naruto .nxn-grid-two .nxn-card{height:118px}.nxn-naruto .nxn-grid-rooms .nxn-card-label>small{display:none}.nxn-naruto .nx22-identity>img{width:61px;height:61px;flex-basis:61px}.nxn-naruto .nx22-hero{min-height:222px}}
@media(prefers-reduced-motion:reduce){.nxn-naruto .nxn-card,.nxn-naruto .nxn-card>img{transition:none!important}}