/* Royal Black · Escenarios. Photographic worlds behind original vector emblems. */
@import url('cover-scenes.css');
.hero{background:#1b1613 url('scenes/royal-salon.webp') center 42%/cover;border-color:#c9a26050;min-height:460px}
.hero:before{background:linear-gradient(90deg,#071010f5 0%,#0a1311e3 34%,#11100a2b 75%)}
.hero:after{background:linear-gradient(0deg,#0a100d80,transparent 45%);z-index:0}
.hero-art,.hero-orbit{display:none}
.hero-copy{max-width:65%;padding-left:45px}
.hero h1{font-size:clamp(42px,4.4vw,64px);text-shadow:0 2px 30px #0008}
.hero p{color:#c0c7bb}.hero-bottom{color:#dbbc87}
.hero-facts span{color:#a9b6a8}
.hero-badge span{animation:edition-signal 3s ease-in-out infinite}
.game-art{background-size:cover;background-position:center;isolation:isolate;border:1px solid #b4a27638;box-shadow:0 12px 28px #0006,inset 0 1px #e9ddb02e;transition:transform .35s,border-color .35s,box-shadow .35s}
.game-art>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 12px #000b);padding:4% 0 0;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.game-art:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 30%,#070b1250 68%,#070b12ed);z-index:1;pointer-events:none}
.game-art:after{content:'';position:absolute;inset:6px;border:1px solid #f7d99427;border-radius:inherit;z-index:1;pointer-events:none;background:linear-gradient(120deg,#fff0 30%,#fff1 46%,#fff0 60%);background-size:300% 100%;background-position:100% 50%;transition:background-position .7s}
.game-art:hover{border-color:#e4bf7b99;box-shadow:0 16px 36px #0009,0 0 20px #c79c4414;transform:translateY(-3px)}
.game-art:hover:after{background-position:0 50%}.game-art:hover>img{transform:scale(1.08) translateY(-4px)}
.card-title-art{z-index:2;text-shadow:0 3px 8px #000,0 0 24px #000;font-size:clamp(23px,2.1vw,34px)}
.card-title-art small{color:#e3c79e}.card-status{z-index:3;background:#0b111acc;border:1px solid #e2cc8c44;color:#e6d29c}
.favorite{z-index:5}.card-play-label{z-index:4}.play-hover{z-index:5}.game-meta strong{font-size:12px}.game-meta small{font-size:9px}
.table-banner{background:#141e17 url('scenes/royal-salon.webp') center 48%/cover;min-height:330px;border-color:#d4b46e44}
.table-banner:before{background:linear-gradient(90deg,#081610ed,#0e2113a8 42%,#06100b33)}
.table-banner>img{filter:drop-shadow(0 20px 25px #0009);opacity:1}.table-banner-mark{display:none}
.collection-heading{background:linear-gradient(90deg,#0c1a1ce8,#0c1a1c6e),url('scenes/royal-salon.webp') center 40%/cover;border-color:#c7b17a35}
.originals-promise{background:linear-gradient(110deg,#0d201df0,#0d201de0),url('scenes/emerald-temple.webp') center/cover}
@keyframes edition-signal{50%{box-shadow:0 0 16px #eddcaa99}}
@media(min-width:1750px){.hero{min-height:500px}.hero-copy{padding-left:55px}}
@media(max-width:700px){.hero{min-height:430px;height:auto;background-position:62% 40%}.hero-copy{padding:30px 25px;max-width:100%}.hero:before{background:linear-gradient(90deg,#071010eb,#0710109a)}.hero h1{font-size:46px}.hero-facts{margin-bottom:20px}.game-art>img{padding:0}.card-title-art{font-size:25px}.table-banner{min-height:310px}.game-meta strong{font-size:11px}.game-meta small{font-size:8px}}
@media(max-width:380px){.hero h1{font-size:40px}.card-title-art{font-size:22px}}
html[data-motion='reduced'] .hero-badge span{animation:none}