:root{--bg:#071522;--bg2:#0c2235;--card:#102b43;--card2:#0b2237;--line:#274b68;--text:#f7fbff;--muted:#a9bed0;--gold:#ffbd3a;--gold2:#e59a0d;--green:#18c66b;--green2:#0ca75a;--max:1180px;--radius:16px;--shadow:0 16px 46px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#071522,#091b2a 48%,#071522);color:var(--muted);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.68}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 32px));margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(7,21,34,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(9px)}
header .nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{width:42px;height:42px;object-fit:contain;flex:0 0 42px}.brand span{font-size:20px;line-height:1.1;font-weight:900;color:#fff;white-space:nowrap}header nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:800}header nav a{color:#d9e6ef;padding:8px 0;white-space:nowrap}header nav a:hover{color:var(--gold)}
.breadcrumbs{padding:14px 0;font-size:13px;color:#c8d7e4}.breadcrumbs a{color:#fff}
.hero{padding:48px 0 34px;background:radial-gradient(circle at 82% 16%,rgba(25,198,107,.15),transparent 32%)}.eyebrow{display:inline-block;color:var(--gold);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hero h1{color:#fff;font-size:clamp(38px,6vw,66px);line-height:1.06;letter-spacing:-.04em;margin:9px 0 15px;max-width:1050px}.hero-copy{font-size:18px;max-width:920px}.author{font-size:14px;margin-top:18px}.intro-toggle{margin-top:15px;border:0;border-radius:11px;background:var(--gold);color:#091522;padding:12px 18px;font-weight:900;cursor:pointer}.intro{display:none;max-width:1000px;margin-top:18px}.intro.open{display:block}
.section{padding:42px 0}.section.alt{background:rgba(255,255,255,.018)}h2,h3{color:#fff;line-height:1.2}h2{font-size:clamp(27px,4vw,40px);margin:0 0 18px}h3{font-size:21px;margin:1.5rem 0 .55rem}.lead{font-size:17px;max-width:980px}
.casino-list{display:grid;gap:14px}.casino-card{display:grid;grid-template-columns:48px 96px minmax(150px,.9fr) minmax(220px,1.25fr) 95px minmax(180px,1fr) 138px;gap:14px;align-items:center;background:linear-gradient(110deg,var(--card),var(--card2));border:1px solid rgba(255,189,58,.55);border-radius:16px;padding:15px 16px;box-shadow:0 10px 26px rgba(0,0,0,.12)}.rank{width:42px;height:42px;border-radius:11px;background:var(--gold);color:#151006;display:grid;place-items:center;font-weight:950}.casino-logo{width:92px;height:58px;border-radius:10px;border:1px solid var(--line);background:#06111d;display:flex;align-items:center;justify-content:center;padding:7px}.casino-logo img{max-width:100%;max-height:100%;object-fit:contain}.casino-name{min-width:0}.casino-name strong{display:block;color:#fff;font-weight:900;font-size:17px}.casino-name small,.bonus small,.payments small{display:block;color:#7f99ae;text-transform:uppercase;font-weight:800;font-size:10px;letter-spacing:.04em}.bonus strong{display:block;color:var(--gold);font-size:15px;line-height:1.35}.score{color:var(--gold);font-weight:950;white-space:nowrap}.payments{font-size:13px;line-height:1.5}.visit{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;background:linear-gradient(180deg,var(--green),var(--green2));color:#fff;font-weight:900;text-align:center;padding:10px 14px;box-shadow:0 8px 18px rgba(24,198,107,.18)}.visit:hover{filter:brightness(1.06);transform:translateY(-1px)}
.prose{max-width:1030px}.prose h2{margin-top:2.7rem}.prose h2:first-child{margin-top:0}.prose p{margin:.75rem 0 1rem}.prose ul,.prose ol{padding-left:1.35rem}.prose li{margin:.45rem 0}.prose a{color:#7cd9ff;text-decoration:underline;text-underline-offset:3px}.prose strong{color:#fff}.table-wrap{overflow:auto;margin:18px 0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.12)}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#163553;color:#fff;font-size:12px;text-transform:uppercase}
footer{border-top:1px solid var(--line);background:#050f19;padding:34px 0}footer strong{display:block;color:#fff;font-size:20px;margin-bottom:6px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:18px}.footer-links a{color:#d9e6ef;font-size:14px}.footer-links a:hover{color:var(--gold)}
@media(max-width:1080px){.casino-card{grid-template-columns:48px 86px minmax(140px,.8fr) minmax(200px,1.2fr) 85px 128px}.payments{grid-column:3/6}.visit{grid-column:6}.brand span{font-size:18px}header nav{gap:14px;font-size:13px}}
@media(max-width:820px){header .nav{min-height:auto;padding:14px 0;align-items:flex-start;flex-direction:column;gap:12px}header nav{width:100%;display:flex;overflow-x:auto;gap:18px;padding-bottom:2px;scrollbar-width:none}header nav::-webkit-scrollbar{display:none}.breadcrumbs{padding-top:10px}.hero{padding:34px 0 24px}.casino-card{grid-template-columns:46px 76px minmax(0,1fr) 86px;grid-template-areas:'rank logo name score' 'bonus bonus bonus bonus' 'payments payments payments payments' 'visit visit visit visit';gap:10px 12px;padding:13px}.rank{grid-area:rank}.casino-logo{grid-area:logo;width:76px;height:50px}.casino-name{grid-area:name}.score{grid-area:score;text-align:right;font-size:13px}.bonus{grid-area:bonus}.payments{grid-area:payments}.visit{grid-area:visit;width:100%}.hero h1{font-size:clamp(36px,8.5vw,54px)}}
@media(max-width:560px){.container{width:min(100% - 20px,var(--max))}.brand img{width:36px;height:36px;flex-basis:36px}.brand span{font-size:17px}.hero{padding:28px 0 18px}.hero h1{font-size:clamp(32px,11vw,46px)}.hero-copy{font-size:16px}.section{padding:28px 0}.casino-card{grid-template-columns:42px 64px minmax(0,1fr);grid-template-areas:'rank logo name' 'score score score' 'bonus bonus bonus' 'payments payments payments' 'visit visit visit';gap:9px}.rank{width:38px;height:38px}.casino-logo{width:64px;height:44px}.score{text-align:left;font-size:14px}.casino-name strong{font-size:16px}.bonus strong{font-size:14px}.intro-toggle{width:100%}table{font-size:13px}.footer-links{flex-direction:column;gap:6px}}