:root{ --bg:#0A0A0B; --surface:#161618; --surface-2:#1F1F23; --border:#27272A; --border-2:#323237; --text:#FAFAFA; --muted:#A1A1AA; --muted-2:#71717A; --red:#EF4444; --red-dark:#DC2626; --green:#22C55E; --radius:14px; --radius-sm:10px; --max:1180px; --shadow:0 4px 20px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{ margin:0;background:var(--bg);color:var(--text); font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; line-height:1.6;font-size:15px;overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
a:hover{color:#fff}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 18px} .site-header{position:sticky;top:0;z-index:60;background:rgba(10,10,11,.9); backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;gap:28px;height:64px}
.logo{display:flex;align-items:center;flex-shrink:0}
.logo img{height:26px;width:auto}
.nav-links{display:flex;gap:26px;font-size:15px;font-weight:500}
.nav-links a{color:var(--muted);white-space:nowrap;transition:color .15s}
.nav-links a:hover{color:#fff}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px} .search-wrap{position:relative}
.search{display:flex;align-items:center;gap:8px;background:var(--surface-2); border:1px solid var(--border);border-radius:999px;padding:8px 14px;min-width:0;transition:border-color .2s}
.search:focus-within{border-color:var(--border-2)}
.search-ico{color:var(--muted-2);flex-shrink:0}
.search input{background:none;border:0;outline:0;color:var(--text);font-size:13px;width:160px;min-width:0}
.search input::placeholder{color:var(--muted-2)}
.search-res{position:absolute;top:calc(100% + 8px);right:0;width:290px;max-width:80vw; background:var(--surface);border:1px solid var(--border-2);border-radius:12px;overflow:hidden; box-shadow:var(--shadow);z-index:80}
.search-res a{display:flex;flex-direction:column;gap:2px;padding:11px 15px;border-bottom:1px solid var(--border)}
.search-res a:last-child{border-bottom:0}
.search-res a:hover{background:var(--surface-2)}
.search-res b{font-size:13.5px;color:#fff}
.search-res span{font-size:11.5px;color:var(--muted-2)}
.busca-vazio{padding:12px 15px;font-size:13px;color:var(--muted-2)} .menu-toggle{display:none;background:none;border:0;color:var(--muted);cursor:pointer;padding:4px;line-height:0}
.menu-toggle:hover{color:#fff} .btn-red{background:var(--red);color:#fff;font-weight:700;font-size:13px; padding:9px 18px;border-radius:999px;border:0;cursor:pointer;white-space:nowrap;transition:background .2s}
.btn-red:hover{background:var(--red-dark);color:#fff} .home-top{padding-top:26px}
.home-h1{font-size:28px;font-weight:800;letter-spacing:-.01em;margin:6px 0 8px;line-height:1.15}
@media(min-width:560px){.home-h1{font-size:32px}} .home-cats-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px} @media(max-width:720px){ .home-cats-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px; scrollbar-width:none;-webkit-overflow-scrolling:touch} .home-cats-bar::-webkit-scrollbar{display:none} .home-cats-bar .cat{font-size:12px;padding:6px 11px;white-space:nowrap;flex-shrink:0} .home-cats-bar .cat span{font-size:10px;padding:1px 6px}
} .home-bottom{display:grid;grid-template-columns:1fr;gap:0;align-items:start} .home-ad-side{display:none}
.home-news{margin:0} .home-2col-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.sec-link{font-size:13px;color:var(--red);font-weight:600}
.sec-link:hover{color:#fff}
.home-news-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:560px){.home-news-grid{grid-template-columns:1fr}} .home-ad-side{display:none;order:-1}
@media(min-width:900px){.home-ad-side{display:flex;flex-direction:column;gap:12px;padding-top:52px}}
.ad-side{min-height:600px;height:600px;max-height:600px;flex-direction:column; gap:4px;font-size:11px;color:var(--muted-2);writing-mode:initial;width:160px} .ad-banner{min-height:90px;margin:20px 0 4px;border-radius:10px} .analises-top{display:grid;gap:20px}
@media(min-width:700px){.analises-top{grid-template-columns:repeat(2,1fr)}}
.card-analise{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border); border-radius:var(--radius);overflow:hidden;transition:transform .12s,border-color .2s}
.card-analise:hover{transform:translateY(-3px);border-color:var(--border-2)}
.ca-img{aspect-ratio:16/9;overflow:hidden;background:var(--surface-2)}
.ca-img img{width:100%;height:100%;object-fit:cover;display:block}
.ca-body{padding:16px;display:flex;flex-direction:column;gap:8px}
.ca-body .score{align-self:flex-start}
.ca-body h3{font-size:17px;font-weight:700;margin:0;line-height:1.3;color:#fff}
.ca-body p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.55}
.ca-meta{font-size:12px;color:var(--muted-2);margin-top:4px} .sec-head{display:flex;align-items:center;justify-content:space-between;margin:6px 0 16px}
.sec-head h2{font-size:20px;margin:0;font-weight:800;letter-spacing:-.01em}
.sec-head .ver{font-size:13px;color:var(--muted);font-weight:600}
.sec-head .ver:hover{color:var(--red)} .hero-card{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border); min-height:340px;display:flex;align-items:flex-end;box-shadow:var(--shadow)}
.hero-card .bg{position:absolute;inset:0;z-index:0}
.hero-card .grad{position:absolute;inset:0;z-index:1; background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.1) 100%)}
.hero-card .body{position:relative;z-index:2;padding:26px;width:100%}
.hero-card .tag{display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:700; padding:3px 9px;border-radius:6px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.4px}
.hero-card h1{font-size:30px;line-height:1.15;margin:0 0 12px;font-weight:800;max-width:680px}
.hero-card .meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)} .score{display:inline-flex;align-items:center;justify-content:center;background:var(--green); color:#04210f;font-weight:800;border-radius:8px;padding:3px 8px;font-size:13px;min-width:34px}
.score.s-mid{background:#84CC16;color:#1a2e05}
.score.s-low{background:#F59E0B;color:#2a1a04} .cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:560px){.cards-grid{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius); overflow:hidden;display:flex;flex-direction:column;transition:transform .12s,border-color .2s}
.card:hover{transform:translateY(-3px);border-color:var(--border-2)}
.card .thumb{aspect-ratio:16/7;position:relative;overflow:hidden;background:var(--surface-2)}
.card .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card .thumb .tag{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.7);color:#fff; font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.4px}
.card .thumb .tag.red{background:var(--red)}
.card .thumb .score{position:absolute;top:10px;right:10px}
.card .c-body{padding:13px 14px 15px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h3{font-size:15.5px;line-height:1.3;margin:0;font-weight:700}
.card:hover h3{color:#fff}
.card .meta{margin-top:auto;display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted-2)}
.card .meta .dot{width:3px;height:3px;border-radius:50%;background:var(--muted-2)} .g1{background:linear-gradient(135deg,#3b0764,#1e3a8a)}
.g2{background:linear-gradient(135deg,#7f1d1d,#b45309)}
.g3{background:linear-gradient(135deg,#064e3b,#0e7490)}
.g4{background:linear-gradient(135deg,#831843,#6d28d9)}
.g5{background:linear-gradient(135deg,#78350f,#b91c1c)}
.g6{background:linear-gradient(135deg,#1e293b,#0f766e)}
.g7{background:linear-gradient(135deg,#4c1d95,#be185d)}
.g8{background:linear-gradient(135deg,#155e75,#1d4ed8)} .aside{display:flex;flex-direction:column;gap:20px}
.box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}
.box h3{margin:0 0 14px;font-size:15px;font-weight:800;letter-spacing:-.01em} .tagcloud{display:flex;flex-wrap:wrap;gap:8px}
.tagcloud a{background:var(--surface-2);border:1px solid var(--border);color:var(--muted); font-size:12px;font-weight:600;padding:5px 11px;border-radius:7px}
.tagcloud a:hover{border-color:var(--red);color:#fff} .guias{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius); padding:16px 18px;margin:6px 0 30px}
.guias .sec-head{margin-bottom:8px}
.guias .chip{display:inline-flex;align-items:center;gap:6px;background:var(--red);color:#fff; font-size:12px;font-weight:700;padding:4px 11px;border-radius:7px}
.guias ul{list-style:none;margin:8px 0 0;padding:0}
.guias li a{display:flex;align-items:center;gap:12px;padding:11px 6px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px}
.guias li:last-child a{border-bottom:0}
.guias li a:hover{color:var(--red)}
.guias li .ico{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.guias li .arrow{margin-left:auto;color:var(--muted-2)} .breadcrumb{font-size:13px;color:var(--muted-2);padding:18px 0 0}
.breadcrumb a{color:var(--muted-2)}.breadcrumb a:hover{color:var(--red)} .page{padding:8px 0 30px} .page-codigos{max-width:840px;margin-inline:auto}
.page h1{font-size:28px;line-height:1.2;margin:.4em 0 .3em;font-weight:800}
.updated{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--green); background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);padding:4px 11px;border-radius:999px}
.capa{height:230px;border-radius:var(--radius);margin:16px 0;display:flex;align-items:flex-end; color:#fff;font-weight:800;font-size:24px;border:1px solid var(--border); background-color:#1e1b4b;background-size:cover;background-position:center;position:relative;overflow:hidden}
.capa::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.05) 62%)}
.capa .capa-t{position:relative;z-index:1;padding:18px;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.intro{color:var(--muted);font-size:16px}
.prosa,.article{color:#d4d4d8;font-size:16px;line-height:1.75}
.prosa h2,.article h2{color:#fff;font-size:21px;margin:1.4em 0 .5em}
.article p,.prosa p{margin:0 0 1em}
.article a,.prosa a{color:var(--red);font-weight:600} section.block{margin:26px 0}
section.block.bloco-expirados{margin-top:52px;padding-top:22px;border-top:1px solid var(--border)}
h2.title{font-size:21px;margin:0 0 14px;display:flex;align-items:center;gap:9px;font-weight:800}
.pill{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px}
.pill-ativo{background:rgba(34,197,94,.14);color:#4ade80;border:1px solid rgba(34,197,94,.3)}
.pill-exp{background:var(--surface-2);color:var(--muted-2);border:1px solid var(--border)} .codigos{display:grid;gap:11px}
.codigo{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm); padding:13px 15px;display:flex;align-items:center;gap:12px}
.codigo .info{flex:1;min-width:0}
.codigo .cod{font-family:ui-monospace,Consolas,monospace;font-weight:700;font-size:15.5px; display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#fff}
.codigo .recompensa{color:var(--muted);font-size:13.5px;margin-top:2px}
.tag-novo{background:var(--red);color:#fff;font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:999px;letter-spacing:.4px}
.tag-exp{background:rgba(239,68,68,.16);color:#f87171;border:1px solid rgba(239,68,68,.5);font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;letter-spacing:.5px;text-decoration:none;display:inline-block}
.btn-copiar{flex-shrink:0;border:0;cursor:pointer;background:var(--red);color:#fff;font-weight:700; padding:10px 16px;border-radius:9px;font-size:13.5px;transition:transform .05s,background .2s}
.btn-copiar:hover{background:var(--red-dark);color:#fff}
.btn-copiar:active{transform:scale(.96)}
.btn-copiar.ok{background:var(--green);color:#04210f}
.codigo.exp{background:var(--surface);border-color:var(--border)}
.codigo.exp .cod{text-decoration:line-through;color:#52525b}
.codigo.exp .recompensa{color:#52525b}
.codigo.exp .btn-copiar{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.4);cursor:not-allowed} .tutorial-img{width:100%;border-radius:var(--radius);border:1px solid var(--border);margin:0 0 16px;display:block;object-fit:cover;max-height:340px} .passos{list-style:none;counter-reset:p;padding:0;margin:0;display:grid;gap:9px}
.passos li{counter-increment:p;background:var(--surface);border:1px solid var(--border); border-radius:var(--radius-sm);padding:12px 14px 12px 48px;position:relative;color:#d4d4d8}
.passos li::before{content:counter(p);position:absolute;left:12px;top:50%;transform:translateY(-50%); width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font-weight:700; display:flex;align-items:center;justify-content:center;font-size:13px} .faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 15px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:600;padding:13px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--red);font-weight:800;font-size:20px}
.faq details[open] summary::after{content:"\2013"}
.faq details p{margin:0 0 14px;color:var(--muted)} .jogos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:640px){.jogos-grid{grid-template-columns:repeat(4,1fr)}}
.cardjogo{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .12s,border-color .2s}
.cardjogo:hover{transform:translateY(-2px);border-color:var(--border-2)}
.cardjogo .thumb{aspect-ratio:16/10;background:var(--surface-2);overflow:hidden}
.cardjogo .thumb img{width:100%;height:100%;object-fit:cover;display:block} .thumb-fallback{display:flex;align-items:center;justify-content:center; background:linear-gradient(135deg,#3b0764,#1e3a8a)}
.thumb-fallback::after{content:attr(data-emoji);font-size:46px;line-height:1} .capa-jogo{background-color:#1e1b4b}
.cardjogo .nome{padding:10px 12px;font-weight:700;font-size:13.5px}
.cardjogo .nome small{display:block;color:var(--muted-2);font-weight:500;font-size:11.5px;margin-top:2px} .cats{display:flex;flex-wrap:wrap;gap:9px}
.cat{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border); border-radius:999px;padding:8px 15px;font-weight:600;font-size:13.5px}
.cat:hover{border-color:var(--red);color:#fff}
.cat span{background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px} .ad{display:none !important}
.ad--legacy{margin:22px 0;min-height:100px;border:1px dashed var(--border-2);border-radius:var(--radius); display:flex;align-items:center;justify-content:center;color:var(--muted-2);font-size:12px;background:var(--surface)}
.ad-banner{min-height:90px;margin:20px 0 4px;border-radius:10px} .site-footer{margin-top:48px;border-top:1px solid var(--border);background:#070708}
.site-footer .wrap{padding:42px 18px 36px;display:grid;grid-template-columns:1fr;gap:32px}
@media(min-width:760px){.site-footer .wrap{grid-template-columns:2fr 1fr 1fr;gap:40px}}
.site-footer .about p{color:var(--muted);font-size:13.5px;margin:14px 0 18px;max-width:320px;line-height:1.65}
.site-footer .socials{display:flex;gap:8px}
.site-footer .socials a{ width:36px;height:36px;border-radius:9px; background:var(--surface);border:1px solid var(--border); display:flex;align-items:center;justify-content:center; color:var(--muted);transition:background .2s,border-color .2s,color .2s}
.site-footer .socials a:hover{background:var(--surface-2);border-color:var(--red);color:#fff}
.site-footer .col{padding-top:2px}
.site-footer .col h4{font-size:11.5px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted-2);margin:0 0 14px;font-weight:700}
.site-footer .col a{display:block;color:var(--muted);font-size:13.5px;padding:5px 0;transition:color .15s}
.site-footer .col a:hover{color:var(--red)}
.foot-base{border-top:1px solid var(--border);color:var(--muted-2);font-size:12px;text-align:center;padding:18px;line-height:1.6} .toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px); background:var(--red);color:#fff;padding:11px 18px;border-radius:999px;font-size:14px;font-weight:600; opacity:0;pointer-events:none;transition:.25s;z-index:100;box-shadow:var(--shadow)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)} @media(max-width:880px){ .nav-links{display:none} .menu-toggle{display:block} .nav{gap:12px} .nav-right{margin-left:auto} .search-wrap{flex:1;max-width:240px} .search{width:100%} .search input{width:100%;min-width:0}
}
@media(max-width:480px){ .search-wrap{max-width:180px} .search-res{right:auto;left:0;width:calc(100vw - 36px)}
} .mobile-menu{ display:none;position:fixed; top:0;left:0;right:0;bottom:0; z-index:200; background:#0A0A0B; flex-direction:column;align-items:flex-start; padding:72px 28px 32px; overflow-y:auto;
}
.mobile-menu.open{display:flex !important}
.mobile-menu a{ display:block;font-size:22px;font-weight:700; color:var(--muted);padding:16px 0; border-bottom:1px solid var(--border);width:100%; transition:color .15s;
}
.mobile-menu a:first-child{border-top:1px solid var(--border)}
.mobile-menu a:hover,
.mobile-menu a:active{color:#fff}
.mobile-menu .close-btn{ position:absolute;top:14px;right:16px; background:none;border:0;color:var(--muted);cursor:pointer; line-height:0;padding:8px;z-index:201;
}
.mobile-menu .close-btn:hover{color:#fff}
body.menu-open{overflow:hidden} body{overflow-x:hidden}
.wrap{box-sizing:border-box}
@media(min-width:560px){.hero-card h1{font-size:34px}}