:root{--bg:#0b0c0f;--panel:#17191e;--panel-hover:#202228;--text:#c7c9ce;--heading:#fff;--muted:#959aa5;--yellow:#ffd43b;--line:#303238;--glow:#ffd43b25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:1200px;margin:auto;padding-left:24px;padding-right:24px}a{color:var(--yellow);text-decoration:none;transition:color .2s}a:hover{color:white}h1,h2,h3{color:var(--heading);font-weight:800;line-height:1.3}h1{font-size:36px;letter-spacing:-.7px;margin:0 0 22px}h1 em{font-style:normal;color:var(--yellow)}h2{font-size:29px;margin:0 0 20px;border-bottom:1px solid var(--line);padding-bottom:12px}h3{font-size:21px;margin:0 0 12px}p{margin:0 0 18px}input,select{font:inherit}header{display:flex;align-items:center;gap:28px;min-height:90px;border-bottom:1px solid var(--line);background:#07080a}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;line-height:1.1}.brand-icon{width:42px;height:42px;border-radius:50%;border:3px solid var(--yellow);display:grid;place-items:center;color:var(--yellow);box-shadow:0 0 12px var(--glow);font-size:24px}.header-wordmark{font-size:21px;letter-spacing:1px}.header-wordmark small{display:block;color:var(--yellow);font-size:12px;letter-spacing:2px;margin-bottom:6px}nav{display:flex;gap:24px;margin-left:auto;font-size:14px}nav a{color:#ddd}.navcta{border:1px solid #7b692b;border-radius:7px;padding:9px 14px;font-size:14px;font-weight:bold}.article-hero{padding-top:34px;padding-bottom:24px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:800;color:var(--yellow);margin:0 0 14px}.article-hero .eyebrow{display:none}.intro{font-size:16px;max-width:1050px;line-height:1.8}.byline{display:flex;align-items:center;gap:15px;background:var(--panel);border:1px solid var(--line);padding:15px;border-radius:8px;margin:20px 0 0}.author-portrait{width:60px;height:60px;object-fit:cover;object-position:center 35%;border-radius:50%;border:2px solid var(--yellow)}.byline strong{font-size:17px;color:white}.byline small{display:block;color:var(--muted);font-size:13px}.topic-banner{position:relative}.topic-banner img{width:100%;display:block;aspect-ratio:3;object-fit:contain;border:1px solid var(--line);border-radius:8px}.button{display:block;background:linear-gradient(135deg,#ffe366,#efb90c);color:#141414!important;padding:14px 18px;border-radius:8px;text-align:center;font-size:15px;font-weight:800;text-transform:uppercase;box-shadow:0 4px 15px var(--glow);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #ffd43b40}.banner-cta{position:absolute;left:50px;bottom:28px;font-size:13px;padding:10px 16px}.section{padding-top:42px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.section-head>div{flex:1}.section-head h2{margin-bottom:0}.section-head .eyebrow{display:none}.sort-label{font-size:14px;color:var(--muted)}select{display:block;background:var(--panel);border:1px solid #555;color:#ddd;padding:8px;border-radius:6px;font-size:14px;margin-top:5px;max-width:220px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:32px}.card{position:relative;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--yellow);border-radius:12px;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px var(--glow);border-color:var(--yellow)}.rank-badge{position:absolute;top:-18px;left:20px;width:34px;height:34px;border-radius:50%;background:var(--yellow);color:#171717;font-weight:900;font-size:18px;display:grid;place-items:center;box-shadow:0 4px 10px var(--glow)}.card-top{padding:17px 20px 0;text-align:center;font-size:11px;letter-spacing:1.3px;font-weight:800;color:var(--yellow)}.card-body{padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.casino-title{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.casino-logo{display:grid;place-items:center;width:100%;height:100px;border-radius:8px;background:#f5f2e9;color:#282315;font-size:48px;font-weight:900;font-family:Georgia,serif}.card:nth-child(2) .casino-logo{background:#e6ecf0}.card:nth-child(3) .casino-logo{background:#f4eddb}.casino-title h3{font-size:23px;margin-bottom:0}.casino-title small{font-size:12px;color:var(--muted)}.metric{width:100%;border:1px dashed var(--yellow);background:#ffd43b0b;padding:14px;margin:20px 0 12px;border-radius:8px}.metric small{font-size:13px;color:var(--muted)}.metric strong{display:block;font-size:27px;color:white;line-height:1.3}.metric strong span{font-size:15px;font-weight:500}.card ul{text-align:left;width:100%;font-size:14px;list-style:none;padding:0;margin:0 0 20px}.card li{padding:4px 0}.card li:before{content:'✓';margin-right:9px;color:var(--yellow)}.card .button{width:100%;margin-top:auto}.card details{margin-top:14px;border-top:1px solid var(--line);width:100%;padding-top:10px;font-size:13px;color:var(--muted)}summary{cursor:pointer}.card details p{margin-top:10px;margin-bottom:0}.caption{font-size:12px;color:var(--muted);margin:15px 0 0}.reviews{display:grid;gap:25px}.review-box{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--yellow);border-radius:8px;padding:25px;overflow:hidden}.review-box h3{color:var(--yellow)}.review-box img{width:100%;height:250px;object-fit:cover;border:1px solid var(--line);border-radius:8px;margin-bottom:18px}.review-box p{margin-bottom:14px}.review-box ul{margin-bottom:0;padding-left:23px}.compact-intro{display:block}.compact-intro>div>p{max-width:1000px}.mini-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.mini-tags span{background:var(--panel);border:1px solid var(--line);padding:7px 13px;border-radius:6px;font-size:14px;color:var(--yellow)}.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pros-box,.cons-box{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px}.pros-box h3{color:var(--yellow)}.cons-box h3{color:#f2b877}.pros-cons-grid ul{padding-left:20px;margin:0}.pros-cons-grid li{margin-bottom:8px}.table-scroll{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-top:22px}table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px;text-align:left}caption{text-align:left;font-size:17px;font-weight:800;color:white;padding:18px;background:#ffd43b0d}th{background:#ffd43b0c;color:white;padding:16px;border-bottom:1px solid var(--line)}td{padding:16px;border-bottom:1px solid var(--line);vertical-align:top}tbody tr:last-child td{border:0}.caption a{text-decoration:underline}.quick-guide{display:block}.quick-guide-copy>ol{list-style:none;padding:0;margin:0;counter-reset:step;display:grid;gap:15px}.quick-guide li{counter-increment:step;position:relative;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px 20px 20px 74px}.quick-guide li:before{content:counter(step);position:absolute;top:20px;left:20px;background:var(--yellow);color:#151515;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800}.quick-guide li strong{display:block;color:white;font-size:17px}.quick-guide li span{display:block;font-size:15px}.check-panel{padding:26px;border:1px solid #776629;border-radius:8px;background:linear-gradient(135deg,#ffd43b12,transparent)}.check-panel h2{border:0;padding:0}.check-items{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px;margin-top:18px}.check-items label{display:flex;align-items:center;gap:10px;font-size:15px;padding:10px 0;cursor:pointer}.check-items input{width:18px;height:18px;accent-color:var(--yellow);flex-shrink:0}.progress{max-width:350px;font-size:12px}.progress>div{height:4px;background:#343331;margin-top:10px}.progress i{display:block;height:100%;width:0;background:var(--yellow);transition:width .2s}.faq{padding-bottom:42px}.faq details{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:15px}.faq summary{font-weight:700;font-size:17px;color:white;list-style:none;display:flex;gap:12px;align-items:center}.faq summary:before{content:'?';background:#ffd43b20;color:var(--yellow);width:28px;height:28px;border-radius:5px;display:grid;place-items:center;flex-shrink:0}.faq details p{margin:12px 0 0;padding-left:40px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:30px;padding-bottom:30px;background:#07080a}footer .brand{font-size:19px}footer .header-wordmark{font-size:18px}footer p{font-size:12px;color:var(--muted);margin:12px 0 0}footer a{font-size:14px}a:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}@media(max-width:950px){nav{display:none}.navcta{margin-left:auto}.cards{gap:16px}.card-body{padding:17px}.casino-title h3{font-size:20px}}@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}header{min-height:80px;gap:12px}.header-wordmark{font-size:17px}.header-wordmark small{font-size:10px;letter-spacing:1.4px}.brand-icon{width:35px;height:35px;flex-shrink:0}.navcta{font-size:12px;padding:7px 9px}.article-hero{padding-top:26px}h1{font-size:30px}h2{font-size:25px}.topic-banner img{aspect-ratio:3}.banner-cta{position:static;margin-top:10px}.cards{grid-template-columns:1fr;gap:30px}.section-head{display:block}.sort-label{display:block;margin-top:16px}.cards{margin-top:32px}.pros-cons-grid{grid-template-columns:1fr}.review-box{padding:20px}.review-box img{height:200px}.section{padding-top:34px}.check-items{grid-template-columns:1fr;gap:0}.check-panel{padding:22px}.faq summary{font-size:16px}.faq details{padding:17px}.faq details p{padding-left:0}footer{flex-direction:column}.review-box h3{font-size:20px}.byline{padding:12px}.author-portrait{width:50px;height:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Reference-inspired navy comparison page */
:root{--bg:#0f1728;--panel:#1d293b;--panel-hover:#26354b;--text:#e1e4e9;--muted:#9fa9ba;--line:#344154;--yellow:#ffd33c;--glow:#ffc72b32}body{background:var(--bg)}header{min-height:70px;background:#060b17;border-bottom:2px solid #be8d20}.article-hero{padding-top:45px;text-align:center;max-width:980px}.article-hero h1{font-size:34px}.article-hero .intro{max-width:820px;margin:0 auto;line-height:1.8}.byline{max-width:470px;margin:22px auto 0;text-align:left;background:#172235;padding:12px}.topic-banner img{max-height:300px;object-fit:cover}.section-head h2{font-size:27px}.card{border:1px solid #374356;border-radius:18px;background:#1e293b}.card:hover{border-color:#ffd33c77;box-shadow:0 6px 25px #0004}.card-body{padding:24px}.casino-logo{height:75px;background:#0f1728!important;color:#f7d55c;font-family:Arial,Helvetica,sans-serif;font-size:30px;font-style:italic;font-weight:900;letter-spacing:2px;box-shadow:inset 0 0 0 1px #152034}.casino-title h3{font-size:21px;color:var(--yellow)}.metric{border:0;background:none;margin:17px 0 10px;padding:0}.metric strong{font-size:22px}.metric small{font-size:11px}.card-facts{width:100%;background:#141f30;border-radius:10px;padding:10px;margin:0 0 24px;font-size:13px}.card-facts div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #364154}.card-facts div:last-child{border:0}.card-facts dt{color:#dac04e;text-align:left}.card-facts dd{margin:0;color:#fff;font-weight:700;text-align:right}.button{background:linear-gradient(#ffe780,#f1ae0b);border-radius:12px;box-shadow:0 5px 18px #ffc72b39}.contents{display:block}.contents>div{background:#182337;border:1px solid var(--line);border-radius:12px;padding:25px}.contents h2{font-size:23px}.contents ol{display:grid;grid-template-columns:1fr 1fr;gap:9px 35px;padding-left:22px;margin-bottom:0;font-size:15px}.contents a{color:#e3c64f}.criteria-grid,.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.criteria-grid article,.tips-grid article{padding:21px;border:1px solid var(--line);background:var(--panel);border-radius:10px}.criteria-grid article>span{color:var(--yellow);font-size:24px;font-weight:bold}.criteria-grid h3{margin-top:9px;font-size:19px}.criteria-grid p,.tips-grid p{font-size:15px;margin-bottom:0;color:#b8c0cd}.tips-grid strong{color:var(--yellow)}.tips-grid p{margin-top:10px}.editorial-image{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.editorial-image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.tip-box{background:#ffd33c0c;border:1px solid #8f7532;border-left:4px solid var(--yellow);border-radius:9px;padding:24px}.tip-box strong{color:var(--yellow)}.tip-box p{margin:10px 0 0}.review-box{background:#1b2639}.review-box img{height:280px}.faq details{background:#1b2639}.check-panel{background:#1b2639}.quick-guide li{background:#1b2639}footer{background:#060b17}@media(max-width:700px){.article-hero h1{font-size:29px}.article-hero{padding-top:30px}.topic-banner img{object-fit:contain}.contents ol{grid-template-columns:1fr}.criteria-grid,.tips-grid,.editorial-image{grid-template-columns:1fr}.review-box img{height:210px}.card-body{padding:24px}.byline{max-width:none}.section-head h2{font-size:25px}}
/* Supplied brand assets and vivid logo yellow */
:root{--yellow:#fec006;--glow:#fec00645}.header-logo{width:44px;height:44px;object-fit:contain;flex-shrink:0}.header-wordmark small,.card-facts dt,.contents a{color:var(--yellow)}header{border-bottom-color:var(--yellow)}.button{background:linear-gradient(135deg,#ffdc24,#fec006);box-shadow:0 5px 20px #fec00645}.button:hover{box-shadow:0 8px 26px #fec00670}.brand-sprite{display:block;width:140px;height:140px;flex-shrink:0;border-radius:7px;background-image:url('casino-logos.png');background-size:484px 790px;background-repeat:no-repeat}.logo-spin{background-position:-63px -66px}.logo-shark{background-position:-63px -333px}.logo-mino{background-position:-63px -601px}.casino-logo.supplied-logo{height:160px;background:#111927!important;display:grid;place-items:center;border-radius:10px;box-shadow:none}.review-brand-stage{display:flex;align-items:center;gap:40px;min-height:220px;padding:30px;border-radius:12px;margin-bottom:22px;border:1px solid #fec00635;background:#111927}.stage-spin{background:linear-gradient(115deg,#212537,#111927)}.stage-shark{background:linear-gradient(115deg,#452d20,#111927)}.stage-mino{background:linear-gradient(115deg,#2e2717,#111927)}.review-brand-stage>span:last-child{color:var(--yellow);font-size:clamp(24px,3.5vw,42px);font-weight:900;line-height:1.2;letter-spacing:1px}.review-subtitle{display:block;color:#e5e7eb;font-size:16px;letter-spacing:0;font-weight:500;margin-top:13px}.review-link{display:inline-block;margin-top:16px;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.tip-box{border-color:#fec00670;border-left-color:var(--yellow)}@media(max-width:700px){.header-logo{width:36px;height:36px}.review-brand-stage{gap:20px;padding:22px;flex-direction:column;text-align:center}.review-brand-stage>span:last-child{font-size:27px}.review-subtitle{font-size:14px}.brand-sprite{flex-shrink:0}}
.supplied-figure{margin-top:38px;margin-bottom:0}.supplied-figure.inside{margin:0 0 24px}.supplied-figure img{display:block;width:100%;max-width:900px;height:auto;margin:auto;border-radius:12px;border:1px solid #fec00640;object-fit:contain}.supplied-figure figcaption{max-width:900px;margin:10px auto 0;font-size:12px;line-height:1.6;color:var(--muted)}@media(max-width:700px){.supplied-figure{margin-top:28px}.supplied-figure img{border-radius:8px}}
/* Offer tiles: 3 per row */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;padding-top:20px;overflow:visible}
.card{min-width:0;height:100%;overflow:visible}
.rank-badge{z-index:2}
.casino-logo.supplied-logo{height:120px;overflow:hidden}
.casino-logo.supplied-logo a{display:grid;place-items:center;width:100%;height:100%}
.casino-logo.supplied-logo img,.casino-logo img{max-width:88%;max-height:100px;width:auto;height:auto;object-fit:contain}
.card-payments{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;margin:0 0 14px;min-height:28px}
.card-payments img{height:22px;width:auto;max-width:42px;object-fit:contain}
.card .button{margin-top:auto}
@media(max-width:1024px){.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:700px){.cards{grid-template-columns:1fr}}