@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--gold:#e9c36a;--gold2:#a8782d;--ink:#09110f;--deep:#111c19;--green:#243b30;--paper:#e9e2ce;--muted:#bcb49e;--line:#4b523f;--white:#fff8e6;--orange:#e78c36}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;background:var(--paper);color:#182019;font-family:Inter,Arial,sans-serif}.topline{height:25px;background:#0a100e;color:var(--gold);display:flex;align-items:center;justify-content:space-between;padding:0 4%;font-size:9px;font-weight:800;letter-spacing:1.5px}.age{color:#d9d0b7}.site-header{min-height:65px;background:#101914;color:var(--white);display:flex;align-items:center;justify-content:space-between;padding:8px 4%;border-bottom:1px solid #88703b;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);text-decoration:none;font:700 13px Cinzel,serif;letter-spacing:.4px}.brand b{display:block;color:#f6eed8;font-size:11px;letter-spacing:1.1px;margin-top:3px}.brand-mark{font-size:31px;color:#f2d58c}.site-header nav{display:flex;gap:clamp(12px,2vw,28px);align-items:center}.site-header nav a{color:#e9e2ce;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:1px}.site-header nav a:hover{color:var(--gold)}.header-cta,.hero-btn{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(180deg,#f3d58a,#c28b37);border:1px solid #ffe5a2;color:#17170f;text-decoration:none;padding:11px 16px;font:800 10px Cinzel,serif;letter-spacing:.8px;box-shadow:0 0 16px #c7973b44}.hero{background:#09100e;border-bottom:5px solid var(--gold2)}.hero-art{height:255px;position:relative;overflow:hidden;background:#101a17}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:center 31%;display:block;filter:saturate(.88)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,8,.78),rgba(4,9,8,.28) 52%,rgba(4,9,8,.12)),linear-gradient(0deg,rgba(3,8,7,.48),transparent 55%)}.hero-title{position:absolute;left:7%;top:50%;transform:translateY(-50%);max-width:610px;color:#fff8e6}.eyebrow{font:700 9px Cinzel,serif;letter-spacing:2px;color:var(--gold)}h1,h2,p{margin-top:0}h1,h2{font-family:Cinzel,Georgia,serif}h1{font-size:clamp(25px,3.3vw,42px);line-height:1.08;letter-spacing:.3px;margin:10px 0 8px;text-shadow:0 3px 10px #000}h1 em,h2 em{color:var(--gold);font-style:normal} .hero-title p{max-width:500px;font-size:12px;line-height:1.5;color:#f1e9d5;margin-bottom:12px}.hero-btn{padding:10px 14px}.ring-badge{position:absolute;right:7%;top:28px;width:88px;height:88px;border:2px solid #d7a54d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f0ce73;font:700 13px Cinzel,serif;box-shadow:0 0 24px #e8b64b55,inset 0 0 18px #e8b64b22;transform:rotate(-15deg)}.ring-badge span{font-size:28px;margin:0 4px}.ranking-section{padding:20px 4% 25px;background:linear-gradient(180deg,#f1ebda,#e5ddc7)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 12px}.section-heading .eyebrow{color:#87652c}.section-heading h2{font-size:clamp(21px,2.5vw,29px);margin:4px 0 0;color:#17241b}.heading-note{text-align:right;font:700 9px/1.7 Cinzel,serif;letter-spacing:1px;color:#6e6b57}.list-head{display:grid;grid-template-columns:54px minmax(120px,180px) 1fr 82px 128px;gap:12px;padding:8px 14px;background:#1a2a21;color:#ddc27d;font-size:8px;font-weight:800;letter-spacing:1.2px;border:1px solid #8f743c}.casino-list{display:grid;gap:5px;margin-top:5px}.casino-row{display:grid;grid-template-columns:54px minmax(120px,180px) minmax(230px,1fr) 82px 128px;align-items:center;gap:12px;min-height:61px;padding:7px 14px;background:linear-gradient(100deg,#12221a,#1b2d22 62%,#101a15);border:1px solid #b69a57;box-shadow:inset 0 0 0 1px #ffffff09;cursor:pointer;color:#f7f0dc;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.casino-row:hover,.casino-row:focus-visible{transform:translateY(-1px);border-color:#ffe09a;box-shadow:0 5px 16px #17261b33,inset 0 0 0 1px #e9c36a55;outline:none}.rank{font:700 20px Cinzel,serif;color:var(--gold);text-align:center}.casino-logo{height:44px;display:flex;align-items:center;justify-content:center;background:#f9f7ef;border-radius:3px;padding:5px 9px;overflow:hidden}.casino-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}.casino-info .name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.casino-info h2{font:700 15px Cinzel,serif;margin:0;color:#fff7df}.score-label{font-size:7px;letter-spacing:1px;color:#aeb9a3}.casino-info p{font-size:11px;line-height:1.35;color:#e5d8b3;margin:4px 0 0}.tags{display:none}.score{text-align:center;white-space:nowrap}.score strong{font:700 19px Cinzel,serif;color:#f0cf78}.score small{font-size:9px;color:#c2b99f}.stars{display:block;color:#e7bd59;font-size:10px;letter-spacing:1px;margin-top:1px}.play-btn{min-height:40px;width:100%;border:1px solid #f6dc8c;border-radius:3px;background:linear-gradient(180deg,#f0d384,#bf8631);color:#1b1b11;display:flex;align-items:center;justify-content:center;gap:12px;font:800 11px Cinzel,serif;letter-spacing:.7px;cursor:pointer;box-shadow:0 2px 0 #755321,0 0 12px #e9c36a25;transition:filter .15s,transform .15s}.play-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.play-btn .arrow{font-size:18px}.score-note{font-size:10px;line-height:1.6;color:#5d6254;margin:12px 0 0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 4% 28px;background:#e5ddc7}.info-card{padding:22px 24px;border:1px solid #aa8a4a;background:#f3eddd}.info-card .eyebrow{color:#8e6a2c}.info-card h2{font-size:23px;line-height:1.25;margin:10px 0}.info-card p,.info-card li{font-size:12px;line-height:1.7;color:#444a3d}.info-card ul{padding-left:19px}.ksa a{color:#694b19;font-weight:800}footer{background:#0b120f;color:#e8dfc5;padding:22px 4% 14px;border-top:4px solid #a67a31}.footer-brand{font:700 13px Cinzel,serif;color:var(--gold);margin-bottom:12px}.footer-brand span{color:#f5efdc}.footer-contact{font-size:10px;font-weight:800;letter-spacing:1px;margin-bottom:10px}.footer-contact a{color:#f0d18a;text-decoration:none;margin-left:8px;letter-spacing:0}.footer-contact a:hover{text-decoration:underline}footer p{font-size:10px;line-height:1.6;color:#bcb8a7;max-width:1000px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #354037;padding-top:10px;color:#9f9d8d;font-size:9px;letter-spacing:1px}@media(max-width:900px){.site-header{flex-wrap:wrap;gap:10px}.site-header nav{order:3;width:100%;justify-content:space-between;padding:7px 0 2px}.brand{font-size:11px}.header-cta{margin-left:auto}.hero-art{height:235px}.hero-title{left:5%;max-width:75%}.ring-badge{right:4%;width:65px;height:65px;top:15px}.ring-badge span{font-size:21px}.list-head{grid-template-columns:38px 112px minmax(150px,1fr) 65px 100px;gap:8px}.casino-row{grid-template-columns:38px 112px minmax(150px,1fr) 65px 100px;gap:8px;padding:7px 9px;min-height:60px}.casino-logo{height:39px;padding:4px}.casino-info h2{font-size:13px}.casino-info p{font-size:10px}.score strong{font-size:16px}.play-btn{min-height:37px;font-size:10px;gap:5px}.info-grid{padding-bottom:20px}}@media(max-width:620px){.topline{padding:0 12px;font-size:8px;letter-spacing:.8px}.site-header{padding:10px 14px}.brand{max-width:70%;font-size:10px}.brand b{font-size:9px}.brand-mark{font-size:24px}.site-header nav a{font-size:9px;letter-spacing:.3px}.header-cta{font-size:8px;padding:9px}.hero-art{height:245px}.hero-art>img{object-position:35% center}.hero-vignette{background:linear-gradient(90deg,rgba(3,10,8,.85),rgba(4,9,8,.4)),linear-gradient(0deg,rgba(3,8,7,.4),transparent)}.hero-title{left:16px;right:12px;max-width:calc(100% - 24px)}.hero-title .eyebrow{font-size:8px;letter-spacing:1px}.hero-title h1{font-size:26px}.hero-title p{font-size:11px;max-width:290px}.ring-badge{display:none}.ranking-section{padding:17px 10px 22px}.section-heading{padding:0 3px}.section-heading h2{font-size:22px}.heading-note{font-size:8px}.list-head{display:none}.casino-list{gap:7px}.casino-row{grid-template-columns:34px 88px minmax(0,1fr) 83px;grid-template-areas:'rank logo info play' 'rank logo score play';gap:4px 8px;padding:9px 8px;min-height:76px}.rank{grid-area:rank;font-size:16px}.casino-logo{grid-area:logo;height:48px;padding:4px}.casino-info{grid-area:info;min-width:0}.casino-info .name-line{gap:4px}.casino-info h2{font-size:12px}.score-label{display:none}.casino-info p{font-size:9px;line-height:1.3;margin-top:3px}.score{grid-area:score;text-align:left;display:flex;align-items:center;gap:4px}.score strong{font-size:13px}.score small{font-size:8px}.stars{font-size:8px;letter-spacing:0;margin:0}.play-btn{grid-area:play;min-height:43px;align-self:center;flex-direction:column;gap:0;font-size:9px;padding:3px}.play-btn .arrow{font-size:14px}.score-note{font-size:9px;line-height:1.6}.info-grid{grid-template-columns:1fr;padding:0 10px 22px;gap:8px}.info-card{padding:18px}.info-card h2{font-size:21px}.footer-brand{font-size:11px}.footer-contact a{display:block;margin:7px 0 0}.footer-bottom{gap:10px;flex-direction:column}.header-cta{white-space:nowrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}