.np-showcase-editor{--showcase-accent:#b98742;display:grid;margin:0 0 18px;padding:22px;border:1px solid #79502d;grid-template-columns:minmax(220px,1fr) minmax(360px,1.5fr) auto;align-items:center;gap:22px;color:#ead7b3;background:linear-gradient(135deg,#24150d,#0b0705 72%);box-shadow:0 15px 34px #0008,inset 0 0 55px #aa6d1710}.np-showcase-editor-copy small,.np-profile-showcase-head small,.np-showcase-picker header small{color:var(--showcase-accent);font-size:10px;letter-spacing:.18em}.np-showcase-editor-copy h2,.np-profile-showcase-head h2{margin:4px 0 6px;font-size:24px;font-weight:500}.np-showcase-editor-copy p{margin:0;color:#a99270;font-size:12px;line-height:1.45}.np-showcase-slots,.np-showcase-selected-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.np-showcase-slot{position:relative;display:grid;min-width:0;height:86px;padding:8px;grid-template-columns:52px 1fr;align-items:center;gap:8px;border:1px dashed #6e4a2c;color:#88765e;background:#090604}.np-showcase-slot.filled{border-style:solid;color:#ead7b3;background:linear-gradient(145deg,#25170f,#0a0604)}.np-showcase-slot>span{display:grid;width:50px;height:66px;place-items:center;overflow:hidden;background:#050302}.np-showcase-slot img{width:100%;height:100%;object-fit:contain}.np-showcase-slot>i{display:grid;width:42px;height:42px;border:1px solid #644527;border-radius:50%;place-items:center;font-style:normal;font-size:23px}.np-showcase-slot>b{min-width:0;font-size:12px;line-height:1.25}.np-showcase-slot>small{position:absolute;top:5px;right:7px;color:#9b7241}.np-showcase-edit,.np-showcase-picker footer button,.np-profile-showcase-head button{min-height:44px;border:1px solid #a56e31;padding:0 18px;color:#f0dcb5;background:linear-gradient(#4a2c15,#24140a);font:800 11px Literata,Georgia,serif;letter-spacing:.08em;cursor:pointer}.np-showcase-error{grid-column:1/-1;color:#e4a18e;text-align:center}
.np-showcase-open{overflow:hidden}.np-showcase-picker{--showcase-accent:#c68d3e;position:fixed;z-index:1300;inset:0;display:grid;padding:clamp(8px,3vw,32px);place-items:center;background:#030201e8;backdrop-filter:blur(8px)}.np-showcase-picker-card{display:flex;width:min(1320px,96vw);max-height:94vh;overflow:hidden;border:1px solid #a66f33;flex-direction:column;color:#ebd9b7;background:linear-gradient(145deg,#21140d,#080504);box-shadow:0 30px 100px #000}.np-showcase-picker header{display:flex;padding:19px 24px;align-items:center;justify-content:space-between;border-bottom:1px solid #674426;background:linear-gradient(90deg,#2b190f,#100906)}.np-showcase-picker header h2{margin:4px 0;font-size:28px;font-weight:500}.np-showcase-picker header p{margin:0;color:#a89272;font-size:12px}.np-showcase-picker header>button{width:42px;height:42px;border:1px solid #93642f;border-radius:50%;color:#e9d4ab;background:#140b07;font-size:25px;cursor:pointer}.np-showcase-picker-body{overflow:auto;padding:18px 22px}.np-showcase-selected{margin-bottom:16px;padding:14px;border:1px solid #624124;background:#0b0705}.np-showcase-selected-title{display:flex;margin-bottom:10px;justify-content:space-between;color:#d6b77f}.np-showcase-selected-item{display:grid;min-width:0;height:96px;padding:8px;grid-template-columns:66px minmax(0,1fr);grid-template-rows:1fr auto;gap:4px 9px;border:1px solid #79502c;background:linear-gradient(145deg,#26170f,#0b0705)}.np-showcase-selected-item.empty{place-items:center;grid-template-columns:1fr;color:#76664f;border-style:dashed}.np-showcase-selected-item>span{display:grid;width:64px;height:78px;grid-row:1/3;place-items:center;overflow:hidden;background:#050302}.np-showcase-selected-item img{width:100%;height:100%;object-fit:contain}.np-showcase-selected-item>b{min-width:0;align-self:end;font-size:12px;line-height:1.2}.np-showcase-selected-item>div{display:flex;gap:4px}.np-showcase-selected-item button{width:28px;height:24px;border:1px solid #6f4b2b;color:#dec69c;background:#1b100a;cursor:pointer}.np-showcase-selected-item button:disabled{opacity:.25}.np-showcase-selected-item>i{font-size:28px;font-style:normal}.np-showcase-tools{display:grid;margin-bottom:14px;grid-template-columns:1fr 260px;gap:10px}.np-showcase-tools input,.np-showcase-tools select{height:42px;border:1px solid #75502f;padding:0 12px;color:#ead6b2;background:#120b07;font:12px Literata,Georgia,serif}.np-showcase-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:11px}.np-showcase-picker-grid>button{display:block;min-width:0;border:0;padding:0;background:transparent;text-align:left;cursor:pointer}.np-showcase-picker-grid>button[hidden]{display:none}.np-showcase-item{--showcase-accent:#b98742;display:flex;height:100%;min-height:310px;overflow:hidden;border:1px solid color-mix(in srgb,var(--showcase-accent) 55%,#4c321d);flex-direction:column;background:linear-gradient(155deg,color-mix(in srgb,var(--showcase-accent) 10%,#1a100b),#080504 50%);box-shadow:0 9px 20px #0006}.np-showcase-item.selected{outline:2px solid var(--showcase-accent);outline-offset:-2px}.np-showcase-item-art{position:relative;display:grid;height:145px;flex:0 0 145px;place-items:center;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--showcase-accent) 55%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--showcase-accent) 18%,transparent),#050302 70%)}.np-showcase-item-art img{width:92%;height:92%;object-fit:contain}.np-showcase-item-art>i{color:var(--showcase-accent);font:44px/1 Georgia,serif;font-style:normal}.np-showcase-item-art>b{position:absolute;top:7px;right:7px;border:1px solid var(--showcase-accent);padding:3px 6px;color:#f0d9b1;background:#080504dd;font-size:8px;letter-spacing:.08em}.np-showcase-item>small{margin:13px 14px 0;color:var(--showcase-accent);font-size:9px;letter-spacing:.08em}.np-showcase-item>strong{margin:6px 14px;color:#f0ddba;font-size:16px}.np-showcase-item>p{margin:0 14px 15px;color:#a89473;font-size:11px;line-height:1.4}.np-showcase-picker footer{display:flex;padding:14px 22px;justify-content:flex-end;gap:10px;border-top:1px solid #684526;background:#100a07}.np-showcase-picker footer button:first-child{color:#b9a184;background:#160e09}.np-showcase-picker button:focus-visible,.np-showcase-edit:focus-visible,.np-profile-showcase button:focus-visible{outline:2px solid #e1b25e;outline-offset:2px}
.np-profile-showcase{--showcase-accent:#8b5428;margin:18px 0;padding:18px;border:1px solid #a37444;color:#4a2a17;background:linear-gradient(120deg,#ead09a,#d9af72);box-shadow:inset 0 0 34px #8c542315}.np-profile-showcase-head{display:flex;margin-bottom:13px;align-items:end;justify-content:space-between}.np-profile-showcase-head h2{margin-bottom:0}.np-profile-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.np-profile-showcase .np-showcase-item{min-height:265px;border-color:#9c693b;background:linear-gradient(150deg,#5b321d,#211109);box-shadow:0 8px 18px #75431735}.np-profile-showcase .np-showcase-item-art{height:125px;flex-basis:125px}.np-profile-showcase-empty{display:grid;min-height:130px;place-items:center;align-content:center;border:1px dashed #a87542;color:#765030}.np-profile-showcase-empty i{font-size:27px;font-style:normal}.np-profile-showcase-empty b{margin-top:5px}.np-profile-showcase-empty p{margin:5px 0 0;font-size:12px}
.np-profile-showcase .np-showcase-item{border-color:#a46f3e;background:linear-gradient(150deg,#ebcf98,#d4a767);box-shadow:0 8px 18px #75431725}.np-profile-showcase .np-showcase-item-art{background:radial-gradient(circle,#f0d8a8,#c69458 74%)}.np-profile-showcase .np-showcase-item>strong{color:#4a2917}.np-profile-showcase .np-showcase-item>p{color:#745033}
html[data-home-theme="mrak"] .np-profile-showcase,html[data-home-theme="worlds"] .np-profile-showcase,html[data-home-theme="kids"] .np-profile-showcase{color:#ead9bb;background:linear-gradient(145deg,#1f130d,#080504);border-color:#80572f}html[data-home-theme="mrak"] .np-profile-showcase{--showcase-accent:#c55b42}html[data-home-theme="worlds"] .np-profile-showcase{--showcase-accent:#62cbd8}html[data-home-theme="kids"] .np-profile-showcase{--showcase-accent:#d9a449}html[data-home-theme="mrak"] .np-profile-showcase .np-showcase-item,html[data-home-theme="worlds"] .np-profile-showcase .np-showcase-item,html[data-home-theme="kids"] .np-profile-showcase .np-showcase-item{border-color:#67472d;background:linear-gradient(150deg,#21140d,#080504);box-shadow:0 8px 18px #0008}html[data-home-theme="mrak"] .np-profile-showcase .np-showcase-item-art,html[data-home-theme="worlds"] .np-profile-showcase .np-showcase-item-art,html[data-home-theme="kids"] .np-profile-showcase .np-showcase-item-art{background:radial-gradient(circle,color-mix(in srgb,var(--showcase-accent) 18%,transparent),#050302 70%)}html[data-home-theme="mrak"] .np-profile-showcase .np-showcase-item>strong,html[data-home-theme="worlds"] .np-profile-showcase .np-showcase-item>strong,html[data-home-theme="kids"] .np-profile-showcase .np-showcase-item>strong{color:#f0ddba}html[data-home-theme="mrak"] .np-profile-showcase .np-showcase-item>p,html[data-home-theme="worlds"] .np-profile-showcase .np-showcase-item>p,html[data-home-theme="kids"] .np-profile-showcase .np-showcase-item>p{color:#a89473}html[data-home-theme="mrak"] .np-profile-showcase-empty,html[data-home-theme="worlds"] .np-profile-showcase-empty,html[data-home-theme="kids"] .np-profile-showcase-empty{color:#ad9879;border-color:#65482f}
.np-showcase-tabs{display:flex;margin:0 0 12px;overflow-x:auto;border-bottom:1px solid #684727;gap:5px;scrollbar-width:thin}.np-showcase-tabs button{min-height:38px;white-space:nowrap;border:1px solid #684727;border-bottom:0;padding:0 12px;color:#a99170;background:#100a07;font:800 10px Literata,Georgia,serif;letter-spacing:.05em;cursor:pointer}.np-showcase-tabs button span{margin-left:4px;color:#806443}.np-showcase-tabs button.active{color:#f0dbb4;background:linear-gradient(#4a2d17,#24140b);box-shadow:inset 0 -2px var(--showcase-accent)}.np-showcase-tabs button.active span{color:#d6a75e}.np-showcase-tools{grid-template-columns:1fr}
.split-statistics>.np-profile-showcase{margin:0;padding:.85rem;border:1px solid #70482388;border-radius:4px;background:#e0b8759c;box-shadow:none}.split-statistics>.np-profile-showcase .np-profile-showcase-head{margin-bottom:.65rem;align-items:center}.split-statistics>.np-profile-showcase .np-profile-showcase-head small{font-size:8px}.split-statistics>.np-profile-showcase .np-profile-showcase-head h2{margin:2px 0 0;font-size:.8rem;text-transform:uppercase}.split-statistics>.np-profile-showcase .np-profile-showcase-head button{min-height:32px;padding:0 11px;font-size:9px}.split-statistics>.np-profile-showcase .np-profile-showcase-grid{gap:.45rem}.split-statistics>.np-profile-showcase .np-showcase-item{min-height:148px;box-shadow:none}.split-statistics>.np-profile-showcase .np-showcase-item-art{height:76px;flex-basis:76px}.split-statistics>.np-profile-showcase .np-showcase-item>small{margin:7px 8px 0;font-size:7px}.split-statistics>.np-profile-showcase .np-showcase-item>strong{margin:4px 8px 8px;font-size:12px;line-height:1.15}.split-statistics>.np-profile-showcase .np-showcase-item>p{display:none}.split-statistics>.np-profile-showcase .np-profile-showcase-empty{min-height:78px}.split-statistics>.np-profile-showcase .np-profile-showcase-empty p{margin:3px 0 0;font-size:10px}.split-statistics>.np-profile-showcase .np-profile-showcase-empty i{font-size:19px}
html[data-home-theme="mrak"] .split-statistics>.np-profile-showcase,html[data-home-theme="worlds"] .split-statistics>.np-profile-showcase,html[data-home-theme="kids"] .split-statistics>.np-profile-showcase{background:linear-gradient(145deg,#1f130d,#080504);border-color:#80572f}
@media(max-width:980px){.np-showcase-editor{grid-template-columns:1fr}.np-showcase-edit{justify-self:start}.np-showcase-picker-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
@media(max-width:650px){.np-showcase-editor{padding:15px}.np-showcase-slots,.np-showcase-selected-slots,.np-profile-showcase-grid{grid-template-columns:1fr}.np-showcase-slot{height:72px}.np-showcase-picker{padding:0}.np-showcase-picker-card{width:100vw;max-height:100vh;height:100vh;border:0}.np-showcase-picker header{padding:14px}.np-showcase-picker header p{display:none}.np-showcase-picker-body{padding:12px}.np-showcase-tools{grid-template-columns:1fr}.np-showcase-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.np-showcase-item{min-height:270px}.np-showcase-item-art{height:120px;flex-basis:120px}.np-profile-showcase{padding:13px}.np-profile-showcase-head{align-items:flex-start;gap:8px}.np-profile-showcase-head button{padding:0 10px}.np-profile-showcase .np-showcase-item{display:grid;min-height:108px;grid-template-columns:110px 1fr;grid-template-rows:auto auto 1fr}.np-profile-showcase .np-showcase-item-art{height:108px;grid-row:1/4}.np-profile-showcase .np-showcase-item>small{margin-top:12px}.np-profile-showcase .np-showcase-item>p{margin-bottom:10px}}

/* Showcase V3: every cosmetic is staged as the object it represents instead
   of displaying a raw source image with arbitrary proportions. */
.np-showcase-item-art{isolation:isolate}
.np-showcase-generic-sample{position:absolute;inset:8px;display:grid;place-items:center}
.np-showcase-generic-sample img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 9px 10px #000b)}
.np-showcase-generic-sample i{color:var(--showcase-accent);font:44px/1 Georgia,serif;font-style:normal}
.np-showcase-dice-pair{position:absolute;inset:5px 9px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}
.np-showcase-dice-canvas{position:absolute!important;top:0!important;bottom:0!important;width:57%!important;height:100%!important;pointer-events:none;filter:drop-shadow(0 9px 8px #000c)}
.np-showcase-dice-canvas:first-child{left:0!important;right:auto!important;transform:translate(8%,-2%) rotate(-7deg)}
.np-showcase-dice-canvas:last-child{left:auto!important;right:0!important;transform:translate(-8%,5%) rotate(8deg)}
.np-showcase-frame-sample{position:relative;display:grid;width:min(116px,84%);aspect-ratio:1;place-items:center}
.np-showcase-frame-sample>img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;z-index:3;filter:drop-shadow(0 7px 8px #000b)}
.np-showcase-avatar-sample{display:grid;width:54%;aspect-ratio:1;place-items:center;border:1px solid color-mix(in srgb,var(--showcase-accent) 78%,#ecd7aa);border-radius:50%;color:#f1d8aa;background:radial-gradient(circle at 42% 35%,#6c4223,#140b07 70%);box-shadow:inset 0 0 20px #000,0 0 17px color-mix(in srgb,var(--showcase-accent) 26%,transparent);font:700 30px/1 Georgia,serif}
.np-showcase-avatar-sample>.np-showcase-avatar-image{display:block;width:100%!important;height:100%!important;border-radius:50%;object-fit:cover!important;object-position:center!important;filter:none!important}
.np-showcase-name-sample{position:relative;display:grid;width:92%;height:70%;place-items:center}
.np-showcase-name-sample>img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;z-index:1;filter:drop-shadow(0 8px 8px #000a)}
.np-showcase-name-sample>b{position:relative;z-index:2;max-width:68%;overflow:hidden;color:#f4dfb9;text-shadow:0 2px 2px #000,0 0 8px #000;letter-spacing:.08em;white-space:nowrap}
.np-showcase-background-sample,.np-showcase-player-card-sample{position:absolute;inset:7px;display:flex;overflow:hidden;border:1px solid color-mix(in srgb,var(--showcase-accent) 50%,#4a301b);flex-direction:column;align-items:flex-start;justify-content:flex-end;background-position:center;background-size:cover;box-shadow:inset 0 -55px 42px #050302d9}
.np-showcase-background-sample:after,.np-showcase-player-card-sample:after{position:absolute;inset:0;border:1px solid #f3d5931c;content:"";pointer-events:none}
.np-showcase-background-sample b,.np-showcase-player-card-sample b{position:relative;z-index:2;margin:0 10px;color:#f5dfb8;text-shadow:0 2px 3px #000;font-size:14px;letter-spacing:.05em}
.np-showcase-background-sample em,.np-showcase-player-card-sample em{position:relative;z-index:2;margin:2px 10px 8px;color:var(--showcase-accent);font-size:8px;font-style:normal;letter-spacing:.1em}
.np-showcase-player-card-sample>img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;opacity:.88}

/* The profile lives on parchment, while the collection slots read as dark
   museum niches. This keeps the classic theme coherent and avoids raw beige
   rectangles fighting the equipped cosmetic artwork. */
.split-statistics>.np-profile-showcase{border-color:#93643280;background:linear-gradient(135deg,#dcb3729c,#c48d4d38);box-shadow:inset 0 0 22px #7c431b18}
.split-statistics>.np-profile-showcase .np-showcase-item{min-height:154px;border:1px solid color-mix(in srgb,var(--showcase-accent) 58%,#56361f);background:linear-gradient(155deg,color-mix(in srgb,var(--showcase-accent) 8%,#24150e),#090604 55%);box-shadow:inset 0 0 28px #0007,0 5px 12px #5d341b2e}
.split-statistics>.np-profile-showcase .np-showcase-item-art{height:88px;flex-basis:88px;border-bottom-color:color-mix(in srgb,var(--showcase-accent) 48%,transparent);background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--showcase-accent) 20%,transparent),#080504 72%)}
.split-statistics>.np-profile-showcase .np-showcase-item>small{color:var(--showcase-accent)}
.split-statistics>.np-profile-showcase .np-showcase-item>strong{color:#f1ddba}
.split-statistics>.np-profile-showcase .np-showcase-frame-sample{width:min(82px,80%)}
.split-statistics>.np-profile-showcase .np-showcase-avatar-sample{font-size:20px}
.split-statistics>.np-profile-showcase .np-showcase-name-sample{height:76%}
.split-statistics>.np-profile-showcase .np-showcase-background-sample,.split-statistics>.np-profile-showcase .np-showcase-player-card-sample{inset:5px}
@media(max-width:650px){.split-statistics>.np-profile-showcase .np-profile-showcase-grid{grid-template-columns:1fr}.split-statistics>.np-profile-showcase .np-showcase-item{display:grid;min-height:112px;grid-template-columns:118px minmax(0,1fr);grid-template-rows:auto auto 1fr}.split-statistics>.np-profile-showcase .np-showcase-item-art{height:112px;grid-row:1/4}.split-statistics>.np-profile-showcase .np-showcase-item>small{margin-top:18px}.split-statistics>.np-profile-showcase .np-showcase-item>strong{font-size:13px}}