/* Full-screen Home artwork, with the lobby interface layered above it. */
body.home-artwork { min-height:100vh; height:auto; overflow-y:auto; background:#101318; }
.home-artwork .lobby-scene {
    position:fixed;
    inset:58px 0 0;
    background:linear-gradient(90deg,rgba(3,7,12,.67),rgba(3,7,12,.12) 35%,rgba(3,7,12,.08) 65%,rgba(3,7,12,.6)),linear-gradient(180deg,rgba(0,0,0,.32),transparent 38%,rgba(0,0,0,.42)),url('uploads/red-warehouse.png') center top / cover no-repeat;
}
.home-artwork .lobby-scene > div { display:none; }
.home-artwork .lobby-main { height:auto; overflow:visible; }
.home-artwork .lobby-center { min-height:calc(100vh - 150px); }
.home-artwork .lobby-title { top:4%; text-shadow:0 2px 12px #000; }
.home-artwork .lobby-title small,.home-artwork .lobby-title p { color:#e4e6eb; text-shadow:0 2px 6px #000; }
.home-artwork .lobby-topbar { background:rgba(5,9,14,.84); backdrop-filter:blur(10px); }
.home-artwork .lobby-menu-item,.home-artwork .lobby-panel { backdrop-filter:blur(8px); background-color:rgba(8,14,21,.8); }
.home-artwork #home-clips { grid-column:1 / -1; width:min(560px,100%); justify-self:start; }
@media(max-width:720px) {
    .home-artwork .lobby-scene { background-position:center,center,48% top; }
    .home-artwork .lobby-center { min-height:480px; }
    .home-artwork .lobby-title { top:24px; }
    .home-artwork #home-clips { margin-top:20px; }
    .home-artwork .lobby-right { flex-wrap:wrap; gap:12px; }
}

/* Separate foreground for shoulder-depth lettering and subtle idle motion. */
.home-artwork .lobby-title{z-index:-3;top:18%}
.home-artwork .lobby-main::after{content:"";position:fixed;inset:58px 0 0;z-index:-2;pointer-events:none;background:url('uploads/red-character.png') center top/cover no-repeat;transform-origin:50% 96%;animation:red-idle 5.5s ease-in-out infinite;filter:brightness(.83)}
@keyframes red-idle{0%,100%{transform:rotate(-.65deg) scaleY(1)}50%{transform:rotate(.65deg) scaleY(1.004)}}
@media(max-width:720px){.home-artwork .lobby-main::after{background-position:48% top}}
@media(prefers-reduced-motion:reduce){.home-artwork .lobby-main::after{animation:none}}