:root{--bg:#1a1a1a;--card:#2a2a2a;--muted:#9ca3af;--accent:#9ca3af;--accent2:#6b7280;--danger:#ef4444}
body{margin:0;background:linear-gradient(180deg,var(--bg),#0f0f0f);color:#e5e7eb;font-family:Inter,system-ui,Roboto,Arial,sans-serif;line-height:1.6}
.container{max-width:980px;margin:28px auto;padding:22px}
.logo{width:72px;height:72px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-weight:800;color:#1a1a1a;font-size:20px}
header{display:flex;align-items:center;gap:16px;margin-bottom:18px}
h1{margin:0;font-size:28px;display:flex;align-items:center;gap:10px}
h2{color:var(--accent)}
h3{color:#d1d5db;margin-top:14px}
.rating{background:#1f1f1f;padding:6px 10px;border-radius:8px;display:inline-block;margin-top:6px;font-size:15px;color:var(--accent)}
.rating a{color:#d1d5db;text-decoration:none}
.card{background:var(--card);border-radius:14px;padding:18px;margin-top:16px;box-shadow:0 10px 22px rgba(0,0,0,0.55)}
.hero-img{width:100%;border-radius:14px;margin-top:16px;object-fit:cover;max-height:480px}
.screenshots{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:10px}
.screenshots img{max-width:100%;border-radius:10px;object-fit:cover;box-shadow:0 6px 18px rgba(0,0,0,0.4);transition:.25s}
.screenshots img:hover{transform:scale(1.03)}
.video-embed iframe{width:100%;height:420px;border:0;border-radius:10px}
.video-thumbnails{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.video-thumbnails img{border-radius:8px;width:150px;height:84px;object-fit:cover;cursor:pointer;transition:.25s}
.video-thumbnails img:hover{transform:scale(1.05)}
.play-btn{background:linear-gradient(180deg,var(--accent),var(--accent2));color:#1a1a1a;font-weight:800;border:none;padding:14px 22px;border-radius:12px;cursor:pointer;font-size:16px;transition:.25s;display:block;margin:8px auto 0 auto}
.play-btn:hover{filter:brightness(1.15)}
.play-btn.sticky{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.5);width:200px}
.info-box{margin-top:14px;background:#1f1f1f;border:1px solid #3f3f3f;padding:10px 12px;border-radius:10px;font-size:14px}
.info-box strong{color:#d1d5db}
.warning-box{margin-top:8px;background:#2a1a1a;border:1px solid #4a3333;padding:10px 12px;border-radius:10px;font-size:14px;color:#fca5a5}
.reputation{display:inline-block;margin-left:8px;padding:4px 8px;border-radius:6px;font-size:13px;font-weight:600}
.reputation.positive{background:#1f2a1f;color:#86efac}
.reputation.mixed{background:#2a251f;color:#fcd34d}
.reputation.new{background:#1f252a;color:#93c5fd}
.reputation.unknown{background:#251f2a;color:#d8b4fe}
ul{padding-left:18px}
table{width:100%;border-collapse:collapse;margin-top:12px}
table th,table td{border:1px solid #3f3f3f;padding:10px;text-align:left;font-size:15px}
table th{background:#1f1f1f;color:#d1d5db}
table tr:nth-child(even){background:#252525}
.rtp-table th{background:#6b7280}
.analysis-box{background:#1f1f1f;border-left:4px solid var(--accent);padding:12px;margin-top:12px;border-radius:8px;font-size:14px;line-height:1.7}
.red-flags-list{list-style:none;padding-left:0}
.red-flags-list li{padding:8px;margin:6px 0;background:#2a1a1a;border-left:3px solid var(--danger);padding-left:12px;border-radius:4px;font-size:14px}
.bonus-math{background:#1f1f1f;border:1px solid #3f3f3f;padding:12px;border-radius:10px;margin-top:8px;font-size:14px}
.bonus-math strong{color:#d1d5db}
.advantages-list{list-style:none;padding-left:0;margin-top:12px}
.advantages-list li{padding:10px;margin:8px 0;background:#1f1f1f;border-left:3px solid var(--accent);padding-left:14px;border-radius:6px;font-size:14px;line-height:1.6}
.advantages-list li:before{content:'✓';color:var(--accent);font-weight:bold;margin-right:8px;font-size:16px}
.human-commentary{background:#1f1f1f;border-left:4px solid #9ca3af;padding:14px;margin-top:14px;border-radius:8px;font-size:14px;line-height:1.7;color:#d1d5db}
.human-commentary h2,.human-commentary h3{color:#9ca3af;margin-top:8px}
.human-commentary ul{margin:10px 0}
.human-commentary ul li{margin:6px 0}
.nav-links{display:flex;justify-content:space-between;margin-top:28px}
footer{margin-top:28px;color:var(--muted);font-size:13px;text-align:center;line-height:1.5}
footer a{color:#d1d5db;text-decoration:none}
.affiliate-notice{margin-top:20px;background:#1f1f1f;border:1px dashed #3f3f3f;padding:10px 12px;border-radius:10px;font-size:13px;font-style:italic;color:#9ca3af}
.video-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #3f3f3f;background:#1f1f1f;color:#d1d5db;cursor:pointer;transition:.2s}
.video-icon:hover{background:#2a2a2a;color:#e5e7eb}
.video-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:1000}
.video-modal-backdrop.open{display:flex}
.video-modal{background:var(--card);border:1px solid #3f3f3f;border-radius:14px;box-shadow:0 10px 22px rgba(0,0,0,.55);max-width:min(900px,96vw);width:96vw;padding:12px}
.video-modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.video-modal h3{margin:0;font-size:18px;color:#d1d5db}
.video-modal button.close{background:transparent;border:0;color:#9ca3af;cursor:pointer;font-size:22px;line-height:1}
.video-modal video{width:100%;height:auto;border-radius:10px;background:#000}
#payoutChart{max-width:100%;height:auto}