html,body{background:#131519!important}
.showcase-background{position:fixed;inset:0;background:#131519;z-index:-1;pointer-events:none}
.showcase-header{position:fixed;bottom:66px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:100001;font:13px system-ui;color:#dad7d1}
.showcase-header a{font-weight:600;text-decoration:none;color:inherit}.showcase-header>div{display:flex;align-items:center;gap:16px}.showcase-header span{font-size:11px;letter-spacing:.1em;color:#b7ae9c}
.showcase-header button{font:13px system-ui;min-height:40px;padding:8px 14px;border:1px solid #4b4942;border-radius:6px;background:#24262a;color:#e3dccf;cursor:pointer}
.showcase-footer{position:fixed;bottom:18px;left:20px;right:20px;display:flex;flex-direction:column;align-items:center;gap:5px;z-index:90000;font:12px/1.5 system-ui;color:#979a9f;pointer-events:none}.showcase-footer strong{color:#c6bda9;font-weight:400}
.showcase-header :is(a,button):focus-visible{outline:2px solid #d9c5a0;outline-offset:4px}
@media(max-width:700px){.showcase-header{left:12px;right:12px;font-size:11px}.showcase-header span{display:none}.showcase-footer{font-size:10px;text-align:center}}

/* Presentation wrapper only: keep every inventory panel and slot unchanged. */
html.showcase-hero,html.showcase-hero body,html.showcase-hero #app{background:transparent!important}
.showcase-hero .showcase-background,.showcase-hero .showcase-header,.showcase-hero .showcase-footer,.showcase-hero #needHud{display:none!important}
.showcase-hero #app{padding:0!important;justify-content:flex-start!important;align-items:flex-start!important}
.showcase-hero #app>.inv-wrap{left:0!important;top:0!important;transform:none!important;margin:0!important}