
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap');
:root{--g-text:#eaf8ff;--g-muted:#b6cddf;--g-edge:#30516c;--g-mint:#46f1d4;--g-gold:#f5c56a}
body.games-landing{margin:0;background:#071626;color:var(--g-text);font:15px/1.9 Cairo,Tahoma,Arial,sans-serif;direction:rtl}
.games-landing *{box-sizing:border-box}.games-landing a{color:inherit}.games-wrapper{max-width:1220px;margin:auto;padding:0 20px}
.games-breadcrumb{font-size:13px;padding:22px 0 15px;color:#acd7e2}.games-breadcrumb a{color:var(--g-mint);text-decoration:none}.games-breadcrumb span{padding:0 8px}
.games-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;background:linear-gradient(115deg,#133c59,#071f36 78%);border:1px solid #2c637f;border-radius:24px;padding:37px;box-shadow:0 20px 50px #0004}
.games-hero h1{font-size:clamp(30px,3.4vw,49px);color:white;line-height:1.39;margin:17px 0;font-weight:900}
.games-hero p{color:#c5dce9;line-height:2;font-size:16px}
.games-hero figure{margin:0}.games-hero img{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 12px 40px #0005}
.games-tag{display:inline-flex;border:1px solid #2e887b;background:#0d4c53;padding:5px 14px;color:#aeffed;font-weight:800;font-size:13px;border-radius:30px}
.games-actions{display:flex;gap:11px;flex-wrap:wrap;margin:20px 0}.games-btn{padding:11px 20px;min-height:47px;background:#2edec1;color:#092733!important;font-weight:900;text-decoration:none!important;border-radius:11px;display:inline-flex;align-items:center;justify-content:center}
.games-btn.secondary{background:transparent;border:1px solid #65a8ae;color:#e9fcff!important}
.games-note{padding:12px 15px;margin:15px 0;border-right:3px solid #ffd078;background:#112c43;color:#c7dded;border-radius:9px;font-size:13px;line-height:1.8}
.games-section{margin-top:42px}.games-section h2{font-size:clamp(23px,2.3vw,31px);color:white;margin:0 0 9px}.games-section>p{color:#bed0de;max-width:900px;margin:0 0 24px}
.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.game-tile{background:linear-gradient(160deg,#173752,#0e263e);border:1px solid var(--g-edge);border-radius:17px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none!important;min-height:230px}
.game-tile.active:hover{border-color:var(--g-mint);transform:translateY(-2px)}.game-tile .visual{height:142px;background:radial-gradient(circle at 75% 24%,#247179,#0d2744 68%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.game-tile .visual img{width:100%;height:100%;object-fit:cover}.game-tile .visual .emoji{font-size:50px}
.game-tile .content{padding:14px 16px;flex:1}.game-tile h3{direction:ltr;text-align:right;color:white;font-size:17px;line-height:1.3;margin:0;overflow-wrap:anywhere}
.game-tile .content p{font-size:12px;color:#b4cada;margin:6px 0}.game-tile .status{font-size:12px;color:#5df5df;font-weight:800}.game-tile .status.wait{color:#ffc970}
.games-columns{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:22px;margin-top:34px}.games-article{min-width:0}
.games-card{background:#112942;border:1px solid #30536b;border-radius:17px;padding:25px 29px;margin-bottom:23px}.games-card h2{color:#fff;font-size:25px;line-height:1.45;margin:0 0 17px}
.games-card h3{font-size:18px;color:#a4fff0;margin:15px 0}.games-card p,.games-card li{font-size:15px;color:#c7dbe8;line-height:2.1}
.games-card li{margin-bottom:7px}.games-card ol,.games-card ul{padding-right:24px}.games-card a{color:#7bffdf}.games-card img{width:100%;border-radius:14px}
.games-aside{position:sticky;top:20px}.games-aside .games-card{padding:19px 21px}.games-aside h2{font-size:19px}.games-aside li,.games-aside p{font-size:13px}
.games-table{width:100%;border-collapse:collapse;margin:15px 0}.games-table th,.games-table td{font-size:13px;padding:13px 10px;text-align:right;border-bottom:1px solid #37556a;color:#e2f1f7}.games-table th{color:#7bffe0;background:#143c54}
.games-kpi{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.games-kpi div{border:1px solid #287782;border-radius:12px;background:#0b3240;padding:13px 20px}.games-kpi b{display:block;font-size:29px;color:var(--g-mint)}.games-kpi small{color:#b8d7e2}
.games-faq details{border-bottom:1px solid #36566d;padding:13px 0}.games-faq summary{cursor:pointer;color:white;font-weight:800}.games-faq details p{padding:9px 0 0;margin:0}
.games-footer{margin-top:40px;padding:26px 0;background:#06172a;border-top:1px solid #2a4f67;color:#aac6d5;font-size:12px}.games-footer a{color:#6be8d9;text-decoration:none}
.games-related{max-width:1140px;margin:18px auto;padding:14px 22px;border:1px solid #2c7081;background:#0a304b;border-radius:12px;color:white;font:800 14px Cairo,Tahoma,sans-serif}
.games-related a{color:#62f4dc;text-decoration:none}
@media(max-width:1080px){.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.games-hero{display:flex;flex-direction:column-reverse;padding:22px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.games-columns{grid-template-columns:1fr}.games-aside{position:static}}
@media(max-width:500px){.games-wrapper{padding:0 12px}.games-grid{gap:10px}.game-tile .visual{height:104px}.game-tile .content{padding:10px}.game-tile h3{font-size:14px}.games-hero h1{font-size:30px}.games-card{padding:19px 16px}}

.game-tile .visual .wordmark{font:900 37px/1.1 Arial,sans-serif;letter-spacing:2px;color:#e7ffff;text-shadow:0 4px 20px #002536;display:inline-flex;align-items:center;justify-content:center;border:2px solid #83d9db45;background:#082d42a6;border-radius:18px;min-width:95px;height:73px;padding:0 12px}
.game-tile:nth-child(4n) .visual{background:radial-gradient(circle at 65% 20%,#395887,#153453 65%,#0b1e35)}
.game-tile:nth-child(4n + 1) .visual{background:radial-gradient(circle at 65% 20%,#14676e,#12385b 60%,#0b1e35)}
.game-tile:nth-child(4n + 2) .visual{background:radial-gradient(circle at 65% 20%,#796a4a,#183b59 65%,#0b1e35)}

/* V15 editorial overhaul: same Cairo + navy/teal visual language as the main site */
body.games-v15{background:#071728;color:#eaf7ff}
.games-v15 .games-breadcrumb{max-width:1180px;margin:auto}
.g15-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px;align-items:center;background:linear-gradient(120deg,#123b5c,#0a263f 60%,#082039);border:1px solid #2b6078;border-radius:21px;padding:30px 35px;margin:12px 0 33px}
.g15-copy h1{font-size:clamp(29px,3.4vw,47px);font-weight:900;line-height:1.48;color:#fff;letter-spacing:0;margin:18px 0}
.g15-copy .g15-lead{font-size:17px;line-height:2.04;color:#d0e5f0}
.g15-copy .g15-lead strong{color:#fff}
.g15-hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.g15-hero-facts span{display:inline-block;font:700 12px Cairo,Tahoma,sans-serif;color:#c2f9f0;background:#0b4354;border:1px solid #2c7780;border-radius:8px;padding:8px 12px;white-space:nowrap}
.g15-art{margin:0;background:#0a1e36;border:1px solid #2d5b6f;border-radius:17px;overflow:hidden}
.g15-art img{display:block;width:100%;height:auto;object-fit:contain;max-height:450px;background:#a00d54}
.g15-art figcaption,.g15-figure figcaption{font-size:11px;text-align:center;background:#0a2239;color:#a4c9d5;padding:9px 14px}
.g15-layout{display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:24px;align-items:start}
.g15-layout .games-card{margin:0 0 22px;background:#112c44;border-color:#2c5067;padding:31px 34px;border-radius:16px}
.g15-layout .games-card h2{font-size:clamp(23px,2vw,29px);font-weight:900;margin:0 0 18px;line-height:1.52}
.g15-layout .games-card p{font-size:16px;line-height:2.1;color:#d5e6ed;margin:0 0 15px}
.g15-layout .games-card a:not(.games-btn){color:#66ead8;text-decoration:underline;text-underline-offset:4px}
.g15-layout .games-card a:hover{color:#b7fff6}
.g15-layout .games-card li{line-height:2.1;font-size:15px;color:#d5e6ed}
.g15-layout .games-card strong{color:#f5fcff}
.g15-layout .games-aside{position:sticky;top:22px}
.g15-layout .games-aside .games-card{padding:20px 21px}
.g15-layout .games-aside h2{font-size:19px}
.g15-layout .games-aside li{font-size:13px;line-height:2.1}
.g15-layout .games-aside ul{padding-right:19px}
.g15-figure{margin:23px 0 17px;border:1px solid #2d4e64;border-radius:15px;overflow:hidden;background:#071b31}
.g15-figure img{width:100%;height:auto;display:block;border-radius:0}
.g15-figure.compact img{max-height:160px;object-fit:contain}
.g15-steps{counter-reset:item;padding-right:25px}
.g15-steps li{padding-right:9px;margin:13px 0}
.g15-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:21px 0}
.g15-levels div{padding:20px;border:1px solid #35617a;border-radius:12px;background:linear-gradient(145deg,#123e55,#102a43);min-height:150px}
.g15-levels div:nth-child(2){background:linear-gradient(145deg,#174560,#122d48)}
.g15-levels div:nth-child(3){background:linear-gradient(145deg,#39485a,#162942)}
.g15-levels div:nth-child(4){background:linear-gradient(145deg,#4b385a,#1a2640)}
.g15-levels b{font:900 24px Arial,sans-serif;color:#fff;display:block}
.g15-levels strong{color:#71f9dd;font-size:13px;display:block;margin:5px 0}
.g15-levels p{font-size:13px!important;line-height:1.85!important;margin:3px 0!important}
.g15-cta{border:1px solid #247f83;background:linear-gradient(105deg,#0b4e59,#0d384f);border-radius:14px;padding:22px;display:flex;gap:22px;align-items:center;justify-content:space-between;margin:24px 0 12px}
.g15-cta b{font-size:21px;color:white}
.g15-cta p{font-size:13px!important;line-height:1.8!important;margin:7px 0 0!important}
.g15-cta a{white-space:nowrap}
.g15-disclosure{font-size:12px!important;color:#a7c4d3!important}
.g15-comparison{overflow-x:auto}
.g15-layout table{min-width:520px}
.g15-layout .games-faq details{padding:17px 0}
.g15-layout .games-faq summary{font-size:16px;font-weight:800}
.g15-layout .games-faq details p{font-size:14px}
.g15-hub{margin:10px 0 28px;border:1px solid #30617a;background:linear-gradient(120deg,#123d60,#092640);border-radius:20px;padding:34px 40px}
.g15-hub h1{color:white;font-weight:900;font-size:clamp(30px,3.3vw,43px);line-height:1.45;margin:10px 0}
.g15-hub p{color:#cbe2ed;font-size:16px;line-height:1.95;max-width:800px}
.g15-maincards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;margin:21px 0 37px}
.g15-feature{border:1px solid #3c617a;border-radius:18px;background:#12304a;overflow:hidden;text-decoration:none!important;display:block;transition:transform .18s,border-color .18s}
.g15-feature:hover{transform:translateY(-4px);border-color:#39d8bc}
.g15-feature-image{height:250px;background:#111e36;display:flex;align-items:center;justify-content:center;overflow:hidden}
.g15-feature-image img{width:100%;height:100%;object-fit:cover}
.g15-feature-image.portrait img{object-fit:contain;background:#5d1742}
.g15-feature-copy{padding:21px 25px 25px}
.g15-feature-copy small{font-size:12px;font-weight:800;color:#58ebd3}
.g15-feature-copy h2{font-size:29px;color:#fff;font-weight:900;margin:8px 0}
.g15-feature-copy p{font-size:14px;color:#c2dbe7;line-height:1.8;margin:0 0 17px}
.g15-feature-copy span{font-size:14px;color:#47ead2;font-weight:900}
.g15-upcoming{background:#0f2940;border:1px solid #2b4d67;border-radius:18px;padding:25px 30px;margin:20px 0}
.g15-upcoming h2{font-size:26px;font-weight:900;color:white;margin:0 0 8px}
.g15-upcoming>p{color:#c6d9e3;margin:0 0 20px}
.g15-pills{display:flex;flex-wrap:wrap;gap:10px}
.g15-pills span{font:800 13px/1.4 Cairo,Arial,sans-serif;display:inline-block;padding:11px 15px;border:1px solid #365b73;background:#143651;border-radius:9px;color:#d8edf5;direction:ltr}
.g15-footnote{font-size:13px!important;color:#a8cbd6}
@media(max-width:850px){.g15-hero{grid-template-columns:1fr;padding:23px}.g15-art{max-width:600px;margin:auto}.g15-layout{grid-template-columns:1fr}.g15-layout .games-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px}.g15-maincards{gap:13px}.g15-feature-image{height:185px}}
@media(max-width:580px){.g15-hero{gap:16px;padding:18px;margin-top:4px}.g15-copy h1{font-size:29px}.g15-layout .games-card{padding:21px 18px}.g15-layout .games-card h2{font-size:23px}.g15-layout .games-aside{grid-template-columns:1fr}.g15-levels{grid-template-columns:1fr 1fr;gap:9px}.g15-levels div{padding:15px 12px}.g15-cta{display:block;padding:18px}.g15-cta a{margin-top:15px;display:flex}.g15-hub{padding:22px}.g15-maincards{grid-template-columns:1fr}.g15-feature-image{height:210px}.g15-upcoming{padding:22px 16px}.g15-pills span{font-size:12px;padding:9px 12px}}

/* V17 affiliate CTAs: readable, consistent with site's cyan/navy visual system */
.g17-aff{background:linear-gradient(135deg,#35e1c1,#13c8bc)!important;color:#082937!important;min-height:48px;box-shadow:0 5px 18px #09c5b31d;white-space:normal;text-align:center;transition:transform .15s,box-shadow .15s}
.g17-aff:hover,.g17-aff:focus-visible{transform:translateY(-2px);box-shadow:0 7px 23px #14eed234}
.g17-cta-line{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:21px 23px;margin:24px 0 5px;border-radius:14px;border:1px solid #357184;background:linear-gradient(115deg,#0f4554,#0c2e47)}
.g17-cta-explain b{font-size:19px;color:white}.g17-cta-explain p{font-size:13px!important;color:#b6dae4!important;line-height:1.65!important;margin:6px 0 0!important}
.g17-slot{flex:0 0 auto}.g17-promos{border-color:#49788a!important;background:linear-gradient(125deg,#102f47,#14364c)!important}
.g17-promo-eyebrow{font-size:12px;letter-spacing:.07em;font-weight:900;color:#76f5d9;margin-bottom:9px}
.g17-codes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:21px 0}
.g17-promo-code{background:#0c243a;border:1px solid #346179;border-radius:14px;padding:15px;display:flex;align-items:flex-end;flex-direction:column;justify-content:space-between;gap:13px;min-width:0}
.g17-code-main{width:100%;min-width:0}.g17-code-main small{font-size:11px;color:#afd3df;display:block;line-height:1.7}.g17-code-main code{font:800 18px/1.7 Consolas,'Courier New',monospace;color:#fff;direction:ltr;display:block;text-align:right;overflow-wrap:anywhere;margin-top:3px}
.g17-copy{display:block;border:1px solid #36a99d;border-radius:9px;padding:7px 12px;background:#164c5a;color:#adfff0;cursor:pointer;font:800 12px Cairo,Tahoma,sans-serif}
.g17-copy:hover{background:#226e71}
.g17-promo-warning{font-size:12px!important;color:#d4bd9d!important;border-right:3px solid #efc477;background:#1b3041;border-radius:7px;padding:12px 13px}
.g17-promo-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:21px 0 0}.g17-promo-bottom b{font-size:19px;color:white}.g17-promo-bottom p{font-size:12px!important;line-height:1.8!important;margin:5px 0!important}
.g17-affiliate-footnote{color:#a7c8d2!important;font-size:11px!important;margin:12px 0 0!important}
.g17-aside-cta{background:linear-gradient(145deg,#14465a,#102e48)!important;border-color:#3c8d91!important}
.g17-aside-cta .g17-aff{display:flex;width:100%;font-size:13px;padding:9px}
.g17-aside-cta .g17-side-small{font-size:11px!important;line-height:1.7!important;color:#b0d1db!important;margin:10px 0 0!important}
@media(max-width:790px){.g17-cta-line{align-items:stretch;flex-direction:column}.g17-slot a{display:flex;width:100%}.g17-codes{grid-template-columns:1fr}.g17-promo-code{flex-direction:row;align-items:center}.g17-copy{flex:0 0 auto}.g17-promo-bottom{flex-direction:column;align-items:stretch}.g17-promo-bottom .g17-aff{display:flex;width:100%}}
@media(max-width:470px){.g17-cta-line{padding:16px}.g17-promo-code{padding:12px}.g17-code-main code{font-size:17px}}

/* V18 editorial depth, no separate SEO-facing report */
.g18-guide{border-color:#315b72!important}.g18-fact-grid,.g18-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.g18-fact-grid>div{background:#0b344a;border:1px solid #32687b;border-radius:13px;padding:19px 17px}
.g18-fact-icon{font:800 16px/1 Arial,sans-serif;color:#55f2d8;display:inline-block;background:#0d4751;border-radius:8px;padding:9px;margin:0 0 13px}
.g18-fact-grid strong{display:block;color:#efffff;font-size:15px;line-height:1.55}
.g18-fact-grid p{font-size:12px!important;line-height:1.85!important;margin:6px 0 0!important}
.g18-checks{padding:0 25px 0 0;margin:14px 0}.g18-checks li{margin:12px 0}
.g18-troubleshoot{display:grid;gap:12px;margin:18px 0}
.g18-troubleshoot>div{border-right:4px solid #23cdb5;padding:13px 19px;background:#0d344b;border-radius:10px}
.g18-troubleshoot b{display:block;font-size:16px;color:white}
.g18-troubleshoot p{font-size:13px!important;line-height:1.9!important;margin:3px 0 0!important}
.g18-promo-benefits{background:#0a3045;border:1px solid #287083;border-radius:13px;padding:22px 18px;margin:21px 0}
.g18-promo-benefits h3{font-size:19px!important;color:#fff!important;margin:0 0 12px!important}
.g18-benefits-grid{gap:10px;margin:14px 0}
.g18-benefits-grid>div{background:#112c42;border:1px solid #356478;padding:16px;border-radius:10px}
.g18-benefits-grid strong{font-size:14px;color:#68f0db!important}
.g18-benefits-grid p{font-size:12px!important;line-height:1.8!important;margin:5px 0 0!important}
.g18-promo-terms{border-right:3px solid #76dfd1;padding:9px 13px;margin:12px 0 0!important;color:#c2dce5!important;font-size:12px!important;line-height:1.9!important}
@media(max-width:850px){.g18-fact-grid,.g18-benefits-grid{grid-template-columns:1fr}.g18-fact-grid>div{padding:15px}.g18-promo-benefits{padding:15px}}

.g18-promo-hub{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:17px 0;border:1px solid #357c86;background:#0b3447;padding:19px 21px;border-radius:13px}
.g18-promo-hub b{display:block;font-size:17px;color:white}.g18-promo-hub p{font-size:12px!important;margin:3px 0!important;line-height:1.8!important}
.g18-promo-hub a{font-size:13px;flex:0 0 auto;white-space:normal}
.g18-official-offers-note{font-size:12px!important;line-height:2!important;color:#bce9e2!important;background:#103e4c;border-right:3px solid #45dac2;border-radius:8px;padding:10px 13px;margin:14px 0!important}
@media(max-width:780px){.g18-promo-hub{flex-direction:column;align-items:stretch}.g18-promo-hub a{display:flex;text-align:center}}
