:root{--bg:#f8fafc;--card:#ffffff;--muted:#64748b;--accent:#d97706;--accent2:#ea580c;--danger:#dc2626}
body{margin:0;background:linear-gradient(180deg,var(--bg),#e2e8f0);color:#1e293b;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:#ffffff;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:#b45309;margin-top:14px}
.rating{background:#f1f5f9;padding:6px 10px;border-radius:8px;display:inline-block;margin-top:6px;font-size:15px;color:var(--accent)}
.rating a{color:#b45309;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.08);border:1px solid #e2e8f0}
.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.12);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:#ffffff;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.08)}
.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.15);width:200px}
.info-box{margin-top:14px;background:#f1f5f9;border:1px solid #cbd5e1;padding:10px 12px;border-radius:10px;font-size:14px}
.info-box strong{color:#b45309}
.warning-box{margin-top:8px;background:#fef2f2;border:1px solid #fecaca;padding:10px 12px;border-radius:10px;font-size:14px;color:#991b1b}
.reputation{display:inline-block;margin-left:8px;padding:4px 8px;border-radius:6px;font-size:13px;font-weight:600}
.reputation.positive{background:#dcfce7;color:#166534}
.reputation.mixed{background:#fef3c7;color:#92400e}
.reputation.new{background:#dbeafe;color:#1e40af}
.reputation.unknown{background:#f3e8ff;color:#6b21a8}
ul{padding-left:18px}
table{width:100%;border-collapse:collapse;margin-top:12px}
table th,table td{border:1px solid #cbd5e1;padding:10px;text-align:left;font-size:15px}
table th{background:#f1f5f9;color:#b45309}
table tr:nth-child(even){background:#f8fafc}
.rtp-table th{background:#9333ea}
.analysis-box{background:#f1f5f9;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:#fef2f2;border-left:3px solid var(--danger);padding-left:12px;border-radius:4px;font-size:14px}
.bonus-math{background:#f1f5f9;border:1px solid #cbd5e1;padding:12px;border-radius:10px;margin-top:8px;font-size:14px}
.bonus-math strong{color:#b45309}
.advantages-list{list-style:none;padding-left:0;margin-top:12px}
.advantages-list li{padding:10px;margin:8px 0;background:#f1f5f9;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:#f1f5f9;border-left:4px solid #3b82f6;padding:14px;margin-top:14px;border-radius:8px;font-size:14px;line-height:1.7;color:#334155}
.human-commentary h2,.human-commentary h3{color:#3b82f6;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:#b45309;text-decoration:none}
.affiliate-notice{margin-top:20px;background:#f1f5f9;border:1px dashed #cbd5e1;padding:10px 12px;border-radius:10px;font-size:13px;font-style:italic;color:#475569}
.video-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #cbd5e1;background:#f1f5f9;color:#b45309;cursor:pointer;transition:.2s}
.video-icon:hover{background:#e2e8f0;color:#92400e}
.video-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);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 #cbd5e1;border-radius:14px;box-shadow:0 10px 22px rgba(0,0,0,0.15);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:#b45309}
.video-modal button.close{background:transparent;border:0;color:#64748b;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}