/* Apresentação de jogo BetBlunt: capa ampla, ações próximas e catálogo relacionado. */
.bb-game-details{position:fixed;inset:0;width:min(1080px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;border:1px solid #254331;border-radius:16px;background:#06170e;color:#effaf3;box-shadow:0 24px 90px #000a;font:14px/1.5 Inter,Arial,sans-serif;scrollbar-width:thin;scrollbar-color:#28563b transparent}
.bb-game-details:not([open]),.bb-game-details [hidden]{display:none!important}
.bb-game-details:focus{outline:none}
.bb-game-details::backdrop{background:#000b;backdrop-filter:blur(5px)}
.bb-game-details *{box-sizing:border-box}
.bb-game-details button,.bb-game-details a{font:inherit;-webkit-tap-highlight-color:transparent}
.bb-game-details button{cursor:pointer}
.bb-game-details button:disabled{opacity:.55;cursor:wait}
.bb-game-details button:focus,.bb-game-details a:focus{outline:none;box-shadow:none}
.bb-game-details button:focus-visible,.bb-game-details a:focus-visible{outline:2px solid #7ef0b3;outline-offset:2px}
.bb-game-details-close{position:absolute;top:14px;right:14px;z-index:3;display:grid;place-items:center;width:38px;height:38px;padding:9px;border:1px solid #ffffff26;border-radius:8px;background:#031109c9;color:#e1eee4;backdrop-filter:blur(8px)}
.bb-game-details-close svg{width:20px;height:20px}
.bb-game-details-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.bb-game-details-art{position:relative;isolation:isolate;display:grid;place-items:center;min-height:355px;padding:20px;overflow:hidden;background:#0a2618}
.bb-game-details-halo{position:absolute;inset:-20px;background-position:center;background-size:cover;filter:blur(24px);opacity:.38;pointer-events:none}
.bb-game-details-art::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#06170e99,transparent 60%);pointer-events:none}
.bb-game-details-cover{position:relative;display:block;height:310px;max-width:100%;aspect-ratio:5/6;object-fit:contain;border-radius:9px;box-shadow:0 12px 36px #0007}
.bb-game-details-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:54px 28px 30px}
.bb-game-details-title-row{display:flex;align-items:center;gap:14px}
.bb-game-details h2{flex:1;min-width:0;margin:0;color:#f5fff8;font-size:clamp(25px,3vw,36px);line-height:1.12;letter-spacing:-.04em;overflow-wrap:anywhere}
.bb-game-details-provider{align-self:flex-start;margin:8px 0 18px;color:#84b99b;text-decoration:none;font-size:13px}
.bb-game-details-favorite{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:8px;border:0;border-radius:50%;background:transparent;color:#a9c5b3}
.bb-game-details-favorite svg{width:25px;height:25px;fill:transparent;stroke:currentColor;stroke-width:1.6}
.bb-game-details-favorite[aria-pressed=true]{color:#00ed91}
.bb-game-details-favorite[aria-pressed=true] svg{fill:currentColor}
.bb-game-details-play{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;padding:12px 18px;border:0;border-radius:8px;background:linear-gradient(110deg,#00c779,#17ed94);color:#002b16;font-size:16px!important;font-weight:850!important}
.bb-game-details-play svg{width:17px;height:17px;fill:currentColor}
.bb-game-details-play:not(:disabled):hover{filter:brightness(1.08)}
.bb-game-details-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.bb-game-details-tags:empty{display:none}
.bb-game-details-tags a{padding:4px 8px;border:1px solid #284734;border-radius:5px;color:#9db6a6;font-size:10px;text-decoration:none}
.bb-game-details-message{min-height:0;margin:9px 0 0;font-size:11px;color:#b2cdbb}
.bb-game-details-message:empty{display:none}
.bb-game-details-message.is-error{color:#ffc3aa}
.bb-game-details-related{padding:6px 28px 24px;border-top:1px solid #1c3727}
.bb-game-details-shelf{padding-top:19px}
.bb-game-details-shelf-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.bb-game-details h3{margin:0;font-size:15px;font-weight:750;letter-spacing:-.02em}
.bb-game-details-shelf-head>a{color:#00d986;font-size:11px;text-decoration:none;white-space:nowrap}
.bb-game-details-shelf-row{display:flex;gap:11px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#1c4932 transparent;padding:0 1px 8px}
.bb-game-details .bb-detail-related-card{display:block;flex:0 0 132px;min-width:0;width:132px;padding:0;border:0;border-radius:8px;background:transparent;color:#c6d8cd;text-align:left;scroll-snap-align:start}
.bb-detail-related-card img{display:block;width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:7px}
.bb-detail-related-card>span{display:block;padding-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
@media(max-width:700px){
 .bb-game-details{width:100%;height:100dvh;max-height:100dvh;max-width:100%;margin:0;border:0;border-radius:0;padding-bottom:env(safe-area-inset-bottom,0px)}
 .bb-game-details-close{position:fixed;top:12px;right:12px;margin:0}
 .bb-game-details-layout{clear:none;grid-template-columns:minmax(0,1fr)}
 .bb-game-details-art{min-height:0;height:clamp(224px,72vw,340px);padding:0}
 .bb-game-details-cover{height:100%;width:100%;min-height:0;max-height:100%;max-width:none;aspect-ratio:auto;border-radius:0;object-fit:contain;box-shadow:none}
 .bb-game-details-halo{filter:blur(20px);opacity:.45}
 .bb-game-details-copy{padding:20px 20px 17px}
 .bb-game-details h2{font-size:27px}
 .bb-game-details-provider{margin:6px 0 15px;font-size:12px}
 .bb-game-details-related{padding:0 20px 24px}
 .bb-game-details h3{font-size:14px}
 .bb-game-details-shelf-row{gap:10px;margin-right:-20px;padding-right:20px}
 .bb-game-details .bb-detail-related-card{width:112px;flex-basis:112px}
}
@media(prefers-reduced-motion:reduce){.bb-game-details *{scroll-behavior:auto}}