/* ==========================================================================
   PHANTASIE TRANSLATE — design system (v2)
   Preto + amarelo. Cards expandem "empurrando" a fileira (sem popover
   flutuante). Nenhum selo de Traduzido/Em breve nas capas — só nas fichas
   expandidas no hover. Capas apagadas = em breve.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap');

:root{
  --bg-void: #0a0a0b;
  --bg-panel: #141416;
  --bg-panel-2: #1c1c1f;
  --bg-panel-3: #232326;
  --line: #2b2b2f;
  --line-soft: #202023;

  --yellow: #ffd400;
  --yellow-dim: #cca900;
  --yellow-ink: #171200;

  --ink: #f5f5f2;
  --ink-dim: #a8a8ad;
  --ink-faint: #6c6c72;

  --ok: #4fd07a;
  --info: #6fd3ff;
  --wait: #d9d9d9;

  --card-h: 280px;
  --card-w: 187px;
  --card-panel-w: 260px;

  --radius-s: 4px;
  --radius-m: 10px;
  --radius-l: 18px;

  --shadow-card: 0 18px 40px -14px rgba(0,0,0,.7);
  --shadow-pop: 0 30px 70px -18px rgba(0,0,0,.85);

  --display: 'Anton', 'Inter', sans-serif;
  --body: 'Inter', system-ui, sans-serif;
  --mono: 'JetBrains Mono', 'SFMono-Regular', monospace;
}

*, *::before, *::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
  margin:0;
  background: var(--bg-void);
  color: var(--ink);
  font-family: var(--body);
  -webkit-font-smoothing: antialiased;
  min-height:100vh;
}
img{ max-width:100%; display:block; -webkit-user-drag:none; user-select:none; -webkit-user-select:none; }
a{ color:inherit; text-decoration:none; }
button{ font-family: inherit; cursor:pointer; }
ul{ list-style:none; margin:0; padding:0; }
h1,h2,h3,h4{ margin:0; }
::selection{ background: var(--yellow); color:#000; }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}

:focus-visible{ outline: 2px solid var(--yellow); outline-offset: 3px; }

.container{ max-width:1440px; margin:0 auto; padding:0 42px; }
@media (max-width:720px){ .container{ padding:0 18px; } }

/* -------------------------------------------------------------- utilities */
.eyebrow{
  font-family: var(--mono); font-weight:700; font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; color: var(--yellow);
}
.btn{
  display:inline-flex; align-items:center; gap:8px; justify-content:center;
  padding:12px 22px; border-radius: var(--radius-s); border:none;
  font-family: var(--body); font-weight:700; font-size:14.5px; letter-spacing:.01em;
  transition: transform .15s ease, background .15s ease, filter .15s ease, box-shadow .15s ease;
  white-space:nowrap;
}
.btn:active{ transform: scale(.97); }
.btn-primary{ background: var(--yellow); color:#141200; }
.btn-primary:hover{ filter:brightness(1.08); box-shadow: 0 6px 22px -6px rgba(255,212,0,.5); }
.btn-primary:disabled{ background:#3a3a30; color:#87877a; cursor:not-allowed; box-shadow:none; filter:none; }
.btn-ghost{ background: rgba(255,255,255,.08); color: var(--ink); backdrop-filter: blur(6px); }
.btn-ghost:hover{ background: rgba(255,255,255,.16); }
.btn-outline{ background:transparent; border:1.5px solid var(--line); color: var(--ink); }
.btn-outline:hover{ border-color: var(--yellow); color: var(--yellow); }
.btn-outline:disabled{ border-color: var(--line-soft); color: var(--ink-faint); cursor:not-allowed; }
.btn-outline:disabled:hover{ border-color: var(--line-soft); color: var(--ink-faint); }
.btn-sm{ padding:8px 14px; font-size:13px; }
.btn-icon{ width:40px; height:40px; padding:0; border-radius:50%; }
.btn-block{ width:100%; }

.stamp{
  position:relative;
  display:inline-flex; align-items:center; gap:6px;
  font-family: var(--mono); font-weight:700; font-size:10.5px; letter-spacing:.07em;
  text-transform:uppercase; padding:5px 10px; border-radius:4px;
  background: rgba(255,255,255,.08); flex:none;
}
.stamp.is-traduzido{ color:#0d2318; background: var(--ok); }
.stamp.is-em-traducao{ color:#071a24; background: var(--info); }
.stamp.is-em-breve{ color: var(--yellow-ink); background: var(--yellow); }
.stamp .dot{ display:none; }

.type-chip{
  display:inline-flex; align-items:center; gap:6px;
  font-family: var(--mono); font-weight:700; font-size:10.5px; letter-spacing:.08em;
  text-transform:uppercase; color: var(--yellow-ink); background: var(--yellow);
  padding:4px 9px; border-radius:3px; flex:none;
}
.plat-chip{
  font-family: var(--mono); font-size:10.5px; font-weight:600; letter-spacing:.04em;
  color: var(--ink-dim); background: rgba(255,255,255,.06); border:1px solid var(--line);
  padding:3px 8px; border-radius:3px;
}

/* ------------------------------------------------------------------- nav */
.site-header{
  position:fixed; inset:0 0 auto 0; z-index:200;
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 42px; gap:20px;
  background: linear-gradient(180deg, rgba(6,6,7,.88) 0%, rgba(6,6,7,.55) 60%, rgba(6,6,7,0) 100%);
  transition: background .25s ease, backdrop-filter .25s ease;
}
.site-header a, .site-header button{ text-shadow: 0 1px 6px rgba(0,0,0,.5); }
.site-header.is-solid{ background: rgba(9,9,10,.94); backdrop-filter: blur(10px); box-shadow: 0 1px 0 var(--line); }
@media (max-width:720px){
  .site-header{ padding:12px 14px 10px; gap:6px 10px; flex-wrap:wrap; }
  .brand{ order:1; }
  .nav-right{ order:2; margin-left:auto; }
  .main-nav{ order:3; flex-basis:100%; overflow-x:auto; justify-content:flex-start;
    -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent); mask-image: linear-gradient(90deg, #000 88%, transparent); }
}

.brand{ display:flex; align-items:center; gap:10px; flex:none; }
.brand img{ height:32px; width:auto; }
@media (max-width:720px){ .brand img{ height:22px; } }

.main-nav{ display:flex; align-items:center; gap:24px; flex:1; overflow-x:auto; scrollbar-width:none; }
.main-nav::-webkit-scrollbar{ display:none; }
.main-nav a{
  font-size:13.5px; font-weight:600; color: var(--ink-dim);
  padding:6px 2px; border-bottom:2px solid transparent; white-space:nowrap;
}
.main-nav a:hover{ color: var(--ink); }
.main-nav a.is-active{ color: var(--ink); border-color: var(--yellow); }
@media (max-width:720px){ .main-nav{ gap:12px; } .main-nav a{ font-size:12px; } }

.nav-right{ display:flex; align-items:center; gap:12px; flex:none; }

.search-box{ position:relative; display:flex; align-items:center; min-width:38px; flex:none; }
.search-box > button{ width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.08); border:none; color:var(--ink); display:flex; align-items:center; justify-content:center; }
.search-box > button:hover{ background:rgba(255,255,255,.16); }
.search-panel{
  position:absolute; top:calc(100% + 10px); right:0; width:280px; background:var(--bg-panel-3); border:1px solid var(--line);
  border-radius:var(--radius-m); box-shadow:var(--shadow-pop); padding:10px; display:none; z-index:250;
}
.search-panel.is-open{ display:block; }
.search-panel input{
  width:100%; background:var(--bg-panel-2); border:1.5px solid var(--line); color:var(--ink);
  padding:10px 12px; border-radius:var(--radius-s); font-size:14px; font-family:var(--body);
}
.search-panel input:focus{ border-color:var(--yellow); }
@media (max-width:720px){ .search-panel{ right:-50px; width:240px; } }

.user-pill{
  display:flex; align-items:center; gap:9px; background: rgba(255,255,255,.07);
  border:1px solid var(--line); border-radius:24px; padding:5px 14px 5px 5px; font-size:13.5px; font-weight:600;
}
.user-pill .avatar{
  width:26px; height:26px; border-radius:50%; background: var(--yellow); color:#141200;
  display:flex; align-items:center; justify-content:center; font-family: var(--mono); font-weight:800; font-size:12px; flex:none;
}
.user-pill button{ background:none; border:none; color: var(--ink-faint); font-size:12px; }
.user-menu{
  position:absolute; top:calc(100% + 8px); right:0; background:var(--bg-panel-3); border:1px solid var(--line);
  border-radius:var(--radius-m); box-shadow:var(--shadow-pop); padding:6px; min-width:170px; z-index:250;
}
.user-menu button{ display:block; width:100%; text-align:left; background:none; border:none; color:var(--ink); padding:9px 12px; border-radius:6px; font-size:13.5px; font-weight:600; }
.user-menu button:hover{ background:rgba(255,255,255,.08); }
.avatar-swatches{ display:flex; gap:10px; margin:6px 0 4px; }
.avatar-swatch{ width:32px; height:32px; border-radius:50%; border:2px solid transparent; cursor:pointer; }
.avatar-swatch.is-selected{ border-color:#fff; }
@media (max-width:720px){ .user-pill{ padding:4px 10px 4px 4px; font-size:12px; } .user-pill .avatar{ width:22px; height:22px; font-size:10px; } }

/* --------------------------------------------------------- hero carousel */
.hero{
  position:relative; min-height:820px; display:flex; align-items:flex-end;
  padding: 130px 0 110px; overflow:hidden;
}
.hero-slides{ position:absolute; inset:0; z-index:0; }
.hero-slide{
  position:absolute; inset:0; opacity:0; pointer-events:none;
  transition: opacity .7s ease; display:flex; align-items:flex-end;
}
.hero-slide.is-active{ opacity:1; pointer-events:auto; }
.hero-slide-media{ position:absolute; inset:0; overflow:hidden; }
.hero-slide-media img, .hero-slide-media video{
  width:100%; height:100%; object-fit:cover; object-position: 50% 12%;
  transform: scale(1.04); animation: hero-kenburns 9s ease-in-out forwards;
}
@keyframes hero-kenburns{ from{ transform:scale(1.1); } to{ transform:scale(1.0); } }
.hero-slide-media::after{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(9,9,10,.98) 8%, rgba(9,9,10,.55) 42%, rgba(9,9,10,.15) 66%, rgba(9,9,10,.65) 100%),
    linear-gradient(0deg, var(--bg-void) 0%, rgba(9,9,10,.1) 32%, rgba(9,9,10,.3) 70%);
}
.hero-content{ position:relative; z-index:1; max-width:620px; margin-bottom:58px; text-align:left; }
.hero-badges{ display:flex; gap:10px; align-items:center; margin-bottom:18px; flex-wrap:wrap; }
.hero-title-text{
  font-family: var(--display); font-weight:400; font-size: clamp(40px, 6vw, 72px);
  line-height:.96; letter-spacing:.01em; margin-bottom:18px; text-wrap:balance;
}
.hero-title-img{ max-width:min(420px, 100%); max-height:150px; width:auto; height:auto; object-fit:contain; object-position:left bottom; margin-bottom:2px; filter: drop-shadow(0 12px 30px rgba(0,0,0,.6)); }
.hero-title-full{
  font-family: var(--mono); font-weight:700; color: var(--yellow); font-size:15px;
  letter-spacing:.04em; text-transform:uppercase; margin-bottom:16px;
}
.hero-synopsis{ color: var(--ink-dim); font-size:16px; line-height:1.6; margin-bottom:26px; max-width:520px;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.hero-actions{ display:flex; gap:12px; margin-bottom:8px; }

.hero-dots{ position:relative; z-index:2; display:flex; gap:9px; margin-top:30px; }
.hero-dots button{
  width:32px; height:4px; border-radius:2px; border:none; background: rgba(255,255,255,.25); padding:0;
  transition: background .2s ease, width .2s ease;
}
.hero-dots button.is-active{ background: var(--yellow); width:44px; }
.hero-dots button:hover{ background: rgba(255,255,255,.5); }

/* -------------------------------------------------------------------rows */
.rows{ position:relative; z-index:2; margin-top:-64px; padding-bottom:80px; }
.row-block{ margin-bottom:44px; }
.row-head{ display:flex; align-items:baseline; justify-content:space-between; padding:0 42px 12px; }
@media (max-width:720px){ .row-head{ padding:0 18px 10px; } }
.row-head h2{ font-family: var(--display); font-weight:400; font-size:22px; letter-spacing:.01em; }
.row-head .row-sub{ font-family: var(--mono); font-size:11px; color: var(--ink-faint); letter-spacing:.04em; }

.row-scroller{ position:relative; }
.row-track{
  display:flex; gap:14px; overflow-x:auto; scroll-behavior:smooth;
  padding: 10px 42px 26px; cursor:grab; align-items:flex-start;
  scrollbar-width:none;
}
.row-track::-webkit-scrollbar{ display:none; }
.row-track.is-dragging{ cursor:grabbing; scroll-behavior:auto; user-select:none; }
@media (max-width:720px){ .row-track{ padding:10px 18px 20px; gap:10px; } }

.row-nav{
  position:absolute; top:0; bottom:26px; width:56px; display:flex; align-items:center; justify-content:center;
  background: linear-gradient(90deg, var(--bg-void), transparent); border:none; color: var(--ink); z-index:35;
  opacity:0; transition: opacity .15s ease;
}
.row-scroller:hover .row-nav{ opacity:1; }
.row-nav.next{ right:0; left:auto; background: linear-gradient(270deg, var(--bg-void), transparent); }
.row-nav svg{ width:26px; height:26px; }
@media (max-width: 900px){ .row-nav{ display:none; } }

/* menu de admin (3 pontinhos) no hover do card */
.card-admin-menu{ position:absolute; top:8px; right:8px; z-index:45; }
.card-admin-dots{
  width:28px; height:28px; border-radius:50%; background:rgba(10,10,11,.75); backdrop-filter:blur(3px);
  border:1px solid rgba(255,255,255,.15); color:var(--ink); font-size:16px; line-height:1; opacity:0; transition:opacity .15s ease;
}
.card:hover .card-admin-dots, .card.is-expanded .card-admin-dots{ opacity:1; }
.card-admin-dropdown{
  position:absolute; top:32px; right:0; background:var(--bg-panel-3); border:1px solid var(--line); border-radius:8px;
  box-shadow:var(--shadow-pop); min-width:130px; padding:5px; z-index:50;
}
.card-admin-dropdown a, .card-admin-dropdown button{
  display:block; width:100%; text-align:left; background:none; border:none; color:var(--ink); padding:8px 10px; border-radius:6px; font-size:13px; font-weight:600;
}
.card-admin-dropdown a:hover, .card-admin-dropdown button:hover{ background:rgba(255,255,255,.08); }
.card-admin-dropdown button{ color:#ff6b6b; }

/* ------------------------------------------------- card (push-expand UI)
   O card NÃO tem selo de Traduzido/Em breve em seu estado normal — a única
   diferença visual é a capa normal vs. apagada. Ao passar o mouse por um
   instante, o card se expande na própria fileira (empurrando os vizinhos
   para o lado), revelando um painel lateral com ficha + sinopse + CTA. */
.card{
  position:relative; flex: 0 0 var(--card-w); width: var(--card-w); height: var(--card-h);
  display:flex; border-radius: var(--radius-m); overflow:hidden;
  background: var(--bg-panel); border:1px solid var(--line-soft);
  transition: flex-basis .32s cubic-bezier(.2,.8,.2,1), width .32s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;
}
.card.is-expanded{
  flex-basis: calc(var(--card-w) + var(--card-panel-w)); width: calc(var(--card-w) + var(--card-panel-w));
  z-index: 30; box-shadow: var(--shadow-pop); border-color: var(--line);
}

.card-poster{
  position:relative; width: var(--card-w); height:100%; flex:none; overflow:hidden; background: var(--bg-panel-2);
  display:block;
}
.card-poster img{ width:100%; height:100%; object-fit:cover; transition: transform .4s ease; }
.card.is-embreve .card-poster img{ filter: grayscale(.35) brightness(1.55) contrast(.85) saturate(.7); opacity:.82; }
.card.is-expanded .card-poster img{ transform: scale(1.04); }
.card.is-expanded .card-poster .card-title-strip,
.card.is-expanded .card-poster .title-fallback{ opacity:0; }
.card-poster .title-fallback{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center;
  padding:12px; font-family: var(--display); font-size:17px; line-height:1.08; color: var(--ink);
  background: linear-gradient(160deg, var(--bg-panel-3), var(--bg-panel));
}
.card.is-embreve .title-fallback{ color: var(--ink-faint); }
.card-poster .title-logo-thumb{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:14%; background: linear-gradient(160deg,#1d1d20,#0f0f11); }
.card-poster .title-logo-thumb img{ width:100%; height:auto; object-fit:contain; filter: drop-shadow(0 6px 12px rgba(0,0,0,.6)); }
.card.is-embreve .title-logo-thumb img{ filter: grayscale(.3) brightness(1.3) drop-shadow(0 6px 12px rgba(0,0,0,.6)); opacity:.8; }

.card-poster .card-title-strip{
  position:absolute; left:0; right:0; bottom:0; padding:9px 10px 8px;
  background: linear-gradient(0deg, rgba(0,0,0,.85), transparent);
  font-size:12px; font-weight:700; line-height:1.2; color: var(--ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.card.is-embreve .card-title-strip{ color: var(--ink-dim); }

/* painel revelado ao expandir */
.card-panel{
  width:0; height:100%; flex:none; overflow:hidden; opacity:0;
  background: var(--bg-panel-3);
  transition: width .32s cubic-bezier(.2,.8,.2,1), opacity .22s ease .06s;
  display:flex; flex-direction:column;
}
.card.is-expanded .card-panel{ width: var(--card-panel-w); opacity:1; }
.card-panel-inner{ width: var(--card-panel-w); flex:none; padding:14px 16px; display:flex; flex-direction:column; height:100%; }
.card-panel-inner h4{ font-size:14.5px; font-weight:800; line-height:1.2; margin-bottom:8px; }
.card-panel-badges{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:9px; }
.card-panel-badges .stamp{ font-size:9px; padding:4px 7px; }
.card-panel-syn{ font-size:12px; color: var(--ink-dim); line-height:1.48; margin-bottom:10px; flex:1;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.card-panel-update{
  font-size:12px; color: var(--yellow); line-height:1.4; margin-bottom:10px; flex:1; font-weight:600;
}
.card-panel-inner .btn{ width:100%; }

.page-head{ padding:172px 0 30px; }
.page-head h1{ font-family: var(--display); font-size:clamp(32px,4vw,48px); font-weight:400; margin-bottom:8px; }
.page-head p{ color: var(--ink-dim); font-size:15px; max-width:600px; }

.catalog-toolbar{ display:flex; gap:14px; align-items:center; flex-wrap:wrap; padding:22px 0; border-bottom:1px solid var(--line-soft); margin-bottom:8px; }
.catalog-search{ position:relative; flex:1; min-width:240px; }
.catalog-search input{
  width:100%; background: var(--bg-panel); border:1.5px solid var(--line); color: var(--ink);
  padding:12px 16px 12px 42px; border-radius: var(--radius-s); font-size:14.5px; font-family: var(--body);
}
.catalog-search input:focus{ border-color: var(--yellow); }
.catalog-search svg{ position:absolute; left:14px; top:50%; transform: translateY(-50%); width:18px; height:18px; color: var(--ink-faint); }
.catalog-count{ font-family: var(--mono); font-size:12px; color: var(--ink-faint); white-space:nowrap; }

.filters-panel{
  display:grid; grid-template-columns: 220px 1fr 1fr; gap:26px;
  padding:20px 0 28px; border-bottom:1px solid var(--line-soft); margin-bottom:26px; align-items:start;
}
@media (max-width:860px){ .filters-panel{ grid-template-columns:1fr; gap:20px; } }
.filter-group h5{ font-family: var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color: var(--ink-faint); margin-bottom:12px; }
.filter-pills{ display:flex; flex-wrap:wrap; gap:8px; }
.pill{
  font-size:13px; font-weight:600; padding:7px 13px; border-radius:20px; border:1.5px solid var(--line);
  background: var(--bg-panel); color: var(--ink-dim);
}
.pill:hover{ border-color: var(--ink-faint); color: var(--ink); }
.pill.is-active{ background: var(--yellow); border-color: var(--yellow); color: var(--yellow-ink); }

/* picklist multi-select de franquias */
.picklist{ position:relative; }
.picklist-trigger{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px;
  background: var(--bg-panel); border:1.5px solid var(--line); color: var(--ink);
  padding:10px 13px; border-radius: var(--radius-s); font-size:13.5px; font-weight:600; text-align:left;
}
.picklist-trigger:hover{ border-color: var(--ink-faint); }
.picklist-trigger.is-open{ border-color: var(--yellow); }
.picklist-trigger svg{ width:16px; height:16px; flex:none; color: var(--ink-faint); transition: transform .15s ease; }
.picklist-trigger.is-open svg{ transform: rotate(180deg); }
.picklist-menu{
  position:absolute; top: calc(100% + 6px); left:0; width:100%; min-width:240px; max-height:280px; overflow-y:auto;
  background: var(--bg-panel-3); border:1px solid var(--line); border-radius: var(--radius-m);
  box-shadow: var(--shadow-pop); z-index:60; padding:8px;
}
.picklist-option{
  display:flex; align-items:center; gap:10px; padding:8px 9px; border-radius:6px; font-size:13.5px; cursor:pointer;
}
.picklist-option:hover{ background: rgba(255,255,255,.06); }
.picklist-option input{ accent-color: var(--yellow); width:15px; height:15px; }
.picklist-clear{ display:block; width:100%; text-align:center; padding:8px; margin-top:4px; font-size:12px; color: var(--ink-faint); border-top:1px solid var(--line-soft); background:none; border-left:none; border-right:none; border-bottom:none; }
.picklist-clear:hover{ color: var(--ink); }

.catalog-grid{
  display:grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap:22px 14px;
  padding-bottom:80px;
}
.catalog-grid .card{ width:100%; flex-basis:auto; }
.catalog-grid .card.is-expanded{ width: calc(100% + var(--card-panel-w)); }
.empty-state{ padding:70px 20px; text-align:center; color: var(--ink-faint); }
.empty-state .eyebrow{ display:block; margin-bottom:10px; }
.empty-state h3{ font-family:var(--display); font-weight:400; font-size:26px; color: var(--ink); margin-bottom:8px; }

/* ---------------------------------------------------------------- detail */
.detail-hero{ position:relative; min-height:520px; display:flex; align-items:flex-end; padding:168px 0 74px; overflow:hidden; }
.detail-hero .hero-bg{ position:absolute; inset:0; z-index:0; overflow:hidden; }
.detail-hero .hero-bg img{ width:100%; height:100%; object-fit:cover; object-position:50% 18%; transform:scale(1.02); }
.detail-hero .hero-bg::after{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(6,6,7,.99) 25%, rgba(6,6,7,.82) 65%, rgba(6,6,7,.95) 100%),
    linear-gradient(0deg, var(--bg-void) 0%, rgba(6,6,7,.62) 40%, rgba(6,6,7,.78) 75%);
}
.detail-hero-content{ position:relative; z-index:1; max-width:680px; text-align:left; }
.detail-title-img{ max-width:min(460px, 100%); height:auto; margin-bottom:6px; filter: drop-shadow(0 10px 24px rgba(0,0,0,.6)); }
.detail-title-text{ font-family: var(--display); font-weight:400; font-size: clamp(30px,4.4vw,54px); line-height:1; margin-bottom:6px; }
.detail-hero .hero-badges{ margin-bottom:14px; }
.detail-franchise-tag{ font-family:var(--mono); color:var(--ink-dim); font-size:12px; letter-spacing:.04em; }
.detail-edit-btn{ position:absolute; top:170px; right:42px; z-index:5; }
@media (max-width:720px){ .detail-edit-btn{ right:18px; top:150px; } }
.partner-tag{ display:inline-block; margin-top:10px; font-family:var(--mono); font-size:12.5px; color:var(--info); border-bottom:1px dashed var(--info); }
.partner-tag:hover{ color:var(--yellow); border-color:var(--yellow); }

.detail-body{ padding:40px 0 90px; }
.detail-columns{ display:grid; grid-template-columns: 1fr 320px; gap:60px; }
@media (max-width:900px){ .detail-columns{ grid-template-columns:1fr; gap:36px; } }

.detail-top-row{ display:flex; gap:28px; margin-bottom:38px; align-items:flex-start; }
@media (max-width:640px){ .detail-top-row{ flex-direction:column; } }
.detail-poster{
  flex:none; width:180px; aspect-ratio:2/3; border-radius: var(--radius-m); overflow:hidden;
  box-shadow: var(--shadow-card); border:1px solid var(--line); background:var(--bg-panel-2);
}
.detail-poster img{ width:100%; height:100%; object-fit:cover; }
@media (max-width:640px){ .detail-poster{ width:140px; } }
.detail-top-info{ flex:1; min-width:0; }

.detail-section{ margin-bottom:38px; }
.detail-section h3{ font-family: var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color: var(--yellow); margin-bottom:14px; }
.detail-synopsis{ font-size:15.5px; line-height:1.75; color: var(--ink-dim); }
.detail-actions{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:8px; }
.detail-actions .btn{ padding:13px 24px; }

.fact-list{ display:flex; flex-direction:column; gap:12px; font-size:13.5px; }
.fact-list li{ display:flex; justify-content:space-between; gap:16px; padding-bottom:12px; border-bottom:1px solid var(--line-soft); }
.fact-list .k{ color: var(--ink-faint); flex:none; }
.fact-list .v{ font-weight:600; text-align:right; }
.platform-list{ display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; }

.row-tool{ background:rgba(255,255,255,.08); border:1px solid var(--line); color:var(--ink-dim); font-size:11px; font-weight:700; padding:5px 9px; border-radius:5px; }
.row-tool:hover{ color:var(--yellow); border-color:var(--yellow); }
.hero-edit-btn{ position:absolute; bottom:20px; right:42px; z-index:5; }
@media (max-width:720px){ .hero-edit-btn{ right:18px; } }
.row-editor-items{ max-height:280px; overflow-y:auto; display:flex; flex-direction:column; gap:2px; border:1px solid var(--line); border-radius:var(--radius-s); padding:8px; }
.update-editor-row{ display:flex; align-items:center; gap:8px; padding:8px 4px; border-bottom:1px solid var(--line-soft); font-size:12.5px; }
.update-editor-row b{ flex:1; min-width:120px; }
.update-editor-row input[type="text"], .update-editor-row input[type="date"]{ background:var(--bg-panel-2); border:1px solid var(--line); color:var(--ink); padding:6px 8px; border-radius:5px; font-size:12px; }
.update-editor-row button{ background:none; border:1px solid var(--line); color:var(--ink-dim); border-radius:5px; width:26px; height:26px; }
.update-editor-row button:hover{ color:var(--yellow); }
.native-select{
  width:100%; max-width:420px; background: var(--bg-panel); border:1.5px solid var(--line); color: var(--ink);
  padding:11px 14px; border-radius: var(--radius-s); font-size:14px; font-family: var(--body); font-weight:600;
}
.native-select:focus{ border-color: var(--yellow); }

/* download com opções (split button) */
.dl-split{ position:relative; display:inline-flex; }
.dl-main{ border-radius: var(--radius-s) 0 0 var(--radius-s); }
.dl-caret{ border-radius: 0 var(--radius-s) var(--radius-s) 0; padding:0 12px; border-left:1.5px solid rgba(0,0,0,.15); }
.dl-menu{
  position:absolute; top:calc(100% + 6px); left:0; min-width:230px; background: var(--bg-panel-3);
  border:1px solid var(--line); border-radius: var(--radius-m); box-shadow: var(--shadow-pop); z-index:60; padding:6px;
}
.dl-menu button{ display:block; width:100%; text-align:left; background:none; border:none; color:var(--ink); padding:9px 11px; border-radius:6px; font-size:13.5px; font-weight:600; }
.dl-split.is-disabled .dl-main, .dl-split.is-disabled .dl-caret{ background:#3a3a30; color:#87877a; box-shadow:none; }
.dl-split.is-disabled .dl-main:hover{ filter:none; box-shadow:none; }
.dl-warning{ color:#ff6b6b; font-size:13px; line-height:1.5; margin-top:10px; max-width:480px; }

/* caixa de indicação de compra */
.buy-box{
  display:flex; gap:16px; align-items:stretch; background: var(--bg-panel); border:1.5px solid var(--line);
  border-radius: var(--radius-m); overflow:hidden; margin-bottom:38px; transition: border-color .15s ease;
}
.buy-box:hover{ border-color: var(--yellow); }
.buy-box-media{ width:120px; flex:none; background: var(--bg-panel-2); display:flex; align-items:center; justify-content:center; }
.buy-box-body{ padding:16px 18px; display:flex; flex-direction:column; justify-content:center; gap:8px; }
.buy-box-cta{ font-family:var(--display); font-weight:400; font-size:18px; color:var(--yellow); }
@media (max-width:520px){ .buy-box{ flex-direction:column; } .buy-box-media{ width:100%; height:100px; } }

/* galeria de mídia (estilo Steam) */
.media-gallery{ margin-bottom:32px; }
.media-main{ border-radius: var(--radius-m); overflow:hidden; aspect-ratio:16/9; background:var(--bg-panel-2); margin-bottom:10px; }
.media-main img{ width:100%; height:100%; object-fit:cover; }
.media-thumbs{ display:flex; gap:8px; overflow-x:auto; }
.media-thumb{ flex:none; width:110px; aspect-ratio:16/9; border-radius:6px; overflow:hidden; border:2px solid transparent; background:none; padding:0; opacity:.6; }
.media-thumb.is-active{ border-color:var(--yellow); opacity:1; }
.media-thumb img{ width:100%; height:100%; object-fit:cover; }

/* pop-up leitor de capítulos */
.reader-overlay{ padding:24px; }
.reader-box{ width:100%; max-width:1000px; background:var(--bg-panel); border:1px solid var(--line); border-radius:var(--radius-l); padding:18px; display:flex; flex-direction:column; gap:14px; max-height:92vh; }
.reader-top{ display:flex; gap:12px; align-items:center; }
.reader-top .native-select{ max-width:none; flex:1; }
.reader-top .modal-close{ position:static; }
.reader-frame{ flex:1; min-height:56vh; background:#1a1a1a; border-radius:var(--radius-s); overflow:hidden; }
.reader-frame iframe{ width:100%; height:100%; min-height:56vh; border:none; }
.reader-empty{ display:flex; align-items:center; justify-content:center; height:100%; min-height:56vh; color:var(--ink-faint); font-size:14px; text-align:center; padding:20px; }
.reader-nav{ display:flex; justify-content:space-between; gap:12px; }
.emu-warning{ color:var(--ink-dim); font-size:12.5px; line-height:1.6; background:var(--bg-panel-2); border:1px solid var(--line); border-radius:8px; padding:12px 14px; }
.emu-frame{ flex:1; min-height:56vh; background:#000; border-radius:var(--radius-s); overflow:hidden; }
.gated-box{
  border:1.5px dashed var(--line); border-radius: var(--radius-m); padding:22px; text-align:center;
  color: var(--ink-dim); font-size:14px;
}
.gated-box a, .gated-box button.link{ color: var(--yellow); font-weight:700; background:none; border:none; font-size:inherit; }

.comment-form{ display:flex; gap:10px; margin-bottom:22px; }
.comment-form textarea{
  flex:1; resize:vertical; min-height:44px; max-height:160px; background: var(--bg-panel);
  border:1.5px solid var(--line); border-radius: var(--radius-s); color: var(--ink); padding:11px 14px; font-family: var(--body); font-size:14px;
}
.comment-form textarea:focus{ border-color: var(--yellow); }
.comment-item{ display:flex; gap:12px; padding:16px 0; border-bottom:1px solid var(--line-soft); }
.comment-avatar{ width:34px; height:34px; border-radius:50%; background: var(--bg-panel-3); color: var(--yellow); display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-weight:800; font-size:13px; flex:none; }
.comment-body b{ font-size:13.5px; }
.comment-body time{ font-family: var(--mono); font-size:10.5px; color: var(--ink-faint); margin-left:8px; }
.comment-body p{ margin:5px 0 0; font-size:14px; color: var(--ink-dim); line-height:1.5; }

.comment-item.is-reply{ margin-left:46px; padding-top:12px; }
.role-tag{ font-family:var(--mono); font-size:9px; font-weight:700; padding:2px 6px; border-radius:3px; margin-left:6px; text-transform:uppercase; }
.role-tag.is-admin{ background:var(--yellow); color:var(--yellow-ink); }
.role-tag.is-editor{ background:var(--info); color:#071a24; }
.comment-actions{ display:flex; gap:14px; margin-top:6px; }
.link-btn{ background:none; border:none; padding:0; font-size:12px; font-weight:700; color:var(--ink-faint); }
.link-btn:hover{ color:var(--yellow); }
.link-btn.is-danger:hover{ color:#ff6b6b; }
.edit-comment-box{ width:100%; min-height:60px; background:var(--bg-panel); border:1.5px solid var(--line); border-radius:var(--radius-s); color:var(--ink); padding:8px 10px; font-family:var(--body); font-size:13.5px; }
  display:inline-flex; align-items:center; gap:8px; background: rgba(255,255,255,.06); border:1.5px solid var(--line);
  color: var(--ink); padding:12px 18px; border-radius: var(--radius-s); font-weight:700; font-size:14px;
}
.fav-btn svg{ width:18px; height:18px; }
.fav-btn.is-fav{ border-color: var(--yellow); color: var(--yellow); }
.fav-btn.is-fav svg{ fill: var(--yellow); }

/* ---------------------------------------------------------- admin panel */
.admin-filters{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px; }
.admin-stat-cards{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:38px; }
@media (max-width:760px){ .admin-stat-cards{ grid-template-columns:1fr 1fr; } }
.admin-stat-card{ background:var(--bg-panel); border:1px solid var(--line); border-radius:var(--radius-m); padding:20px; }
.admin-stat-card b{ display:block; font-family:var(--display); font-weight:400; font-size:30px; color:var(--yellow); }
.admin-stat-card span{ font-family:var(--mono); font-size:11px; color:var(--ink-faint); text-transform:uppercase; }
.admin-table{ width:100%; border-collapse:collapse; font-size:13.5px; }
.admin-table th{ text-align:left; font-family:var(--mono); font-size:10.5px; text-transform:uppercase; color:var(--ink-faint); padding:10px 12px; border-bottom:1px solid var(--line); }
.admin-table td{ padding:11px 12px; border-bottom:1px solid var(--line-soft); color:var(--ink-dim); vertical-align:middle; }
.admin-table a{ color:var(--ink); font-weight:600; }
.admin-table a:hover{ color:var(--yellow); }
.admin-comment-text{ max-width:320px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-user-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.admin-user-actions button{ background:none; border:none; font-size:12px; font-weight:700; color:var(--ink-faint); padding:0; }
.admin-user-actions button:hover{ color:var(--yellow); }

/* ---------------------------------------------------------- project form */
.pf-input, .pf-textarea{
  width:100%; background:var(--bg-panel-2); border:1.5px solid var(--line); color:var(--ink);
  padding:10px 12px; border-radius:var(--radius-s); font-size:13.5px; font-family:var(--body);
}
.pf-textarea{ min-height:80px; resize:vertical; }
.pf-input:focus, .pf-textarea:focus{ border-color:var(--yellow); }
.pf-row2{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
@media (max-width:600px){ .pf-row2{ grid-template-columns:1fr; } }
.pf-checks{ display:flex; flex-wrap:wrap; gap:10px 16px; font-size:13px; }
.pf-checks label{ display:flex; align-items:center; gap:6px; }
.pf-subcard{ background:var(--bg-panel); border:1px solid var(--line); border-radius:var(--radius-m); padding:16px; margin-bottom:14px; }
.pf-repeat-list{ display:flex; flex-direction:column; gap:8px; }
.pf-repeat-row{ display:grid; grid-template-columns:1fr 1fr 32px; gap:8px; align-items:center; }
.pf-repeat-row button{ background:none; border:1px solid var(--line); color:var(--ink-dim); border-radius:5px; width:30px; height:34px; }
.pf-repeat-row button:hover{ color:#ff6b6b; border-color:#ff6b6b; }
.modal-overlay{
  position:fixed; inset:0; background: rgba(4,4,5,.78); backdrop-filter: blur(4px);
  display:flex; align-items:center; justify-content:center; z-index:500; padding:20px;
}
.modal-box{
  width:100%; max-width:420px; background: var(--bg-panel); border:1px solid var(--line);
  border-radius: var(--radius-l); padding:44px 30px 28px; position:relative; box-shadow: var(--shadow-pop);
}
.modal-close{
  position:absolute; top:14px; right:14px; background: rgba(255,255,255,.06); border:1px solid var(--line);
  color: var(--ink-dim); width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:14px; line-height:1; z-index:5;
}
.modal-close:hover{ color: var(--ink); border-color: var(--ink-faint); }
.modal-tabs{ display:flex; gap:4px; background: var(--bg-panel-2); border-radius:8px; padding:4px; margin-bottom:22px; margin-top:4px; }
.modal-tabs button{ flex:1; border:none; background:transparent; color: var(--ink-faint); font-weight:700; font-size:13.5px; padding:9px; border-radius:6px; }
.modal-tabs button.is-active{ background: var(--yellow); color: var(--yellow-ink); }
.modal-box h2{ font-family: var(--display); font-weight:400; font-size:26px; margin-bottom:6px; }
.modal-sub{ color: var(--ink-faint); font-size:13px; margin-bottom:22px; }
.field{ margin-bottom:14px; }
.field label{ display:block; font-size:12.5px; font-weight:700; margin-bottom:6px; color: var(--ink-dim); }
.field input{
  width:100%; background: var(--bg-panel-2); border:1.5px solid var(--line); color: var(--ink);
  padding:11px 13px; border-radius: var(--radius-s); font-size:14px; font-family: var(--body);
}
.field input:focus{ border-color: var(--yellow); }
.field-error{ color:#ff6b6b; font-size:12px; margin-top:6px; display:none; }
.field.has-error input{ border-color:#ff6b6b; }
.field.has-error .field-error{ display:block; }
.modal-box .btn-primary{ width:100%; margin-top:6px; }
.oauth-row{ display:flex; flex-direction:column; gap:10px; margin-top:18px; }
.oauth-btn{
  display:flex; align-items:center; justify-content:center; gap:10px; width:100%;
  padding:10px; border-radius: var(--radius-s); border:1.5px solid var(--line); background: var(--bg-panel-2);
  color: var(--ink); font-weight:600; font-size:13.5px;
}
.oauth-btn:hover{ border-color: var(--ink-faint); }
.oauth-btn img{ width:19px; height:19px; flex:none; }
.divider{ display:flex; align-items:center; gap:12px; color: var(--ink-faint); font-size:11px; margin:20px 0 4px; text-transform:uppercase; letter-spacing:.08em; }
.divider::before, .divider::after{ content:""; flex:1; height:1px; background: var(--line); }
.modal-foot{ text-align:center; font-size:13px; color: var(--ink-faint); margin-top:18px; }
.modal-foot button{ background:none; border:none; color: var(--yellow); font-weight:700; font-size:inherit; }
.toast{
  position:fixed; bottom:26px; left:50%; transform: translateX(-50%) translateY(10px); z-index:600;
  background: var(--yellow); color: var(--yellow-ink); font-weight:700; font-size:13.5px;
  padding:12px 20px; border-radius:8px; opacity:0; transition: opacity .2s ease, transform .2s ease; pointer-events:none;
  max-width:90vw; text-align:center;
}
.toast.is-visible{ opacity:1; transform: translateX(-50%) translateY(0); }

/* ---------------------------------------------------------- ajude a causa */
.support-banner{ position:relative; min-height:420px; display:flex; align-items:center; padding:172px 0 60px; overflow:hidden; }
.support-banner-bg{ position:absolute; inset:0; z-index:0; }
.support-banner-bg img{ width:100%; height:100%; object-fit:cover; filter:blur(1px) brightness(.5); }
.support-banner-bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(9,9,10,.97) 20%, rgba(9,9,10,.5) 75%), linear-gradient(0deg, var(--bg-void), transparent 50%); }
.support-banner-content{ position:relative; z-index:1; max-width:640px; }
.support-banner-content h1{ font-family:var(--display); font-weight:400; font-size:clamp(32px,4.6vw,52px); line-height:1.05; margin:14px 0 18px; }
.support-banner-content h1 span{ color:var(--yellow); }
.support-banner-content p{ color:var(--ink-dim); font-size:16px; line-height:1.7; margin-bottom:28px; }
.support-stats{ display:flex; gap:34px; flex-wrap:wrap; }
.support-stats div{ display:flex; flex-direction:column; }
.support-stats b{ font-family:var(--display); font-weight:400; font-size:34px; color:var(--yellow); line-height:1; }
.support-stats span{ font-family:var(--mono); font-size:11px; color:var(--ink-faint); margin-top:6px; text-transform:uppercase; letter-spacing:.04em; }
.support-page{ padding:0 0 100px; }
.support-content-grid{ display:grid; grid-template-columns: 1fr 360px; gap:60px; align-items:start; }
@media (max-width:860px){ .support-content-grid{ grid-template-columns:1fr; } }
.support-hero{ max-width:640px; }
.support-hero p{ color: var(--ink-dim); font-size:16px; line-height:1.8; margin-bottom:20px; }
.support-hero strong{ color:var(--ink); }
.support-hero blockquote{
  margin:32px 0; padding:4px 0 4px 22px; border-left:3px solid var(--yellow);
  font-family:var(--display); font-weight:400; font-size:22px; line-height:1.35; color:var(--ink); font-style:normal;
}
.support-hero .sig{ color: var(--ink-faint); margin-top:30px; padding-top:20px; border-top:1px solid var(--line-soft); }
.support-sidebar{ position:sticky; top:110px; background:var(--bg-panel); border:1px solid var(--line); border-radius:var(--radius-l); padding:26px; }
.support-sidebar h3{ font-family:var(--display); font-weight:400; font-size:19px; margin:8px 0 20px; }
@media (max-width:860px){ .support-sidebar{ position:static; } }
.support-hero{ max-width:720px; margin-bottom:44px; }
.support-hero h1{ font-family:var(--display); font-weight:400; font-size:clamp(30px,4vw,44px); margin-bottom:16px; }
.support-hero p{ color: var(--ink-dim); font-size:15.5px; line-height:1.75; margin-bottom:14px; }
.support-hero .sig{ color: var(--ink-faint); font-style:italic; margin-top:20px; }
.support-hero-title{ font-family:var(--display); font-weight:400; font-size:clamp(28px,3.6vw,40px); margin:14px 0 24px; }
.legal-tabs{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:30px; border-bottom:1px solid var(--line-soft); padding-bottom:16px; }
.legal-tabs a{ font-size:13.5px; font-weight:700; color:var(--ink-faint); padding:8px 14px; border-radius:20px; border:1.5px solid var(--line); }
.legal-tabs a:hover{ color:var(--ink); }
.legal-tabs a.is-active{ background:var(--yellow); color:var(--yellow-ink); border-color:var(--yellow); }
.legal-body h3{ font-family:var(--display); font-weight:400; font-size:19px; color:var(--yellow); margin:26px 0 10px; }
.legal-body p{ color:var(--ink-dim); font-size:15px; line-height:1.75; margin-bottom:6px; }
.support-cards{ display:grid; grid-template-columns:1fr; gap:16px; max-width:none; }
.support-card{
  border-radius: var(--radius-l); padding:28px 24px 30px; text-align:center;
}
.support-card.is-pix{ background: var(--bg-panel); border:1.5px solid var(--line); }
.support-card.is-credit{ background: var(--yellow); color: var(--yellow-ink); }
.support-card h3{ font-family:var(--display); font-weight:400; font-size:19px; letter-spacing:.01em; margin:10px 0 18px; }
.support-card .qr-btn{ display:inline-block; border-radius: var(--radius-m); overflow:hidden; border:3px solid transparent; transition: transform .15s ease, border-color .15s ease; background:#fff; padding:10px; }
.support-card .qr-btn:hover{ transform: scale(1.03); border-color: rgba(0,0,0,.2); }
.support-card.is-pix .qr-btn:hover{ border-color: var(--yellow); }
.support-card .qr-btn img{ width:180px; height:180px; display:block; }
.support-card .qr-caption{ font-family:var(--mono); font-size:11px; margin-top:12px; opacity:.75; }

/* lightbox simples pro QR do pix */
.lightbox-overlay{ position:fixed; inset:0; background:rgba(4,4,5,.9); z-index:700; display:flex; align-items:center; justify-content:center; padding:24px; }
.lightbox-box{ background:#fff; padding:20px; border-radius:var(--radius-m); text-align:center; max-width:360px; }
.lightbox-box img{ width:100%; border-radius:6px; }
.lightbox-box p{ color:#111; font-size:13px; margin-top:14px; font-family:var(--body); }
.lightbox-close{ margin-top:14px; }

/* ---------------------------------------------------------------- footer */
.site-footer{ border-top:1px solid var(--line-soft); padding:48px 0 36px; margin-top:20px; }
.footer-grid{ display:grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap:36px; }
@media (max-width:820px){ .footer-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .footer-grid{ grid-template-columns:1fr; } }
.footer-brand img{ height:56px; width:auto; margin-bottom:14px; }
.footer-brand p{ color: var(--ink-faint); font-size:12px; font-family: var(--mono); line-height:1.6; max-width:320px; }
.ver-tag{ color:var(--yellow); }
.footer-col h5{ font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:14px; }
.footer-col{ display:flex; flex-direction:column; gap:10px; }
.footer-col a{ font-size:13.5px; color:var(--ink-dim); }
.footer-col a:hover{ color:var(--yellow); }

/* --------------------------------------------------------- scroll reveal */
[data-view]{ animation: fade-up .35s ease both; }
@keyframes fade-up{ from{ opacity:0; transform: translateY(10px); } to{ opacity:1; transform:none; } }
/* Ajustes da proposta v4 */
.catalog-page .card:hover,.catalog-page .card.is-expanded{transform:none;width:100%;}
.catalog-page .card-panel{display:none!important;}
.catalog-page .card-poster{cursor:pointer;}
.card-remove-x{right:-43px;left:auto;top:50%;transform:translateY(-50%);opacity:1;width:34px;height:34px;border-radius:50%;background:#29292d;border:1px solid rgba(255,255,255,.2);color:#fff;z-index:5;}
.card:has(.card-remove-x) .card-admin-dots{right:calc(var(--card-width, 160px) - 42px);left:auto;}
.hero-title-text,.hero-title-img{margin-left:0!important;text-align:left!important;}
.hero-content{margin-left:max(calc((100vw - 1200px)/2),24px)!important;}
.hero-cta-row{justify-content:center!important;}
.detail-columns{grid-template-columns:minmax(0,1fr) 300px;gap:40px;}
.detail-columns>div,.detail-columns aside,.detail-related,.row-scroller,.row-track{min-width:0;max-width:100%;}
.detail-title-img,.detail-title-text{margin-left:0!important;text-align:left!important;object-position:left center;}
.detail-hero .hero-bg::after{background:linear-gradient(90deg,rgba(9,9,10,.92) 0%,rgba(9,9,10,.42) 70%),linear-gradient(0deg,var(--bg-void),transparent 65%);}
.detail-hero .hero-bg{--detail-darkness:.58;}
.detail-hero .hero-bg::after{opacity:var(--detail-darkness);}
.detail-actions{align-items:center;}
.dl-warning{flex-basis:100%;width:100%;order:2;}
.detail-actions .fav-btn{height:42px!important;min-height:42px!important;padding:0 16px!important;border-radius:24px!important;background:transparent!important;color:var(--ink-dim)!important;border:1px solid var(--line)!important;font-size:13px!important;display:inline-flex;align-items:center;gap:8px;}
.detail-actions .fav-btn svg{width:16px!important;height:16px!important;}
.media-gallery{max-width:760px;width:100%;margin:28px auto;}
.media-main{position:relative;max-height:min(52vw,420px);aspect-ratio:16/9;}
.media-main img{object-fit:contain!important;}
.media-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:0;border-radius:50%;width:40px;height:40px;background:rgba(0,0,0,.68);color:white;font-size:30px;line-height:1;cursor:pointer;}
.media-arrow.prev{left:12px}.media-arrow.next{right:12px}
.buy-box{max-width:100%;overflow:hidden;display:flex;}
.buy-box-media{width:110px;height:110px;overflow:hidden;}
.buy-box-art{width:180px;flex:0 1 180px;max-height:110px;overflow:hidden;}
.buy-box-art img{width:100%;height:100%;object-fit:cover;}
.reader-overlay{padding:3vh 3vw;}
.reader-box{max-width:min(92vw,900px);max-height:94vh;}
.reader-frame{min-height:0;height:min(74vh,1200px);}
.reader-frame iframe{min-height:0;height:100%;}
.reader-chapter-select{max-width:70%;}
.reader-pdf-box{gap:8px;}
.reader-last-note{display:none;}
.emu-controls{background:var(--bg-panel-2);border:1px solid var(--line);border-radius:var(--radius-m);padding:14px;}
.emu-controls h3{margin:0 0 10px;font-family:var(--display);font-weight:400;}
.emu-controls>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.emu-controls article{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;border-radius:10px;background:rgba(255,255,255,.04);}
.control-icon{font-size:24px}.control-keys{font-size:11px;color:var(--ink-dim);}
.support-content-grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:28px;align-items:center;}
.support-hero{max-width:none;margin-bottom:0;}
.support-banner-content{max-width:900px;}
.legal-page{padding-top:60px!important;}
.book-cover-fields{display:none!important;}
.pf-field label:has(input[type=checkbox]),.field>label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px;}
.pf-field label input[type=checkbox],.field>label input[type=checkbox]{order:2;margin-left:auto;}
@media(max-width:900px){.detail-columns{grid-template-columns:1fr;}.support-content-grid{grid-template-columns:1fr;}.buy-box-art{display:none;}}
@media(max-width:600px){.emu-controls>div{grid-template-columns:1fr;}.card-remove-x{right:-38px;}.detail-actions .fav-btn{padding:0 12px!important;}}
.card:has(.card-remove-x){overflow:visible;}
.card:has(.card-remove-x) .card-admin-menu{right:48px;left:auto;}
.card-remove-x{right:-46px;left:auto;}
.hero-dots{justify-content:center;margin-left:auto;margin-right:auto;width:max-content;}
.filters-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:30px;}
@media(max-width:860px){.filters-panel{grid-template-columns:1fr;}}
.media-main video{width:100%;height:100%;object-fit:contain;background:#09090a;}
.modal-box:has(#support-edit-save)>label{display:block;margin:14px 0;color:var(--ink-dim);font-size:13px;}
.modal-box:has(#support-edit-save) input{display:block;margin-top:6px;}
/* Correções com base nos novos prints */
.detail-hero-content.container{width:100%;max-width:1440px;flex:0 0 100%;margin-left:auto;margin-right:auto;text-align:left;}
.detail-hero-content .hero-badges,.detail-hero-content .detail-title-img,.detail-hero-content .detail-title-text,.detail-hero-content .partner-tag{align-self:flex-start;margin-left:0;text-align:left;}
.card:has(.card-remove-x){overflow:visible;}
.card:has(.card-remove-x) .card-admin-menu{left:calc(var(--card-w) - 68px);right:auto;top:8px;width:28px;height:28px;}
.card:has(.card-remove-x) .card-admin-dots{position:absolute;inset:0;}
.card-remove-x{position:absolute;left:calc(var(--card-w) - 36px);right:auto;top:8px;transform:none;opacity:0;pointer-events:none;width:28px;height:28px;border-radius:50%;background:rgba(10,10,11,.78);border:1px solid rgba(255,255,255,.22);color:#fff;z-index:46;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease;}
.card:has(.card-remove-x):hover .card-remove-x,.card:has(.card-remove-x):focus-within .card-remove-x{opacity:1;pointer-events:auto;}
.card-panel-inner>div:first-child{align-items:center!important;margin-bottom:8px;}
.card-panel-inner>div:first-child h4{flex:1;min-width:0;margin:0;}
.card-fav-btn{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;flex:0 0 32px!important;border-radius:50%!important;border:1px solid var(--line)!important;background:rgba(255,255,255,.05)!important;color:var(--ink-dim)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.card-fav-btn svg{width:15px!important;height:15px!important;display:block;}
.card-fav-btn.is-fav{color:var(--yellow)!important;border-color:var(--yellow)!important;}
.card-panel-inner .btn{width:auto;align-self:flex-start;padding:8px 13px;font-size:12.5px;}
.hero-dots{position:relative;width:100vw;left:50%;transform:translateX(-50%);justify-content:center;margin:24px 0 0;}
.filters-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);}
.pf-checks label{display:flex;flex-direction:row;align-items:center;gap:8px;white-space:nowrap;}
.pf-checks input[type=checkbox]{width:16px!important;height:16px!important;padding:0!important;margin:0;flex:0 0 16px;order:0;}
.pf-body .field>label:has(input[type=checkbox]),.pf-inline-toggle{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;}
.pf-body .field>label input[type=checkbox],.pf-inline-toggle input[type=checkbox]{width:16px!important;height:16px!important;flex:0 0 16px;order:2;margin:0 2px 0 auto;padding:0;}
.pf-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 12px;}
.pf-progress-grid label,.pf-inline-toggle{font-size:13px;color:var(--ink-dim);}
.pf-progress-grid input{margin-top:6px;}
.pf-inline-toggle{margin:10px 0;}
.buy-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;}
.buy-upload-grid label,.pf-row2>label{display:block;font-size:12px;color:var(--ink-dim);}
.buy-upload-grid input[type=file]{width:100%;margin-top:6px;}
.pf-row2 input[type=range],.pf-progress-grid input{width:100%;}
.buy-preview{position:relative;height:130px;overflow:hidden;border:1px solid var(--line);border-radius:10px;margin-top:10px;padding:16px;display:flex;align-items:flex-end;font-weight:700;color:#fff;background:#202024;isolation:isolate;}
.buy-preview::before{content:"";position:absolute;inset:0;background-image:var(--preview-bg);background-size:cover;background-position:center;opacity:var(--preview-bg-opacity,1);z-index:-2;}
.buy-preview::after{content:"";position:absolute;inset:0 0 0 auto;width:34%;background-image:var(--preview-icon);background-size:cover;background-position:center;opacity:var(--preview-icon-opacity,1);z-index:-1;}
.buy-box{position:relative;isolation:isolate;display:block;width:100%;height:190px;max-width:100%;overflow:hidden;padding:24px;border-radius:var(--radius-m);background:transparent;}
.buy-box-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
.buy-box-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.25) 70%,rgba(0,0,0,.42));z-index:-1;}
.buy-box-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:120px;height:120px;overflow:hidden;border-radius:12px;}
.buy-box-icon img{width:100%;height:100%;object-fit:cover;}
.buy-box-body{position:relative;z-index:1;width:min(70%,600px);height:100%;padding:8px 0;display:flex;flex-direction:column;justify-content:center;gap:12px;}
.buy-box-cta{font-family:var(--display);font-size:20px;color:var(--yellow);}
.buy-box .eyebrow{color:#fff;}
.emu-warning{margin:0;font-size:13px;line-height:1.5;color:var(--ink-dim);}
.emu-rom-select{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--ink-dim);font-size:12px;}
.emu-rom-select input{max-width:100%;}
.reader-box:has(.emu-controls){max-width:min(92vw,980px);max-height:95vh;overflow:auto;gap:10px;}
.reader-box:has(.emu-controls) .emu-frame{height:clamp(280px,52vh,540px);min-height:0;flex:0 0 auto;}
.reader-box:has(.emu-controls) .emu-controls{flex:none;}
.emu-controls>div{min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);}
.emu-controls article{min-width:0;padding:8px;}
.emu-controls article:last-child .control-icon{transform:rotate(90deg);display:inline-block;}
.control-keys{width:100%;min-width:0;}
.keyboard-layout{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;}
.keyboard-layout kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;background:linear-gradient(#45454b,#242428);border:1px solid #68686f;border-bottom-width:3px;border-radius:4px;color:#fff;font:700 11px var(--body);box-shadow:0 2px 3px #0008;}
.keyboard-arrows{display:flex;flex-direction:column;align-items:center;gap:2px;}
.keyboard-arrows>div{display:flex;gap:2px;}
.keyboard-buttons{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;}
.keyboard-buttons span{display:flex;align-items:center;gap:2px;color:var(--ink-faint);font-size:9px;}
.row-list-editor{max-width:720px!important;height:min(84vh,760px);max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden;padding-top:42px;}
.row-edit-label{display:block;flex:none;margin:10px 0;font-size:12px;font-weight:700;color:var(--ink-dim);}
.row-edit-label input{display:block;width:100%;margin-top:6px;}
.ordered-project-list{flex:1;min-height:100px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:8px;margin-bottom:10px;}
.ordered-project-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 5px;border-bottom:1px solid var(--line-soft);}
.ordered-project-row b{font-size:12px;line-height:1.25;}
.ordered-project-row>div{display:flex;gap:4px;flex:none;}
.ordered-project-row button{width:28px;height:28px;border:1px solid var(--line);border-radius:5px;color:var(--ink-dim);background:var(--bg-panel-2);}
.row-project-adder{display:grid;grid-template-columns:1fr auto;gap:8px;flex:none;margin:8px 0;}
.row-project-adder .native-select{max-width:none;}
.row-editor-actions{display:flex;gap:10px;flex:none;margin-top:8px;}
.row-editor-actions .btn{flex:1;}
.crop-modal{max-width:640px!important;max-height:92vh;overflow:auto;}
.crop-modal>label{display:block;margin:12px 0;color:var(--ink-dim);font-size:12px;}
.crop-modal>label input{display:block;width:100%;}
.crop-window{width:100%;max-height:42vh;overflow:hidden;background:#050505;border-radius:8px;}
.crop-window img{width:100%;height:100%;max-height:42vh;object-fit:cover;transform-origin:center;}
.detail-columns .fact-list .v{max-width:65%;}
@media(max-width:800px){.pf-progress-grid{grid-template-columns:1fr;}.emu-controls>div{grid-template-columns:1fr;}.buy-box-icon{width:88px;height:88px;right:12px;}.buy-box-body{width:70%;}.row-editor-actions{flex-wrap:wrap;}}
@media(max-width:560px){.buy-upload-grid{grid-template-columns:1fr;}.buy-box{height:160px;padding:16px;}.buy-box-body{width:68%;}.buy-box-icon{width:68px;height:68px;}.ordered-project-row b{font-size:11px;}}
#pf-body .field>label:has(input[type=checkbox]),#pf-body .pf-inline-toggle{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;}
#pf-body .field>label input[type=checkbox],#pf-body .pf-inline-toggle input[type=checkbox]{width:16px!important;height:16px!important;flex:0 0 16px;order:2;margin:0 2px 0 auto;padding:0;}
.control-illustration{width:42px;height:32px;flex:none;fill:none;stroke:var(--yellow);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.mobile-gamepad{transform:rotate(90deg);}

/* Ajustes finais solicitados */
.hero-dots{left:calc(50% - 50vw);width:100vw;transform:none;}
.card-panel-inner{position:relative;}
.card-panel-inner>div:first-child .card-fav-btn{position:absolute;top:auto;right:14px;bottom:14px;z-index:3;}
.card-panel-inner .btn{padding:10px 18px;font-size:13px;}
.card:has(.card-remove-x) .card-admin-menu{left:calc(var(--card-w) + var(--card-panel-w) - 68px);right:auto;top:8px;width:28px;height:28px;}
.card:has(.card-remove-x) .card-remove-x{left:calc(var(--card-w) + var(--card-panel-w) - 36px);right:auto;top:8px;}
.list-manager-modal{width:min(720px,92vw)!important;max-width:720px!important;height:min(82vh,760px);max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden;padding-top:42px;}
.list-manager-modal #eb-list,.list-manager-modal #ue-list{flex:1;min-height:80px;overflow-y:auto;}
.list-manager-modal>.field{flex:none;margin-top:8px!important;}
.list-manager-modal>.btn{flex:none;}
.support-banner-bg img{filter:blur(1px) brightness(1);}
.support-banner-bg::after{background:linear-gradient(90deg,rgba(9,9,10,.92) 15%,rgba(9,9,10,.32) 76%),linear-gradient(0deg,var(--bg-void),transparent 50%);opacity:var(--support-darkness,.58);}
.support-edit-btn{position:absolute;right:0;top:0;}
.legal-banner{min-height:420px;}

.legal-banner .support-hero-title{max-width:860px;}
.buy-preview::after{inset:0 auto 0 0;}
.buy-preview{padding-left:38%;}
.buy-box-icon{left:20px;right:auto;}
.buy-box-body{margin-left:clamp(110px,18vw,180px);width:min(60%,600px);}
.reader-box:has(#reader-frame){width:94vw;max-width:1500px;height:96vh;max-height:96vh;}
.reader-frame{height:calc(96vh - 150px);min-height:70vh;flex:1 1 auto;}
.reader-frame iframe{height:100%;min-height:70vh;}
.emu-controls>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.45fr)!important;}
.emu-controls article.keyboard-controls{flex-direction:column;gap:6px;}
.keyboard-layout{flex-direction:column;gap:5px;}
.keyboard-buttons span{flex-direction:column-reverse;gap:1px;}
.crop-window{position:relative;border:2px solid var(--yellow);box-shadow:0 0 0 999px rgba(0,0,0,.12) inset;}
.crop-window canvas{display:block;width:100%;height:100%;object-fit:contain;}
.crop-size{position:absolute;left:8px;top:8px;padding:4px 7px;border-radius:4px;background:#08080bd9;color:var(--yellow);font:700 10px var(--mono);letter-spacing:.04em;}
@media(max-width:800px){.emu-controls>div{grid-template-columns:1fr 1fr!important;}.emu-controls article.keyboard-controls{grid-column:1/-1;}.reader-box:has(#reader-frame){height:94vh;max-height:94vh;}.reader-frame{height:calc(94vh - 150px);min-height:65vh;}}
@media(max-width:560px){.buy-box-icon{left:12px;right:auto;}.buy-box-body{margin-left:85px;width:calc(100% - 95px);}.buy-preview{padding-left:36%;}.reader-overlay{padding:1vh 2vw;}.reader-box:has(#reader-frame){width:96vw;padding:10px;height:96vh;max-height:96vh;}.reader-frame{height:calc(96vh - 120px);min-height:68vh;}}

/* Ajustes v5 */
.hero-slide .hero-dots{position:absolute;z-index:4;left:50%;bottom:76px;transform:translateX(-50%);width:max-content;margin:0;display:flex;justify-content:center;}
.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(187px,1fr));}
.catalog-grid .card{height:auto;aspect-ratio:187/280;min-width:0;}
.catalog-grid .card-poster{width:100%;height:100%;}
.catalog-grid .card-poster>img,.catalog-grid .card-poster .title-logo-thumb,.catalog-grid .card-poster .title-fallback{width:100%;height:100%;}
.card.is-embreve .card-poster img,.card.is-embreve .card-poster .title-logo-thumb img{filter:grayscale(.48) saturate(.52) brightness(1.3)!important;opacity:.94!important;}
.card.is-embreve .card-poster .title-fallback{filter:grayscale(.48) saturate(.52) brightness(1.3);}
.card-panel-inner>div:first-child h4{padding-right:54px;overflow-wrap:anywhere;}
.card-panel-inner .btn{width:calc(100% - 48px)!important;max-width:calc(100% - 48px);}
.card:has(.card-remove-x) .card-admin-menu{left:calc(var(--card-w) - 68px);right:auto;transition:left .32s ease;}
.card:has(.card-remove-x) .card-remove-x{left:calc(var(--card-w) - 36px);right:auto;transition:left .32s ease,opacity .15s ease;}
.card:has(.card-remove-x).is-expanded .card-admin-menu{left:calc(var(--card-w) + var(--card-panel-w) - 68px);}
.card:has(.card-remove-x).is-expanded .card-remove-x{left:calc(var(--card-w) + var(--card-panel-w) - 36px);}
.card:has(.card-remove-x) .card-admin-menu{top:8px;width:28px;height:28px;}
.card:has(.card-remove-x) .card-remove-x{top:8px;transform:none;width:28px;height:28px;}
.media-main-content{cursor:zoom-in;}
.media-enlarge{position:absolute;right:12px;bottom:12px;z-index:3;width:38px;height:38px;border:1px solid #ffffff42;border-radius:50%;background:#08080bd9;color:#fff;font-size:22px;cursor:pointer;}
.media-lightbox-overlay{position:fixed;inset:0;z-index:1500;background:rgba(0,0,0,.92);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;}
.media-lightbox-box{width:min(1500px,96vw);height:min(92vh,1000px);display:flex;flex-direction:column;background:#121214;border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.media-lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;color:var(--ink);font-weight:700;}
.media-lightbox-top small{color:var(--ink-faint);margin-left:8px;font-weight:500;}
.media-lightbox-close{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--bg-panel-2);color:var(--ink);font-size:27px;cursor:pointer;}
.media-lightbox-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;background:#050506;}
.media-lightbox-stage img,.media-lightbox-stage video{width:100%;height:100%;object-fit:contain;}
.media-lightbox-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:48px;height:58px;border:0;border-radius:10px;background:#101014c9;color:white;font-size:42px;cursor:pointer;}
.media-lightbox-arrow.prev{left:16px}.media-lightbox-arrow.next{right:16px}
.emulator-launch-help{max-width:560px!important;padding:30px;position:relative;}
.emulator-launch-help .modal-close{position:absolute;right:14px;top:14px;}
.emulator-launch-help h2{font-family:var(--display);font-size:30px;margin:8px 40px 12px 0;}
.emulator-launch-help p{line-height:1.65;color:var(--ink-dim);margin-bottom:20px;}
.lightbox-box .lightbox-close{color:#111!important;border-color:#111!important;}
.emu-controls>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.45fr)!important;}
.emu-controls article{flex-direction:column;gap:8px;padding:12px;}
.emu-controls article>b{font-size:15px;}
.emu-controls article.keyboard-controls{flex-direction:column;}
.keyboard-layout{flex-direction:row;gap:18px;flex-wrap:nowrap;}
.keyboard-arrows{flex:none;}
.keyboard-buttons{flex:1;}
.keyboard-buttons span{flex-direction:column;gap:3px;font-size:9px;}
@media(max-width:800px){.hero-slide .hero-dots{bottom:54px;}.media-lightbox-overlay{padding:10px;}.media-lightbox-box{height:94vh;width:98vw;}.emu-controls>div{grid-template-columns:1fr 1fr!important;}.emu-controls article.keyboard-controls{grid-column:1/-1;}.keyboard-layout{flex-wrap:wrap;}}
@media(max-width:560px){.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:16px 10px;}.card-panel-inner .btn{width:calc(100% - 42px)!important;max-width:calc(100% - 42px);}.hero-slide .hero-dots{bottom:36px;}}

/* Ajustes v6 */
.hero-content{margin-bottom:140px;}
.hero-slide .hero-dots{bottom:76px;}
.rows{margin-top:0;}
.support-banner-bg img{filter:blur(1px) brightness(.72)!important;}
.support-banner-bg::after{background:linear-gradient(90deg,rgba(9,9,10,.94) 7%,rgba(9,9,10,.76) 42%,rgba(9,9,10,.32) 100%),linear-gradient(0deg,var(--bg-void) 0%,rgba(9,9,10,.38) 38%,transparent 82%)!important;opacity:1!important;}
.detail-hero .hero-bg img{filter:brightness(.72);}
.detail-hero .hero-bg::after{background:linear-gradient(90deg,rgba(9,9,10,.94) 0%,rgba(9,9,10,.66) 52%,rgba(9,9,10,.2) 100%),linear-gradient(0deg,var(--bg-void) 0%,rgba(9,9,10,.4) 45%,rgba(9,9,10,.08) 100%)!important;opacity:.92!important;}
.card.is-embreve .card-poster img,.card.is-embreve .card-poster .title-logo-thumb img{filter:grayscale(.36) saturate(.22) brightness(1.72) contrast(.72)!important;opacity:1!important;}
.card.is-embreve .card-poster .title-fallback{filter:grayscale(.36) saturate(.22) brightness(1.72) contrast(.72);}
.legal-banner .support-banner-content{text-align:left;width:100%;max-width:1200px;}
.legal-banner .support-hero-title{text-align:left;margin-left:0;}
.media-lightbox-box{width:min(1200px,88vw);height:min(78vh,820px);}
.media-lightbox-stage{padding:12px;}
.media-lightbox-stage img,.media-lightbox-stage video{max-width:100%;max-height:100%;object-fit:contain;}
.keyboard-layout{width:max-content;max-width:100%;margin-inline:auto;gap:8px;}
.keyboard-buttons{flex:0 1 auto;gap:5px;}
.keyboard-buttons span{min-width:38px;}
.keyboard-buttons span small{font-size:9px;color:var(--ink-faint);}
@media(max-width:800px){.hero-content{margin-bottom:110px;}.rows{margin-top:0;}.media-lightbox-box{width:94vw;height:82vh;}}
@media(max-width:560px){.hero-content{margin-bottom:94px;}.hero-slide .hero-dots{bottom:40px;}.media-lightbox-box{width:96vw;height:78vh;}}

/* Ajustes v7 */
.media-lightbox-overlay{inset:0;width:100vw;height:100vh;height:100dvh;padding:0;}
.media-lightbox-box{width:100%;height:100%;max-width:100%;max-height:100%;border:0;border-radius:0;}
.media-lightbox-stage{padding:0;overflow:hidden;}
.media-lightbox-stage img,.media-lightbox-stage video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;}
.keyboard-layout{display:grid;grid-template-columns:76px auto;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;margin-inline:auto;}
.keyboard-arrows{display:flex;flex-direction:column;align-items:center;gap:4px;}
.keyboard-arrows>div{display:flex;gap:4px;}
.keyboard-buttons{display:grid;grid-template-columns:repeat(6,40px);gap:4px;justify-content:center;align-items:center;}
.keyboard-buttons span{display:flex;min-width:40px;flex-direction:column;align-items:center;gap:3px;}
.keyboard-buttons span kbd,.keyboard-arrows kbd{width:32px;min-width:32px;padding:0;}
.keyboard-buttons span small{font-size:9px;color:var(--ink-faint);white-space:nowrap;}
.detail-hero .hero-bg::after{background:linear-gradient(90deg,rgba(9,9,10,.94) 0%,rgba(9,9,10,.66) 52%,rgba(9,9,10,.2) 100%),linear-gradient(0deg,var(--bg-void) 0%,var(--bg-void) 5%,rgba(9,9,10,.88) 22%,rgba(9,9,10,.36) 52%,rgba(9,9,10,.08) 82%)!important;opacity:1!important;}
.hero-title-img{max-width:min(480px,100%);max-height:175px;margin-bottom:14px;}
.detail-actions .dl-warning{flex:0 0 100%;width:100%;margin-top:4px;}
.card.is-embreve .card-poster img,.card.is-embreve .card-poster .title-logo-thumb img{filter:saturate(1.12) brightness(1.12) contrast(.72)!important;opacity:1!important;}
.card.is-embreve .card-poster::after{content:"";position:absolute;z-index:2;inset:0 0 32px;background:rgba(255,255,255,.48);pointer-events:none;}
.card.is-embreve .card-poster .card-title-strip{z-index:3;color:#fff;}
.card.is-embreve .card-poster .title-fallback{color:#25252a!important;background:linear-gradient(160deg,#fff,#f2f2f5);}
@media(max-width:560px){.keyboard-layout{grid-template-columns:64px auto;gap:6px;}.keyboard-buttons{grid-template-columns:repeat(6,34px);gap:3px;}.keyboard-buttons span{min-width:34px;}.keyboard-buttons span kbd{width:28px;min-width:28px;}.hero-title-img{max-height:140px;margin-bottom:10px;}}


/* Ajustes finais v8 */
.download-control{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;gap:0;min-width:0;}
.download-control .dl-warning{flex:none!important;width:min(340px,82vw);max-width:340px;margin:8px 0 0;order:initial;}
.detail-actions{align-items:flex-start;}
.mobile-gamepad{transform:none!important;}
.keyboard-layout{display:grid!important;grid-template-columns:repeat(3,30px) repeat(var(--pad-keys,6),30px);grid-template-rows:auto auto;gap:4px!important;width:max-content;max-width:100%;margin-inline:auto;align-items:end;justify-content:center;}
.keyboard-layout kbd{box-sizing:border-box!important;width:30px!important;min-width:30px!important;height:24px;padding:0!important;}
.keyboard-arrows{display:contents!important;}
.keyboard-arrows>kbd{grid-column:2;grid-row:1;}
.keyboard-arrows>div{display:contents!important;}
.keyboard-arrows>div>kbd:nth-child(1){grid-column:1;grid-row:2;}
.keyboard-arrows>div>kbd:nth-child(2){grid-column:2;grid-row:2;}
.keyboard-arrows>div>kbd:nth-child(3){grid-column:3;grid-row:2;}
.keyboard-buttons{display:contents!important;}
.keyboard-buttons span{grid-row:1 / span 2;display:grid;grid-template-rows:1fr 24px;align-items:end;justify-items:center;gap:4px!important;min-width:30px!important;}
.emu-controls article.keyboard-controls{overflow:hidden;}
.media-lightbox-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;padding:0!important;overflow:hidden!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important;}
.media-lightbox-box{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;width:100%!important;height:100vh!important;height:100dvh!important;min-height:0!important;max-width:100%!important;max-height:100vh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;}
.media-lightbox-top{box-sizing:border-box;flex:0 0 auto;min-height:64px;}
.media-lightbox-stage{box-sizing:border-box!important;position:relative!important;display:flex!important;flex:1 1 0!important;min-width:0!important;min-height:0!important;width:100%!important;height:auto!important;padding:0!important;overflow:hidden!important;align-items:center!important;justify-content:center!important;}
.media-lightbox-stage img,.media-lightbox-stage video{display:block!important;flex:none!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;}
.crop-window{position:relative!important;max-height:44vh!important;overflow:hidden!important;isolation:isolate;}
.crop-window img#crop-image{position:absolute!important;display:block!important;max-width:none!important;max-height:none!important;object-fit:fill!important;transform:none!important;}
.crop-window::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:0 0 0 999px rgba(0,0,0,.48);border:2px solid var(--yellow);border-radius:8px;}
.crop-window .crop-size{z-index:2;pointer-events:none;}
.buy-preview{height:190px!important;min-height:190px;box-sizing:border-box;padding:24px!important;align-items:stretch!important;}
.buy-preview::before{z-index:0!important;background-image:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.25) 70%,rgba(0,0,0,.42)),var(--preview-bg);background-size:cover;background-position:center;}
.buy-preview::after{inset:50% auto auto 20px!important;transform:translateY(-50%);width:120px!important;height:120px!important;max-width:none!important;border-radius:12px;background-size:cover;background-position:center;z-index:1!important;}
.buy-preview-body{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:12px;margin-left:clamp(110px,18vw,180px);width:min(60%,600px);height:100%;text-shadow:0 1px 4px #000;}
.buy-preview-body strong{font-family:var(--display);font-size:20px;color:var(--yellow);}
@media(max-width:800px){.keyboard-layout{grid-template-columns:repeat(3,28px) repeat(var(--pad-keys,6),28px);}.keyboard-layout kbd{width:28px!important;min-width:28px!important;}.keyboard-buttons span{min-width:28px!important;}.buy-preview::after{width:88px!important;height:88px!important;}}
@media(max-width:560px){.keyboard-layout{grid-template-columns:repeat(3,25px) repeat(var(--pad-keys,6),25px);gap:3px!important;}.keyboard-layout kbd{width:25px!important;min-width:25px!important;height:22px;}.keyboard-buttons span{min-width:25px!important;grid-template-rows:1fr 22px;}.buy-preview{height:160px!important;min-height:160px;padding:16px!important;}.buy-preview::after{left:12px!important;width:68px!important;height:68px!important;}.buy-preview-body{margin-left:85px;width:calc(100% - 95px);}}

.emu-game-frame{display:block;width:100%;height:100%;min-height:0;border:0;background:#303030;}


/* Correções v9 */
.download-control{position:relative!important;z-index:4;flex:0 0 auto;width:max-content;}
.download-control .dl-warning{position:absolute!important;top:calc(100% + 5px);left:0;margin:0!important;width:min(340px,82vw);max-width:340px;z-index:5;}
.detail-actions{align-items:center!important;}
.keyboard-layout{grid-template-columns:repeat(3,34px) repeat(var(--pad-keys,6),34px)!important;gap:6px!important;}
.keyboard-layout kbd{width:30px!important;min-width:30px!important;height:24px!important;}
.keyboard-buttons span{min-width:34px!important;}
.crop-modal{max-width:720px!important;}
.crop-window{position:relative!important;display:block;width:min(100%,650px);max-width:100%;max-height:44vh!important;margin:0 auto 12px;overflow:hidden!important;border:0!important;border-radius:8px!important;background:#09090b;box-shadow:none!important;isolation:isolate;}
.crop-window::after{content:none!important;display:none!important;}
.crop-window img#crop-image{position:absolute!important;inset:0 auto auto 0!important;display:block!important;max-width:none!important;max-height:none!important;width:100%;height:100%;object-fit:fill!important;transform:none!important;}
.crop-selection{position:absolute;z-index:1;border:2px solid var(--yellow);box-shadow:0 0 0 2000px rgba(0,0,0,.48);pointer-events:none;}
.crop-selection-circle{border-radius:50%;}
.crop-size{z-index:2;pointer-events:none;}
@media(max-width:560px){.keyboard-layout{grid-template-columns:repeat(3,29px) repeat(var(--pad-keys,6),29px)!important;gap:5px!important;}.keyboard-layout kbd{width:26px!important;min-width:26px!important;height:22px!important;}.keyboard-buttons span{min-width:29px!important;}}