:root{--bg:#070a12;--panel:#0e1424;--neon:#b6ff2e;--pink:#ff2e88;--orange:#ff7a1a;--cyan:#2ee6ff;--txt:#eef2ff;--mut:#9aa3b8}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font-family:'Space Grotesk',system-ui,sans-serif;overflow-x:hidden}
#jungle-canvas{position:fixed;inset:0;z-index:-2;width:100%;height:100%}
.grid-overlay{position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(182,255,46,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(182,255,46,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 90%);opacity:.6}
h1,h2,h3,.brand span{font-family:'Bungee',cursive}
a{color:var(--neon)}
.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 22px;background:rgba(7,10,18,.82);backdrop-filter:blur(12px);border-bottom:1px solid #1d2640;flex-wrap:wrap;gap:10px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-size:1.2rem}
.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--neon)}
.dotcom{color:var(--neon)}
.nav nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.nav nav a{text-decoration:none;color:var(--txt);font-weight:700;font-size:.92rem}
.btn{display:inline-block;padding:12px 22px;border-radius:999px;font-weight:800;text-decoration:none;border:2px solid transparent;transition:.2s;cursor:pointer}
.btn.small{padding:8px 14px;font-size:.85rem}
.btn.primary{background:var(--neon);color:#0a0f00;box-shadow:0 0 22px rgba(182,255,46,.5)}
.btn.primary:hover{transform:translateY(-2px) scale(1.02)}
.btn.ghost{border-color:#2a3658;color:#fff;background:#121a30}
.btn.amazon{background:var(--orange);color:#1a0d00}
.btn.amazon:hover{filter:brightness(1.1)}
main{max-width:1080px;margin:0 auto;padding:0 20px 40px}
.hero{text-align:center;padding:70px 10px 30px}
.hero-badge{display:inline-block;background:#141d36;border:1px solid var(--neon);color:var(--neon);padding:8px 16px;border-radius:999px;font-weight:800;letter-spacing:1px;font-size:.8rem;margin-bottom:18px}
.hero h1{font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.02;margin:0}
.neon{color:var(--neon);text-shadow:0 0 24px rgba(182,255,46,.7)}
.sub{color:var(--mut);max-width:640px;margin:18px auto;font-size:1.1rem}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:22px 0}
.tiktok-pill{background:#111a30;border:1px dashed var(--pink);padding:12px 18px;border-radius:14px;display:inline-block;margin-top:6px}
.stats{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.stats div{background:var(--panel);border:1px solid #202c52;padding:14px 26px;border-radius:14px;min-width:130px}
.stats strong{display:block;font-size:1.5rem;color:var(--neon)}
.stats span{color:var(--mut);font-size:.85rem}
.card{background:rgba(14,20,36,.92);border:1px solid #223058;border-radius:20px;padding:28px;margin:26px 0}
.live{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;border-color:var(--pink)}
.live h2{color:#ff7ab0;margin-top:0}
.live-right{position:relative;text-align:center}
.live-right img{width:100%;max-width:280px;border-radius:18px;border:3px solid var(--pink)}
.live-tag{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#ff2e5e;color:#fff;font-weight:800;font-size:.75rem;padding:6px 12px;border-radius:999px;white-space:nowrap}
.section-title{font-size:2rem;margin:40px 0 6px;text-align:center;color:var(--neon)}
.section-sub{text-align:center;color:var(--mut);margin-bottom:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}
.review-card{background:var(--panel);border:1px solid #243258;border-radius:18px;padding:22px;transition:.2s}
.review-card:hover{transform:translateY(-4px);border-color:var(--neon)}
.review-card.featured{border:2px solid var(--neon);grid-column:1/-1;background:linear-gradient(180deg,#131b32,#0e1424)}
.tag{display:inline-block;font-size:.75rem;font-weight:800;background:var(--pink);color:#fff;padding:6px 12px;border-radius:999px;margin-bottom:10px}
.tag.orange{background:var(--orange);color:#1c0d00}.tag.green{background:var(--neon);color:#0c1200}
.score{color:var(--cyan);font-weight:800}
.newsletter{text-align:center;border-color:var(--neon)}
.newsletter form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.newsletter input{padding:12px 16px;border-radius:999px;border:1px solid #2b3a66;background:#0a0f1f;color:#fff;min-width:240px}
.form-msg{width:100%;color:var(--neon);font-weight:700}
.troop-banner{margin:16px 0;padding:14px 18px;border-radius:12px;background:#0c1a08;border:2px solid var(--neon);font-weight:700}
.troop-banner.bad{background:#1c0a14;border-color:var(--pink)}
.troop-banner[hidden]{display:none}
.hp-trap{position:absolute;left:-9999px;top:auto;width:1px;height:1px;opacity:0;border:0;padding:0}
#nl-form{position:relative}
footer{text-align:center;color:var(--mut);padding:30px 10px;font-size:.9rem}
.disclosure{font-size:.8rem;max-width:700px;margin:10px auto}
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.proscons div{background:#0a1022;padding:16px;border-radius:12px;border:1px solid #223058}
.article-hero img{width:140px;border-radius:50%;border:3px solid var(--neon)}
.breadcrumb{color:var(--mut);margin:18px 0}.breadcrumb a{color:var(--mut)}
.verdict{background:#0c1a08;border:2px solid var(--neon);padding:18px;border-radius:14px;margin:20px 0;font-size:1.1rem}
.card,.review-card{min-width:0;overflow:hidden}
img,figure{max-width:100%}
figure{margin-left:0;margin-right:0;padding:0}
.shot{margin:18px 0;max-width:100%;overflow:hidden;border-radius:14px}.shot img{width:100%;max-width:100%;height:auto;border-radius:14px;border:1px solid #2a3a66;display:block;object-fit:cover}
.shot figcaption{color:var(--mut);font-size:.82rem;margin-top:8px;overflow-wrap:anywhere}
.thumb{display:block;max-width:100%;overflow:hidden;border-radius:12px}.thumb img{width:100%;max-width:100%;height:180px;object-fit:cover;border-radius:12px;border:1px solid #2a3a66;display:block;margin-bottom:12px}
@media(max-width:760px){.live{grid-template-columns:1fr}.proscons{grid-template-columns:1fr}}

.category-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.category-chip{display:inline-block;padding:5px 12px;border-radius:999px;border:1px solid var(--neon);color:var(--neon);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;background:rgba(182,255,46,.06)}
.category-chip:hover{background:rgba(182,255,46,.18)}
.category-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0 24px}
.category-filter .category-chip{cursor:pointer;border-color:#2a3658;color:var(--txt);background:#121a30}
.category-filter .category-chip.active,.category-filter .category-chip[aria-selected="true"]{border-color:var(--neon);color:#0a0f00;background:var(--neon)}
.pagination{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin:28px 0 10px}
.pagination a,.pagination span{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid #2a3658;background:#121a30;color:var(--txt);text-decoration:none;font-weight:700;font-size:.9rem}
.pagination a:hover{border-color:var(--neon);color:var(--neon)}
.pagination .disabled{opacity:.4;pointer-events:none}
.pagination .current{border-color:var(--neon);color:var(--neon)}
.reviews-index-hero{text-align:center;padding:40px 10px 10px}
.reviews-index-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 10px;color:var(--neon)}
.review-card[hidden]{display:none !important}