/* ============ A SAGA · CENA DE ABERTURA (sections-saga-cena.jsx) ============ */
.sgc-wrap{position:relative;height:280vh;--sgc-ac:var(--gt-ac,#f5c400);--sgc-ac2:var(--gt-ac2,#ff3fa4);--sgc-bg:var(--gt-bg,#0e1014)}
.sgc-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sgc-palco{position:sticky;top:0;height:100vh;height:100svh;width:100%;overflow:hidden;contain:paint;
  background:linear-gradient(180deg,#0b0a0c 0%,#120f12 52%,#0a090b 100%);
  --sgc-w:min(100vw,166.667vh)}
@supports (width:1cqw){.sgc-palco{container-type:size;--sgc-w:min(100cqw,166.667cqh)}}
.sgc-wrap[data-sgc-sala="90s"] .sgc-palco{background:linear-gradient(180deg,#2c190f 0%,#3f2518 50%,#2a180d 58%,#1d1009 100%)}
.sgc-wrap[data-sgc-sala="2000s"] .sgc-palco{background:linear-gradient(180deg,#0c1328 0%,#18233f 50%,#121a2c 58%,#0d1220 100%)}
.sgc-wrap[data-sgc-sala="hd"] .sgc-palco{background:linear-gradient(180deg,#060709 0%,#0f1116 52%,#0b0c10 100%)}

.sgc-cena{position:absolute;left:calc(50% - var(--sgc-w) / 2);top:calc(50% - var(--sgc-w) * .3);width:var(--sgc-w);height:calc(var(--sgc-w) * .6);
  font-size:calc(var(--sgc-w) / 100);transform-origin:0 0;will-change:transform}
.sgc-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
/* sala desfocada (profundidade de campo) e um pouco mais escura que o primeiro plano */
.sgc-fundo{filter:blur(.32em) saturate(.85) brightness(.82)}
.sgc-aparelho{position:absolute;inset:0;will-change:transform,opacity}
.sgc-cena img{display:block;width:100%;height:100%;object-fit:cover}

/* ---------- fotos do hardware ---------- */
.sgc-cena img.sgc-foto{position:absolute;object-fit:fill;user-select:none;-webkit-user-drag:none;
  filter:drop-shadow(0 .35em .45em rgba(0,0,0,.5)) drop-shadow(0 .08em .1em rgba(0,0,0,.55))}
.sgc-wrap[data-sgc-sala="90s"] .sgc-cena img.sgc-foto{filter:drop-shadow(0 .35em .45em rgba(0,0,0,.5)) drop-shadow(0 .08em .1em rgba(0,0,0,.55)) sepia(.14) saturate(1.05) brightness(.9)}
.sgc-wrap[data-sgc-sala="2000s"] .sgc-cena img.sgc-foto{filter:drop-shadow(0 .35em .45em rgba(0,0,0,.55)) drop-shadow(0 .08em .1em rgba(0,0,0,.55)) brightness(.86) contrast(1.04)}
.sgc-wrap[data-sgc-sala="hd"] .sgc-cena img.sgc-foto{filter:drop-shadow(0 .3em .5em rgba(0,0,0,.6)) drop-shadow(0 .06em .1em rgba(0,0,0,.6)) brightness(.8) contrast(1.06)}
.sgc-sombra{position:absolute;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(0,0,0,.62),rgba(0,0,0,.32) 55%,transparent)}
/* luz de cena: vinheta e um toque da cor do jogo vindo da tela */
.sgc-luz{position:absolute;inset:-2%;pointer-events:none;z-index:2;
  background:radial-gradient(ellipse 70% 75% at 50% 46%,transparent 55%,rgba(0,0,0,.5) 100%)}
.sgc-poco{position:absolute;border-radius:50%;opacity:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 58%,#141312 0 34%,#2b2a27 52%,#5d5b56 74%,#8f8b84 90%,#b5b1aa)}
.sgc-midia-clip{position:absolute;inset:0;z-index:5;pointer-events:none}
.sgc-led[data-cor="verde"]{background:#b9ffc6;box-shadow:0 0 .3em .08em #3dff6a,0 0 1em .25em rgba(61,255,106,.45)}

/* ---------- LEDs ---------- */
.sgc-leds{position:absolute;inset:0;opacity:0;pointer-events:none}
.sgc-led{position:absolute;display:block;width:.55em;height:.55em;border-radius:50%;transform:translate(-50%,-50%);
  background:color-mix(in srgb,var(--sgc-ac) 70%,#fff);
  box-shadow:0 0 .35em .1em var(--sgc-ac),0 0 1.4em .3em color-mix(in srgb,var(--sgc-ac) 55%,transparent)}
.sgc-led[data-forma="barra"]{border-radius:.2em}
.sgc-led[data-forma="anel"]{background:radial-gradient(circle,transparent 0 52%,color-mix(in srgb,var(--sgc-ac) 75%,#fff) 56% 78%,transparent 82%);
  box-shadow:0 0 .8em .15em color-mix(in srgb,var(--sgc-ac) 60%,transparent)}
.sgc-led2{opacity:0;width:.5em;height:.5em}

/* ---------- bandeja ---------- */
.sgc-bandeja-clip{position:absolute;overflow:hidden}
.sgc-bandeja{position:absolute;inset:0;will-change:transform;transform:translate3d(0,calc(var(--sgc-prof) * -1),0)}
.sgc-bandeja-topo{position:absolute;left:1%;right:1%;top:0;height:var(--sgc-prof);border-radius:0 0 .2em .2em;
  background:radial-gradient(ellipse var(--rx,46%) var(--ry,40%) at 50% 50%,#0b0b0d 0 92%,transparent 96%),linear-gradient(180deg,#26282d,#3a3d44)}
.sgc-bandeja-placa{position:absolute;left:0;right:0;top:var(--sgc-prof);bottom:0;background-color:#d9d2bd;background-repeat:no-repeat;box-shadow:0 .06em .12em rgba(0,0,0,.35)}
.sgc-bandeja[data-cor="bege"] .sgc-bandeja-topo{background:radial-gradient(ellipse var(--rx,46%) var(--ry,40%) at 50% 50%,#25241f 0 88%,#5c584c 93%,transparent 97%),linear-gradient(180deg,#8d8673,#c8c0a6 70%,#d8d0b6)}
.sgc-bandeja[data-cor="branco"] .sgc-bandeja-topo{background:radial-gradient(ellipse var(--rx,46%) var(--ry,40%) at 50% 50%,#9ea3ab 0 92%,transparent 96%),linear-gradient(180deg,#c9ccd2,#e6e8ec)}
.sgc-bandeja[data-cor="branco"] .sgc-bandeja-placa{background:linear-gradient(180deg,#f2f3f5,#d7dade)}
.sgc-bandeja-disco{position:absolute;left:50%;top:calc(var(--sgc-prof) / 2);width:10em;height:10em;opacity:0}

/* ---------- caixa 3D ---------- */
.sgc-caixa{position:absolute;left:0;top:0;width:var(--w);height:var(--h);perspective:70em;visibility:hidden;opacity:0;will-change:transform,opacity;z-index:3}
.sgc-caixa-corpo{position:absolute;inset:0;transform-style:preserve-3d}
.sgc-caixa-corpo>div{position:absolute;backface-visibility:hidden}
.sgc-caixa-fundo{inset:0;transform:rotateY(180deg) translateZ(calc(var(--d) / 2));backface-visibility:visible!important;
  background:radial-gradient(circle at 50% 50%,#2b2d33 0 7%,#0b0c0e 7.5% 16%,#17181c 16.5%),#121316;border-radius:.25em;
  box-shadow:inset 0 0 0 .25em #0a0a0c,inset 0 0 1.5em rgba(0,0,0,.8)}
.sgc-caixa-fundo{transform:translateZ(calc(var(--d) / -2))}
.sgc-caixa-midia{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateZ(1px)}
.sgc-caixa[data-estilo="jewel"] .sgc-caixa-fundo{background:radial-gradient(circle,#3a3c42 0 6%,#111 6.5% 15%,#1d1e22 15.5%);box-shadow:inset 0 0 0 .2em #050505}
.sgc-caixa[data-estilo="bd"] .sgc-caixa-fundo{background:radial-gradient(circle,#2a4f86 0 7%,#0a1d3e 7.5% 16%,#0f2a57 16.5%);box-shadow:inset 0 0 0 .25em #0a1a35,inset 0 0 1.5em rgba(0,0,0,.6)}
.sgc-caixa[data-estilo="papelao"] .sgc-caixa-fundo{background:linear-gradient(180deg,#d9bd8b,#b99766);box-shadow:inset 0 0 0 .4em #c7a774,inset 0 0 0 .6em rgba(0,0,0,.25)}
.sgc-caixa[data-estilo="ds"] .sgc-caixa-fundo{background:linear-gradient(180deg,#eceef1,#c9cdd3);box-shadow:inset 0 0 0 .2em #fff}
.sgc-caixa[data-estilo="umd"] .sgc-caixa-fundo{background:linear-gradient(180deg,#1e2024,#0b0c0e)}
.sgc-caixa-lado{top:0;width:var(--d);height:100%;left:calc(var(--w) / 2 - var(--d) / 2)}
.sgc-caixa-lombada{transform:rotateY(-90deg) translateZ(calc(var(--w) / 2));
  background:linear-gradient(90deg,color-mix(in srgb,var(--sgc-ac) 70%,#000),var(--sgc-ac) 40%,color-mix(in srgb,var(--sgc-ac) 80%,#000));
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:.4em 0;overflow:hidden;color:#0b0b0b}
.sgc-caixa-lombada span,.sgc-caixa-lombada em{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;line-height:1;overflow:hidden}
.sgc-caixa-lombada span{font:700 .62em/1 var(--gt-font,sans-serif);flex:1;text-align:center;max-height:80%}
.sgc-caixa-lombada em{font:800 .36em/1 system-ui,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;background:#0b0b0b;color:#fff;padding:.4em .25em}
.sgc-caixa-lombada b{font:900 .5em/1 system-ui,sans-serif;background:#ffd400;color:#000;width:1.5em;height:1.5em;display:grid;place-items:center;border-radius:.2em}
.sgc-caixa-dir{transform:rotateY(90deg) translateZ(calc(var(--w) / 2));background:linear-gradient(90deg,#d9dbe0,#9a9ea6);opacity:.9}
.sgc-caixa-topo,.sgc-caixa-base{left:0;width:100%;height:var(--d);top:calc(var(--h) / 2 - var(--d) / 2);background:linear-gradient(180deg,#cfd2d8,#8f949c)}
.sgc-caixa-topo{transform:rotateX(90deg) translateZ(calc(var(--h) / 2))}
.sgc-caixa-base{transform:rotateX(-90deg) translateZ(calc(var(--h) / 2))}
.sgc-caixa[data-estilo="dvd"] .sgc-caixa-dir,.sgc-caixa[data-estilo="dvd"] .sgc-caixa-topo,.sgc-caixa[data-estilo="dvd"] .sgc-caixa-base,
.sgc-caixa[data-estilo="umd"] .sgc-caixa-dir,.sgc-caixa[data-estilo="umd"] .sgc-caixa-topo,.sgc-caixa[data-estilo="umd"] .sgc-caixa-base{background:linear-gradient(90deg,#26282d,#0c0d0f)}
.sgc-caixa[data-estilo="bd"] .sgc-caixa-dir,.sgc-caixa[data-estilo="bd"] .sgc-caixa-topo,.sgc-caixa[data-estilo="bd"] .sgc-caixa-base{background:linear-gradient(90deg,#1f4b8a,#0b2550)}
.sgc-caixa[data-estilo="papelao"] .sgc-caixa-dir,.sgc-caixa[data-estilo="papelao"] .sgc-caixa-topo,.sgc-caixa[data-estilo="papelao"] .sgc-caixa-base{background:linear-gradient(90deg,var(--sgc-ac),color-mix(in srgb,var(--sgc-ac) 60%,#000))}
.sgc-caixa-capa{inset:0;transform-origin:0 50%;transform-style:preserve-3d;transform:translateZ(calc(var(--d) / 2));backface-visibility:visible!important}
.sgc-capa-frente,.sgc-capa-verso{position:absolute;inset:0;backface-visibility:hidden;border-radius:.2em;overflow:hidden}
.sgc-capa-frente{background:linear-gradient(160deg,color-mix(in srgb,var(--sgc-ac) 70%,#111),#111);box-shadow:inset 0 0 0 .12em rgba(255,255,255,.18)}
.sgc-capa-frente img{display:block;width:100%;height:100%;object-fit:cover}
.sgc-capa-frente::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.28) 0,rgba(255,255,255,.05) 22%,transparent 40%,transparent 70%,rgba(255,255,255,.1) 85%,transparent)}
.sgc-capa-selo{position:absolute;left:0;right:0;top:0;padding:.28em .5em;font:800 .5em/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#0b0b0d,#24262c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sgc-caixa[data-estilo="bd"] .sgc-capa-selo{background:linear-gradient(90deg,#0c2d66,#1f5bb5)}
.sgc-caixa[data-estilo="ds"] .sgc-capa-selo,.sgc-caixa[data-estilo="papelao"] .sgc-capa-selo{background:#f2f3f5;color:#222}
.sgc-caixa[data-estilo="jewel"] .sgc-capa-selo{background:#000}
.sgc-capa-verso{transform:rotateY(180deg);background:#efe9dc;padding:.9em .8em;color:#222;display:flex;flex-direction:column;gap:.45em}
.sgc-capa-verso b{font:700 .7em/1.1 var(--gt-font,sans-serif);color:color-mix(in srgb,var(--sgc-ac) 55%,#000)}
.sgc-capa-verso i{display:block;height:.28em;border-radius:.1em;background:#c9c1b0}
.sgc-capa-verso i:nth-child(3){width:70%}.sgc-capa-verso i:nth-child(5){width:84%}

/* ---------- mídia ---------- */
.sgc-midia{position:absolute;left:0;top:0;opacity:0;visibility:hidden;will-change:transform,opacity;z-index:5}
.sgc-midia[data-voando="1"]{filter:drop-shadow(0 1.2em 1em rgba(0,0,0,.45))}
.sgc-disco{position:relative;width:10em;height:10em;border-radius:50%;
  background:conic-gradient(from 30deg,#cfd6de,#f7f8fa,#b6c2cf,#e6d3f2,#c5efe2,#f3f4f6,#b3bdc9,#f5e1c2,#cfd6de);
  -webkit-mask:radial-gradient(circle,transparent 0 5.6%,#000 6%);mask:radial-gradient(circle,transparent 0 5.6%,#000 6%);
  box-shadow:inset 0 0 0 .1em rgba(255,255,255,.7)}
.sgc-disco[data-base="ps1"]{background:conic-gradient(from 30deg,#121214,#2c2d33,#0b0b0d,#3a2f44,#111,#2a3238,#0b0b0d,#121214)}
.sgc-disco[data-base="ps2"]{background:conic-gradient(from 30deg,#5d79b8,#a9c0ee,#3e5aa0,#9b86d6,#6fb1d8,#c0d3f5,#4a63a8,#5d79b8)}
.sgc-disco[data-base="bd"]{background:conic-gradient(from 30deg,#a9b3c2,#e9edf3,#7f8ca0,#b8a9d8,#9fd6d8,#eef0f4,#8794a8,#a9b3c2)}
.sgc-disco-rotor{position:absolute;inset:0;border-radius:50%}
.sgc-disco-rotulo{position:absolute;inset:4.5%;border-radius:50%;overflow:hidden;background:linear-gradient(160deg,var(--sgc-ac),color-mix(in srgb,var(--sgc-ac) 40%,#000));
  -webkit-mask:radial-gradient(circle,transparent 0 31%,#000 31.5%);mask:radial-gradient(circle,transparent 0 31%,#000 31.5%)}
.sgc-disco-rotulo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.sgc-disco-rotulo::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 .5em rgba(0,0,0,.55),inset 0 0 0 .62em color-mix(in srgb,var(--sgc-ac) 85%,transparent)}
.sgc-disco-faixa{position:absolute;left:14%;right:14%;bottom:12%;display:flex;flex-direction:column;align-items:center;gap:.12em;text-align:center;color:#fff;text-shadow:0 .05em .2em #000}
.sgc-disco-faixa b{font:400 .78em/1 var(--gt-font,sans-serif);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.sgc-disco-faixa small{font:800 .32em/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;background:rgba(0,0,0,.65);padding:.2em .4em;border-radius:.2em}
.sgc-disco-anel{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.sgc-disco-anel text{font:700 4px/1 system-ui,sans-serif;letter-spacing:.35px;fill:#fff;opacity:.85;text-transform:uppercase}
.sgc-disco-cubo{position:absolute;inset:34%;border-radius:50%;
  background:radial-gradient(circle,transparent 0 16%,rgba(235,240,246,.9) 18% 26%,rgba(150,160,175,.55) 27% 62%,rgba(240,244,248,.85) 64% 70%,rgba(170,180,195,.5) 72% 100%)}
.sgc-disco-brilho{position:absolute;inset:0;border-radius:50%;pointer-events:none;mix-blend-mode:screen;
  background:conic-gradient(from 200deg,transparent 0 8%,rgba(255,255,255,.45) 12%,transparent 18% 52%,rgba(255,255,255,.3) 57%,transparent 63%)}

.sgc-umd{position:relative;width:9.6em;height:10em;border-radius:46% 46% 12% 12% / 26% 26% 9% 9%;
  background:linear-gradient(160deg,#3a3d44,#0f1013 60%,#22252a);box-shadow:inset 0 0 0 .14em rgba(255,255,255,.18),inset 0 -.4em .8em rgba(0,0,0,.5)}
.sgc-umd-janela{position:absolute;left:14%;right:14%;top:12%;aspect-ratio:1;border-radius:50%;overflow:hidden;
  background:conic-gradient(from 30deg,#cfd6de,#f7f8fa,#b6c2cf,#e6d3f2,#c5efe2,#f3f4f6,#cfd6de);box-shadow:inset 0 0 0 .25em rgba(0,0,0,.5)}
.sgc-umd-rotulo{position:absolute;left:16%;right:16%;top:14%;aspect-ratio:1;border-radius:50%;overflow:hidden;
  -webkit-mask:radial-gradient(circle,transparent 0 16%,#000 16.5%);mask:radial-gradient(circle,transparent 0 16%,#000 16.5%);background:var(--sgc-ac)}
.sgc-umd-rotulo img{width:100%;height:100%;object-fit:cover}
.sgc-umd-rotulo span{position:absolute;left:0;right:0;bottom:14%;text-align:center;font:400 .6em/1 var(--gt-font,sans-serif);color:#fff;text-shadow:0 0 .3em #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 12%}
.sgc-umd-marca{position:absolute;left:0;right:0;bottom:6%;text-align:center;font:800 .42em/1 system-ui,sans-serif;letter-spacing:.14em;color:#d8dbe0}
.sgc-umd-brilho{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.22),transparent 35%);pointer-events:none}

.sgc-cart{position:relative;width:100%;height:100%}
.sgc-cart-gba{width:13.2em;height:8em;border-radius:.6em .6em .3em .3em;background:linear-gradient(180deg,#d2d2d6,#9d9da3);
  box-shadow:inset 0 .12em 0 rgba(255,255,255,.6),inset 0 -.2em .3em rgba(0,0,0,.25)}
.sgc-cart-gba::before{content:"";position:absolute;left:6%;right:6%;top:4%;height:10%;background:repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 .12em,transparent .12em .5em);border-radius:.2em}
.sgc-cart-gba .sgc-cart-rotulo{position:absolute;left:9%;right:9%;top:18%;bottom:10%;border-radius:.25em;overflow:hidden;background:var(--sgc-ac);box-shadow:0 0 0 .1em rgba(0,0,0,.15)}
.sgc-cart-ds{width:8em;height:7.4em;background:linear-gradient(180deg,#3a3c42,#202226);clip-path:polygon(0 0,84% 0,100% 15%,100% 100%,0 100%);border-radius:.3em}
.sgc-cart-ds .sgc-cart-rotulo{position:absolute;left:8%;right:8%;top:9%;bottom:24%;border-radius:.2em;overflow:hidden;background:var(--sgc-ac)}
.sgc-cart-rotulo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.sgc-cart-faixa{position:absolute;left:0;right:0;bottom:0;padding:.25em .3em;font:400 .62em/1 var(--gt-font,sans-serif);color:#fff;text-align:center;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.4));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sgc-cart-marca{position:absolute;right:9%;top:6%;font:800 .34em/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#3a3a44;opacity:.7}
.sgc-cart-ds .sgc-cart-marca{left:8%;right:auto;top:auto;bottom:12%;color:#cfd2d8}
.sgc-cart-contatos{position:absolute;left:10%;right:10%;bottom:2%;height:7%;background:repeating-linear-gradient(90deg,#d8b04a 0 .32em,transparent .32em .5em)}

/* ---------- caixa e mídia originais (scans em assets/saga/midia) ---------- */
.sgc-cena img.sgc-real-img{object-fit:contain;user-select:none;-webkit-user-drag:none}
.sgc-disco.sgc-disco-real{background:none;-webkit-mask:none;mask:none;box-shadow:none}
.sgc-disco-real .sgc-disco-brilho{opacity:.55;
  -webkit-mask:radial-gradient(circle,transparent 0 13%,#000 14% 97%,transparent 98.5%);mask:radial-gradient(circle,transparent 0 13%,#000 14% 97%,transparent 98.5%)}
.sgc-real{position:relative}
.sgc-real img{filter:drop-shadow(0 .05em .06em rgba(0,0,0,.45))}

/* estojo: cor do plástico por plataforma */
.sgc-caixa[data-real]{--plast:#0c0c0e;--forro:#121316}
.sgc-caixa[data-real][data-estilo="bd"],.sgc-caixa[data-real][data-estilo="ps5"]{--plast:#1f4f9a;--forro:#0f2a57}
.sgc-caixa[data-real][data-estilo="x360"]{--plast:#4f9b2c;--forro:#1d3d12}
.sgc-caixa[data-real][data-estilo="umd"]{--plast:#2b2e34;--forro:#121316}
.sgc-caixa[data-real][data-estilo="ds"]{--plast:#2a2d33;--forro:#16181c}
.sgc-caixa[data-real][data-estilo="jewel"]{--plast:#15161a;--forro:#0b0b0d}
.sgc-caixa[data-real][data-estilo="papelao"],.sgc-caixa[data-real][data-estilo="pc"]{--plast:#d9c49a;--forro:#c9ad7c}
.sgc-capa-frente[data-real]{background:var(--plast);box-shadow:0 0 0 .04em rgba(0,0,0,.6);border-radius:.3em}
.sgc-cena .sgc-capa-frente[data-real] img.sgc-capa-scan{position:absolute;left:.2em;top:.2em;width:calc(100% - .4em);height:calc(100% - .4em);object-fit:cover;border-radius:.06em}
/* plástico transparente por cima da capa + filme do lacre (shrink-wrap) */
.sgc-capa-frente[data-real]::after{z-index:2;border-radius:inherit;
  background:linear-gradient(112deg,rgba(255,255,255,.34) 0,rgba(255,255,255,.07) 16%,transparent 32%,transparent 58%,rgba(255,255,255,.13) 70%,rgba(255,255,255,.03) 78%,transparent 88%),
    linear-gradient(180deg,rgba(255,255,255,.1),transparent 7%,transparent 93%,rgba(0,0,0,.22)),
    radial-gradient(ellipse 30% 9% at 76% 6%,rgba(255,255,255,.18),transparent 70%);
  box-shadow:inset 0 0 0 .07em rgba(255,255,255,.2),inset 0 0 .7em rgba(0,0,0,.28)}
.sgc-caixa[data-estilo="papelao"] .sgc-capa-frente[data-real],.sgc-caixa[data-estilo="pc"] .sgc-capa-frente[data-real]{border-radius:.08em}
.sgc-cena .sgc-caixa[data-estilo="papelao"] .sgc-capa-frente[data-real] img.sgc-capa-scan,
.sgc-cena .sgc-caixa[data-estilo="pc"] .sgc-capa-frente[data-real] img.sgc-capa-scan{left:0;top:0;width:100%;height:100%;border-radius:.08em}
.sgc-caixa[data-estilo="papelao"] .sgc-capa-frente[data-real]::after,.sgc-caixa[data-estilo="pc"] .sgc-capa-frente[data-real]::after{opacity:.7}
/* jewel case do PS1: dobradiça à esquerda e encarte por trás da tampa transparente */
.sgc-cena .sgc-caixa[data-estilo="jewel"] .sgc-capa-frente[data-real] img.sgc-capa-scan{left:.7em;width:calc(100% - .9em)}
.sgc-caixa[data-estilo="jewel"] .sgc-capa-frente[data-real]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:.6em;z-index:1;
  background:linear-gradient(90deg,#2a2b30,#0b0b0d 45%,#3a3c42 80%,#111)}
/* GTA VI: estojo de PS5 genérico (ainda não há caixa física) */
.sgc-capa-ps5{position:absolute;left:.2em;right:.2em;top:.2em;height:11%;z-index:1;display:flex;align-items:center;padding-left:.45em;
  background:#f3f4f6;color:#0b0b0d;font:900 1.05em/1 system-ui,sans-serif;letter-spacing:.02em;border-radius:.06em .06em 0 0}
.sgc-cena .sgc-capa-ps5+img.sgc-capa-scan{top:calc(.2em + 11%);height:calc(89% - .4em)}
/* lombada real (ou a borda da capa, quando não há scan) e laterais */
.sgc-caixa-lombada[data-scan]{padding:0;background-size:100% 100%;background-repeat:no-repeat;background-color:var(--plast);box-shadow:inset .06em 0 .1em rgba(255,255,255,.18),inset -.08em 0 .14em rgba(0,0,0,.45)}
.sgc-caixa-lombada[data-scan="0"]{background-size:auto 100%;background-position:0 0;box-shadow:inset 0 0 0 99em rgba(0,0,0,.28)}
.sgc-caixa[data-real] .sgc-caixa-dir,.sgc-caixa[data-real] .sgc-caixa-topo,.sgc-caixa[data-real] .sgc-caixa-base{opacity:1;
  background:linear-gradient(90deg,color-mix(in srgb,var(--plast) 85%,#fff),color-mix(in srgb,var(--plast) 70%,#000))}
.sgc-caixa[data-real] .sgc-caixa-fundo{background:radial-gradient(circle,color-mix(in srgb,var(--plast) 60%,#fff) 0 6.5%,var(--forro) 7% 16%,color-mix(in srgb,var(--forro) 80%,#fff) 16.5% 17%,var(--forro) 17.5%);
  box-shadow:inset 0 0 0 .22em var(--plast),inset 0 0 1.5em rgba(0,0,0,.7)}
.sgc-caixa[data-real][data-estilo="pc"] .sgc-caixa-fundo,.sgc-caixa[data-real][data-estilo="papelao"] .sgc-caixa-fundo{
  background:linear-gradient(180deg,#d6bd8e,#b8965f);box-shadow:inset 0 0 0 .4em #c9ab78,inset 0 0 0 .55em rgba(0,0,0,.25),inset 0 0 2em rgba(0,0,0,.35)}
.sgc-capa-verso[data-real]{padding:0;background:linear-gradient(160deg,color-mix(in srgb,var(--forro) 80%,#fff),var(--forro) 40%,color-mix(in srgb,var(--forro) 70%,#000));
  box-shadow:inset 0 0 0 .22em var(--plast),inset 0 0 1.4em rgba(0,0,0,.55)}
.sgc-caixa[data-estilo="papelao"] .sgc-capa-verso[data-real],.sgc-caixa[data-estilo="pc"] .sgc-capa-verso[data-real]{background:linear-gradient(180deg,#dcc59a,#bf9f6c);box-shadow:inset 0 0 1.2em rgba(0,0,0,.3)}

/* ---------- tampa do PS1 ---------- */
.sgc-tampa{position:absolute;z-index:6;transform-origin:50% 0;will-change:transform}
.sgc-tampa>div{position:absolute;inset:0;border-radius:50%}
.sgc-tampa-cima{background-repeat:no-repeat;filter:sepia(.14) saturate(1.05) brightness(.9)}
.sgc-tampa-baixo{background:radial-gradient(ellipse at 50% 40%,#a9a59e,#86827b 60%,#6b6862);opacity:0;box-shadow:inset 0 0 0 .18em #c4c0b9,inset 0 0 1.2em rgba(0,0,0,.35)}
.sgc-tampa-baixo::after{content:"";position:absolute;left:50%;top:50%;width:18%;height:18%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#55524d 0 40%,#77736c 45% 100%)}
.sgc-tampa[data-aberta="1"] .sgc-tampa-baixo{opacity:1}
.sgc-tampa[data-aberta="1"] .sgc-tampa-cima{opacity:0}

/* ---------- pulso e brilho ---------- */
.sgc-pulso{position:absolute;width:9em;height:9em;margin:-4.5em 0 0 -4.5em;opacity:0;pointer-events:none;z-index:6;
  transform-origin:50% 50%}
.sgc-pulso::before{content:"";position:absolute;inset:0;border-radius:50%;transform:scale(var(--sx),var(--sy));
  background:radial-gradient(closest-side,color-mix(in srgb,var(--sgc-ac) 45%,#fff) 0,color-mix(in srgb,var(--sgc-ac) 30%,transparent) 35%,transparent 100%);mix-blend-mode:screen;filter:blur(.4em)}
.sgc-pulso{margin:0}
.sgc-brilho{position:absolute;pointer-events:none;opacity:0;mix-blend-mode:screen;z-index:2;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--sgc-ac) 55%,#fff) 0,color-mix(in srgb,var(--sgc-ac) 35%,transparent) 30%,transparent 100%)}

/* ---------- tela (fica fora da cena, desenhada no tamanho do zoom final) ---------- */
.sgc-tela{position:absolute;left:0;top:0;opacity:0;visibility:hidden;overflow:hidden;background:#000;transform-origin:0 0;will-change:transform,opacity;z-index:4;
  container-type:normal}
.sgc-tela-conteudo{position:absolute;inset:0;will-change:transform,opacity}
.sgc-tela-fundo{position:absolute;inset:-6%;background:linear-gradient(135deg,color-mix(in srgb,var(--sgc-ac) 45%,#000),var(--sgc-bg))}
.sgc-tela-fundo img{width:100%;height:100%;object-fit:cover;filter:blur(1em) saturate(1.3) brightness(.45)}
.sgc-tela-grade{position:absolute;inset:0;display:flex;align-items:center;gap:6%;padding:6% 7%}
.sgc-tela-capa{height:100%;aspect-ratio:3/4;flex:none;border-radius:.25em;overflow:hidden;background:color-mix(in srgb,var(--sgc-ac) 50%,#000);
  box-shadow:0 .6em 1.6em rgba(0,0,0,.7),0 0 0 .1em rgba(255,255,255,.15)}
.sgc-tela-capa img{display:block;width:100%;height:100%;object-fit:cover}
.sgc-tela-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.35em;color:#fff;opacity:0}
.sgc-tela-k{font:700 .8em/1 system-ui,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:var(--sgc-ac)}
.sgc-tela-titulo{font-family:var(--gt-font,sans-serif);font-weight:400;font-size:3em;line-height:.95;text-shadow:0 0 .35em color-mix(in srgb,var(--sgc-ac) 70%,transparent),0 .06em 0 rgba(0,0,0,.6);overflow-wrap:anywhere}
.sgc-tela-titulo[data-longo="1"]{font-size:2.3em}
.sgc-tela-titulo[data-longo="2"]{font-size:1.75em}
.sgc-tela-sub{font:600 .78em/1.2 system-ui,sans-serif;letter-spacing:.06em;opacity:.8}
.sgc-tela-start{margin-top:.8em;font:800 .85em/1 system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--sgc-ac);animation:sgc-pisca 1.1s steps(2,jump-none) infinite}
@keyframes sgc-pisca{50%{opacity:0}}
.sgc-tela-scan{position:absolute;inset:0;pointer-events:none;opacity:0}
.sgc-tela[data-tipo="crt"] .sgc-tela-scan{opacity:1;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 .09em,transparent .09em .2em),radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%)}
.sgc-tela[data-tipo="lcd"] .sgc-tela-scan{opacity:.5;background:linear-gradient(rgba(0,0,0,.25) 1px,transparent 1px) 0 0/.22em .22em,linear-gradient(90deg,rgba(0,0,0,.25) 1px,transparent 1px) 0 0/.22em .22em}
.sgc-tela-flash{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#fff 0,#e9f1ff 40%,#b9c8ff 100%);opacity:0;pointer-events:none}
.sgc-tela-vidro{position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.12),transparent 30%)}
.sgc-tela[data-tipo="crt"] .sgc-tela-vidro{background:radial-gradient(ellipse 60% 40% at 30% 20%,rgba(255,255,255,.12),transparent 70%)}

/* segunda tela (DS): só um brilho com a arte */
.sgc-tela2{position:absolute;left:0;top:0;width:100px;height:100px;transform-origin:0 0;overflow:hidden;opacity:0;pointer-events:none;
  background:linear-gradient(150deg,color-mix(in srgb,var(--sgc-ac) 55%,#000),#0b0c10)}
.sgc-tela2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;filter:saturate(1.2)}
.sgc-tela2-faixa{position:absolute;left:0;right:0;bottom:8px;text-align:center;font:400 13px/1 var(--gt-font,sans-serif);color:#fff;text-shadow:0 0 6px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px}

/* ---------- textos, escurecimento e final ---------- */
.sgc-escuro{position:absolute;inset:0;background:#000;opacity:.92;pointer-events:none;z-index:5;will-change:opacity}
.sgc-texto{position:absolute;left:clamp(16px,4vw,64px);top:clamp(16px,6vh,72px);z-index:6;display:flex;flex-direction:column;gap:.15em;opacity:0;color:#fff;
  pointer-events:none;max-width:min(60vw,560px);text-shadow:0 2px 18px rgba(0,0,0,.85),0 1px 2px rgba(0,0,0,.9)}
.sgc-texto::before{content:"";position:absolute;left:-30vw;top:-30vh;width:calc(100% + 50vw);height:calc(100% + 45vh);z-index:-1;
  background:radial-gradient(closest-side,rgba(0,0,0,.72),rgba(0,0,0,.35) 60%,transparent);pointer-events:none}
.sgc-kicker{font:700 clamp(11px,1.05vw,14px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--sgc-ac)}
.sgc-ano{font-family:var(--gt-font,sans-serif);font-size:calc(clamp(56px,9vw,148px) * var(--gt-fs,1));line-height:.9;color:#fff;text-shadow:0 0 .3em color-mix(in srgb,var(--sgc-ac) 55%,transparent),0 .04em 0 rgba(0,0,0,.6)}
.sgc-plataforma{font:700 clamp(15px,1.7vw,24px)/1.15 system-ui,sans-serif;letter-spacing:.04em;color:#fff}
.sgc-cidade{font:500 clamp(12px,1.1vw,15px)/1.3 system-ui,sans-serif;color:rgba(255,255,255,.72)}
.sgc-dica{position:absolute;left:50%;bottom:clamp(16px,4vh,40px);transform:translateX(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:8px;
  font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.85);opacity:0;pointer-events:none;text-shadow:0 1px 8px #000}
.sgc-dica i{display:block;width:12px;height:12px;border-right:2px solid var(--sgc-ac);border-bottom:2px solid var(--sgc-ac);transform:rotate(45deg);animation:sgc-desce 1.6s ease-in-out infinite}
@keyframes sgc-desce{50%{transform:translateY(6px) rotate(45deg)}}
.sgc-fim{position:absolute;inset:0;z-index:7;opacity:0;pointer-events:none;background:var(--gt-pat,none),var(--sgc-bg)}

/* ---------- celular em pé ---------- */
@media (max-width:700px){.sgc-wrap{height:230vh}}
@media (max-aspect-ratio:4/5){
  .sgc-palco{--sgc-w:160vw}
  .sgc-cena{top:calc(54% - var(--sgc-w) * .3)}
  @supports (width:1cqw){.sgc-palco{--sgc-w:160cqw}}
  .sgc-cena{-webkit-mask:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);mask:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent)}
  .sgc-texto{top:max(16px,calc(50% - 48vw - 150px));max-width:calc(100vw - 32px);left:16px}
  .sgc-ano{font-size:calc(64px * var(--gt-fs,1))}
}

/* ---------- movimento reduzido: cena estática ---------- */
@media (prefers-reduced-motion:reduce){
  .sgc-wrap,.sgc-wrap[data-sgc-reduzido]{height:100vh;height:100svh}
  .sgc-tela-start,.sgc-dica i{animation:none}
  .sgc-dica{display:none}
}