:root{
  --bg:#0b0b0f; --bg-elev:#12121a; --fg:#f5f5f7; --muted:#b9b9c5;
  --brand:#e50914; --card:#161623; --border:#23233a; --chip:#0f0f17;
  --chip-green:#1f7a3a; --chip-green-border:#2ad067; --chip-green-fg:#d8ffe8;
  --chip-blue:#1d4ed8; --chip-blue-border:#60a5fa; --chip-blue-fg:#eaf2ff;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;color:var(--fg);
  background: radial-gradient(1200px 600px at 20% -10%, rgba(229,9,20,.12), transparent 60%),
              radial-gradient(900px 500px at 80% 10%, rgba(255,255,255,.06), transparent 50%),
              var(--bg);
}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(11,11,15,.9),rgba(11,11,15,.7) 60%,rgba(11,11,15,0));backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid rgba(255,255,255,.04)}
.header-inner{display:flex;align-items:center;gap:16px;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px;color:var(--fg);text-decoration:none}
.logo{width:28px;height:28px;border-radius:6px;box-shadow:var(--shadow)}
.nav{display:flex;gap:16px;margin-left:16px}
.nav a{color:var(--fg);text-decoration:none;opacity:.85}
.nav a:hover{opacity:1}
.hamburger{display:none;margin-left:auto;background:var(--bg-elev);border:1px solid var(--border);color:var(--fg);padding:6px 10px;border-radius:8px}
@media (max-width: 860px){
  .nav{display:none;position:absolute;top:58px;left:0;right:0;background:var(--bg-elev);padding:12px 16px;border-bottom:1px solid var(--border)}
  .nav.open{display:flex;flex-direction:column;gap:10px}
  .hamburger{display:block}
}
.hero{position:relative;padding:46px 0 20px;border-bottom:1px solid rgba(255,255,255,.04)}
.hero::after{content:'';position:absolute;inset:0;background:radial-gradient(900px 300px at 50% -10%, rgba(229,9,20,.18), transparent 60%);pointer-events:none}
.hero h1{margin:0 0 8px;font-size:32px}
.hero p{margin:0 0 16px;color:var(--muted)}
.stats{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.stat{background:var(--bg-elev);border:1px solid var(--border);padding:10px 12px;border-radius:10px;min-width:110px;text-align:center}
.section-header{display:flex;align-items:center;justify-content:space-between;margin:10px 0 12px;gap:12px;flex-wrap:wrap}
.filters label{color:var(--muted);font-size:14px;margin-right:8px}
.filters select{background:var(--bg-elev);border:1px solid var(--border);color:var(--fg);padding:8px;border-radius:8px}
.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
@media (max-width: 1200px){.grid{grid-template-columns:repeat(5,1fr)}}
@media (max-width: 980px){.grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width: 760px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width: 560px){.grid{grid-template-columns:repeat(2,1fr)}}
.card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s ease}
.card:hover{transform:translateY(-2px)}
.card a.cover{display:block;text-decoration:none;color:inherit}
.card img{width:100%;height:210px;object-fit:cover;display:block;background:#0e0e14}
.card .overlay{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.78));padding:10px}
.card .title{font-size:14px;margin:0}
.chip{position:absolute;top:8px;left:8px;background:var(--chip);border:1px solid var(--border);padding:4px 8px;border-radius:999px;font-size:11px;opacity:.95}
.chip-right{left:auto;right:8px}
.chip--dublado{background:var(--chip-green);border-color:var(--chip-green-border);color:var(--chip-green-fg)}
.chip--trad{background:var(--chip-blue);border-color:var(--chip-blue-border);color:var(--chip-blue-fg);position:absolute;top:34px;right:8px}
.pagination{display:flex;gap:10px;align-items:center;justify-content:center;margin:18px 0}
.pagination button{background:var(--bg-elev);border:1px solid var(--border);color:var(--fg);padding:8px 12px;border-radius:8px;cursor:pointer}
.game-article{display:grid;grid-template-columns: 1.2fr 1fr 300px;gap:24px;margin-top:14px}
@media (max-width:1100px){.game-article{grid-template-columns:1fr} .sidebar{order:2}}
.game-media{position:relative;background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.game-media img{width:100%;height:360px;object-fit:cover}
.chips{position:absolute;top:8px;left:8px;display:flex;gap:8px;flex-wrap:wrap}
.game-info{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:16px}
.game-desc{color:var(--muted)}
.meta{list-style:none;padding:0;margin:12px 0;display:grid;gap:6px}
.sidebar{position:sticky;top:84px;background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:12px;height:max-content}
.recent-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.recent-list li{display:grid;grid-template-columns:60px 1fr;gap:8px;align-items:center}
.recent-list img{width:60px;height:60px;object-fit:cover;border-radius:8px;background:#0e0e14}
.static-view{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:16px;margin-top:14px}
.pedido-form{display:grid;gap:8px;max-width:520px}
.pedido-form input,.pedido-form textarea{background:var(--bg);border:1px solid var(--border);color:var(--fg);padding:8px;border-radius:8px}
.emu-bar{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
#emuCanvas{width:100%;max-width:640px;height:auto;border:1px solid var(--border);border-radius:8px;background:#000;box-shadow:var(--shadow)}
.notice{background:#1a1a22;border:1px solid var(--border);padding:8px 10px;border-radius:8px;color:var(--muted);margin-bottom:10px}
.ok{color:#60d394}
.site-footer{margin-top:28px;border-top:1px solid rgba(255,255,255,.06);background:#0e0e14}
.footer-inner{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 0}
.footer-inner a{color:var(--muted)}