/* R187 — estrutura visual compartilhada, SEM reprogramar compras ou conteúdo oficial.
   Cena contextual pode ser inserida como imagem .r187-scene quando aprovada. */
:root{--r187-coffee:#160f0b;--r187-panel:#211711;--r187-gold:#e8c37b}
.r46-modal:not([hidden]),.r23-detail:not([hidden]){background:rgba(12,7,5,.94)!important}
.r46-modal .r182-dossier,.r23-detail .r23-detail-panel{background:var(--r187-coffee)!important;color:#f2ddc4!important}
/* AURELIS: identidade e título ABAIXO da cena, nunca sobre rosto ou corpo. */
.r182-hero{height:auto!important;max-height:none!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:var(--r187-coffee)!important}
.r182-hero .r46-full{position:relative!important;left:auto!important;bottom:auto!important;right:auto!important;top:auto!important;width:100%!important;height:clamp(330px,57dvh,650px)!important;max-height:none!important;flex:none!important;z-index:3!important;display:grid!important;place-items:end center!important;overflow:hidden!important}
.r182-hero .r46-full img{max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center bottom!important}
.r182-name{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;z-index:5!important;display:block!important;width:100%!important;box-sizing:border-box!important;padding:14px 18px 22px!important;text-align:center!important;background:linear-gradient(#160f0b,#211711)!important;text-shadow:none!important}
.r182-name h2{position:static!important;margin:0 0 9px!important;font-size:clamp(26px,7.3vw,42px)!important;line-height:1.12!important;overflow-wrap:anywhere!important}
.r182-name .r46-sub{margin:0 0 9px!important;line-height:1.5!important}
.r182-portrait{display:none!important}
.r182-hero .r186-city{bottom:auto!important;height:clamp(330px,57dvh,650px)!important;opacity:.52!important;z-index:0!important}
.r182-hero .r184-ambient,.r182-hero .r185-city{display:none!important}
.r182-body,.r182-box,.r182-body .r46-status{background:var(--r187-panel)!important}
.r182-body{background:var(--r187-coffee)!important}
/* R23 DETAIL / VELORUN: preserve existing preview and purchase actions, change presentation only. */
.r23-detail.r187-open{position:fixed!important;inset:0!important;z-index:2147482100!important;display:flex!important;align-items:stretch!important;justify-content:center!important;padding:0!important;overflow:hidden!important}
.r23-detail.r187-open .r23-detail-panel{box-sizing:border-box!important;width:min(100%,540px)!important;max-width:540px!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;border-radius:0!important;border:0!important;padding:0 0 calc(25px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important}
.r23-detail.r187-open .r187-header{display:flex;justify-content:space-between;align-items:center;min-height:72px;padding:calc(env(safe-area-inset-top) + 8px) 19px 10px;box-sizing:border-box;color:var(--r187-gold);font:21px Georgia,serif;letter-spacing:.12em;border-bottom:1px solid #6e4b2b73;background:#160f0b}
.r23-detail.r187-open .r187-header button{min-width:42px;min-height:42px;border:1px solid #d3a35b;border-radius:50%;background:#291a12;color:#e8c37b;font-size:24px}
.r23-detail.r187-open #r25DetailArt{position:relative!important;order:1!important;width:100%!important;height:clamp(320px,52dvh,600px)!important;box-sizing:border-box!important;padding:24px 13px 0!important;display:flex!important;align-items:end!important;justify-content:center!important;border:0!important;border-radius:0!important;background:linear-gradient(0deg,#160f0b 0%,#160f0b40 45%,#160f0b60 100%),url('velorun-pilot/velorun_capa_reino.webp') center/cover!important;overflow:hidden!important}
.r23-detail.r187-open #r25DetailArt img{display:block!important;height:100%!important;width:100%!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center bottom!important;position:relative!important;z-index:2!important}
.r23-detail.r187-open #r23DetailType{order:2!important;display:block!important;margin:0!important;padding:10px 22px 0!important;text-transform:uppercase;letter-spacing:.17em;font-size:12px!important;color:#d4ae70!important;background:var(--r187-coffee)}
.r23-detail.r187-open #r23DetailTitle{order:3!important;position:static!important;margin:0!important;padding:7px 22px 17px!important;color:var(--r187-gold)!important;font:700 clamp(30px,8vw,44px)/1.12 Georgia,serif!important;background:var(--r187-coffee);overflow-wrap:anywhere;text-shadow:none!important}
.r23-detail.r187-open #r23DetailText{order:4!important;box-sizing:border-box;margin:0 18px 18px!important;padding:18px!important;border:1px solid #795632!important;border-radius:15px!important;background:var(--r187-panel)!important;color:#f0dec5!important;line-height:1.7!important;font-size:15px!important;white-space:normal!important}
.r23-detail.r187-open #r25Preview,.r23-detail.r187-open #r158Buy,.r23-detail.r187-open #r158BuyFeedback{order:5!important;margin:0 18px 12px!important;min-height:45px!important}
.r23-detail.r187-open #r23DetailClose{order:6!important;margin:3px 18px 15px!important}
.r23-detail.r187-open .r187-header{order:0!important}
.r23-detail.r187-open [hidden]{display:none!important}
/* Rarity should follow explicit actual displayed label; unset metadata is not assigned a color. */
.r182-dossier [data-r184-rarity="epico"],.r23-detail[data-r187-rarity="epico"] #r23DetailType{color:#d9afff!important;border-color:#aa73e5!important}
.r182-dossier [data-r184-rarity="raro"],.r23-detail[data-r187-rarity="raro"] #r23DetailType{color:#90c9ff!important}
.r182-dossier [data-r184-rarity="lendario"],.r23-detail[data-r187-rarity="lendario"] #r23DetailType{color:#f3c768!important}
.r182-dossier [data-r184-rarity="comum"],.r23-detail[data-r187-rarity="comum"] #r23DetailType{color:#d8cab8!important}
@media(min-width:700px){.r46-modal .r182-dossier{display:block!important;overflow-y:auto!important;width:min(100%,650px)!important;max-width:650px!important}.r182-hero{grid-column:auto!important;grid-row:auto!important}.r182-body{grid-column:auto!important;grid-row:auto!important;overflow:visible!important}.r182-name{bottom:auto!important}}
@media(prefers-reduced-motion:reduce){.r187-open *, .r182-dossier *{transition:none!important}}