:root{--ink:#171014;--ink-soft:#2b2024;--sand:#f4d38a;--sand-soft:#fff2ca;--amber:#d99332;--ruby:#ca3f55;--lapis:#2454a8;--teal:#20c7bd;--palm:#2e8f6d;--paper:#fff8e8;--muted:#735d4d;--line:#452a182e;--night:#100d19;--night-2:#1b1430;--shadow:0 24px 70px #140c0652;color:var(--ink);background:var(--night);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#100d14;min-width:320px;margin:0}body::selection{background:var(--teal);color:#071113}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%}.app-shell{min-height:100vh;overflow:hidden}.inner{width:min(1180px,100% - 40px);margin:0 auto}.site-header{z-index:40;color:#fff7df;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#120c12c7;border-bottom:1px solid #f4d38a3d;justify-content:space-between;align-items:center;gap:20px;min-height:74px;padding:14px clamp(20px,4vw,56px);display:flex;position:fixed;top:0;left:0;right:0}.brand,.footer-brand{align-items:center;gap:12px;display:inline-flex}.brand strong,.footer-brand strong{letter-spacing:0;font-size:1rem;display:block}.brand small{color:#f3c983;font-size:.76rem;display:block}.brand-mark{color:#071113;background:#151014;border:1px solid #ffffff59;border-radius:8px;place-items:center;width:42px;height:42px;display:inline-grid;overflow:hidden;box-shadow:0 0 26px #20c7bd2e}.brand-mark img{width:100%;height:100%;display:block}.main-nav{align-items:center;gap:8px;display:flex}.main-nav a{color:#fff7dfd1;border:1px solid #0000;border-radius:8px;padding:10px 13px;transition:color .2s,border-color .2s,background-color .2s}.main-nav a:hover,.main-nav a.active{color:#fff;background:#f4d38a1f;border-color:#f4d38a40}.icon-button{color:#fff7df;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:44px;height:44px;display:inline-grid}.menu-button{display:none}.hero{color:#fff8e6;isolation:isolate;align-items:center;min-height:780px;padding:110px 0 60px;display:grid;position:relative}.hero-bg{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{z-index:-1;background:linear-gradient(90deg,#100d19e6 0%,#100d19b3 36%,#100d1929 72%),linear-gradient(#100d194d,#100d1980);position:absolute;inset:0}.hero-content{width:min(760px,100% - clamp(56px,12vw,180px));margin-left:clamp(56px,6vw,128px)}.eyebrow{color:#8ef1e7;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:.78rem;font-weight:800;display:inline-flex}.eyebrow.dark{color:#705026}.hero h1,.subhero h1,.section-heading h2,.method-copy h2,.score-legend h2,.legal-aside h1,.not-found h1{letter-spacing:0;margin:14px 0 16px;line-height:1.02}.hero h1{max-width:760px;font-size:clamp(3rem,5.2vw,5.3rem)}.hero p{color:#fff8e6db;max-width:690px;margin:0;font-size:clamp(1.06rem,1.4vw,1.26rem);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primary-button,.ghost-button,.action-link{border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:12px 18px;font-weight:800;display:inline-flex}.primary-button{color:#151014;background:linear-gradient(135deg,#ffe28f,#20c7bd);border:1px solid #ffffff8c;box-shadow:0 14px 35px #20c7bd3d}.ghost-button{color:#fff8e6;background:#ffffff14;border:1px solid #ffffff38}.hero-stats{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.hero-stats span{color:#fff8e6c7;background:#0e0a1185;border:1px solid #f4d38a47;border-radius:8px;min-width:140px;padding:14px 16px}.hero-stats strong{color:#fff4b8;font-size:1.6rem;display:block}.safety-strip{color:#fff9e7;background:#171017;border-top:1px solid #f4d38a33;border-bottom:1px solid #f4d38a33}.safety-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:22px 0;display:grid}.safety-item{background:#ffffff0e;border:1px solid #f4d38a2e;border-radius:8px;align-items:flex-start;gap:13px;padding:18px;display:flex}.safety-item svg{color:var(--teal);flex:none}.safety-item h3,.game-card h3,.testimonial strong,.faq-grid h3,.legal-content h2{margin:0}.safety-item p{color:#fff8e6b8;margin:6px 0 0;line-height:1.55}.section{padding:clamp(70px,9vw,118px) 0}.sand-band{color:var(--ink);background-blend-mode:normal, normal, normal, multiply, screen, multiply, normal;background:radial-gradient(circle at 50% -12%,#ffffffb8 0 8rem,#0000 26rem),radial-gradient(circle at 82% 30%,#20c7bd1c,#0000 24rem),radial-gradient(circle at 18% 76%,#ca3f5514,#0000 23rem),linear-gradient(165deg,#0000 0 58%,#ae712b1f 58.2% 68%,#0000 68.2%),linear-gradient(15deg,#0000 0 63%,#fff4b861 63.2% 75%,#0000 75.2%),repeating-linear-gradient(135deg,#7651260b 0 1px,#0000 1px 22px),linear-gradient(#fff5d8 0%,#f3dda3 54%,#edc677 100%)}.dark-band,.compass-band{color:#fff9e7;background:linear-gradient(135deg,#11101c 0%,#28172b 48%,#101820 100%)}.faq-band{background:var(--paper)}.section-heading{text-align:center;margin-bottom:34px}.section-heading.left{text-align:left;margin-bottom:0}.section-heading h2,.method-copy h2,.score-legend h2{font-size:clamp(2rem,3.8vw,4.1rem)}.section-heading p,.method-copy p,.score-legend p,.subhero p,.legal-aside p,.legal-content p{color:var(--muted);font-size:1.02rem;line-height:1.7}.dark-band .section-heading p,.compass-band p,.score-legend p,.dark-band .section-heading.left p{color:#fff9e7b8}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.game-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card{min-width:0;box-shadow:var(--shadow);background:#fff9e9;border:1px solid #462b1429;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.dark-band .game-card,.compass-band .game-card{background:#fff8e614;border-color:#fff8e629}.game-card.compact{justify-self:end;max-width:460px}.game-media{aspect-ratio:16/9;background:#2a1c22;position:relative;overflow:hidden}.game-media>img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.01)}.game-media:after{content:"";background:linear-gradient(#0000 38%,#0b080dc7),linear-gradient(90deg,#0000004d,#0000 62%);position:absolute;inset:0}.game-logo{z-index:2;align-items:flex-end;width:min(48%,170px);min-height:50px;display:flex;position:absolute;bottom:12px;left:14px}.game-logo img{object-fit:contain;filter:drop-shadow(0 10px 16px #0000009e);max-height:72px}.rating-pill{z-index:2;color:#161010;background:var(--sand);border:1px solid #ffffff73;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:7px 10px;font-weight:900;line-height:1;display:inline-flex;position:relative}.game-media .rating-pill{position:absolute;top:12px;right:12px}.game-body{flex-direction:column;flex:1;gap:14px;padding:18px;display:flex}.game-meta{flex-wrap:wrap;gap:8px;display:flex}.game-meta span,.category-buttons button,.mood-buttons button{color:#3b291e;background:#d9933226;border:1px solid #784e222e;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:800}.game-card h3{font-size:1.42rem}.game-card p{color:#624b3f;margin:0;line-height:1.62}.dark-band .game-card p,.compass-band .game-card p{color:#fff9e7b8}.strength-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.strength-list li{color:#39281f;align-items:center;gap:8px;font-weight:700;display:flex}.dark-band .strength-list li,.compass-band .strength-list li{color:#fff9e7db}.strength-list svg{color:var(--accent)}.free-note{border-top:1px solid var(--line);padding-top:12px;font-size:.92rem}.action-link{color:#0f1718;background:color-mix(in srgb, var(--accent), #fff 68%);border:1px solid color-mix(in srgb, var(--accent), #111 14%);margin-top:auto}.ranking-layout,.methodology-grid,.compass-layout,.score-legend{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(28px,5vw,72px);display:grid}.ranking-table{gap:10px;display:grid}.ranking-row{background:#fff8e614;border:1px solid #fff8e629;border-radius:8px;grid-template-columns:42px 70px 1fr auto;align-items:center;gap:14px;padding:13px;display:grid}.rank-number{color:#161010;background:var(--sand);border-radius:8px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.ranking-row img{object-fit:contain;filter:drop-shadow(0 8px 12px #00000073);max-height:50px}.ranking-row strong{display:block}.ranking-row small{color:#fff9e7ab}.method-list,.legend-grid,.testimonial-grid,.faq-grid{gap:16px;display:grid}.method-list{grid-template-columns:repeat(2,1fr)}.method-list article,.legend-grid article,.testimonial,.faq-grid article{border:1px solid var(--line);background:#ffffff9e;border-radius:8px;padding:22px}.method-list span{color:var(--ruby);margin-bottom:8px;font-weight:900;display:inline-flex}.method-list p,.legend-grid p,.testimonial p,.faq-grid p{color:var(--muted);margin:0;line-height:1.65}.compass-band{padding:clamp(70px,9vw,112px) 0}.mood-buttons,.category-buttons{flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;display:flex}.mood-buttons button{color:#fff9e7;background:#fff8e614;border-color:#fff8e62e}.category-buttons button{color:#4d3523;background:#fffaf0ad;border-color:#784e2229}.mood-buttons button.selected,.category-buttons button.selected{color:#111016;background:var(--teal)}.testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.testimonial{background:#fff8e614;border-color:#fff8e629}.quote-mark{color:var(--sand);font-size:2.6rem;font-weight:900;line-height:.8}.testimonial p{color:#fff9e7c7;margin-bottom:18px}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-grid article{background:#fffaf0}.faq-grid h3{margin-bottom:10px}.subhero{color:#fff9e7;background:linear-gradient(120deg,#100d19eb,#26162bc7),url(/assets/generated/arabian-hero.png) 50%/cover;padding:160px 0 74px}.subhero h1{max-width:900px;font-size:clamp(2.6rem,5.4vw,5.2rem)}.subhero p{color:#fff9e7cc;max-width:760px}.catalog-tools{grid-template-columns:minmax(240px,1fr) 1.4fr auto;align-items:center;gap:14px;margin-bottom:20px;display:grid}.search-box,.sort-box{border:1px solid var(--line);background:#fffaf0;border-radius:8px;align-items:center;gap:10px;min-height:52px;padding:0 14px;display:flex}.search-box input,.sort-box select{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.sort-box{color:#6e4f27;font-weight:800}.result-note{color:#664a26;align-items:center;gap:8px;margin-bottom:18px;font-weight:800;display:flex}.legend-grid{grid-template-columns:repeat(3,1fr)}.legend-grid article{background:#fff8e614;border-color:#fff8e629}.legend-grid p{color:#fff9e7b8;margin-top:6px}.legal-page{background:linear-gradient(#15111b 0%,#26172d 38%,#fff0c0 38%,#fff8e8 100%);min-height:72vh;padding:140px 0 90px}.legal-layout{grid-template-columns:330px 1fr;align-items:start;gap:clamp(26px,4vw,58px);display:grid}.legal-aside{color:#fff9e7;background:#120d16eb;border:1px solid #f4d38a3d;border-radius:8px;padding:26px;position:sticky;top:100px}.legal-aside>svg{color:var(--teal)}.legal-aside h1{font-size:2.2rem}.legal-aside p{color:#fff9e7bf}.legal-alert{color:#171014;background:var(--sand);border-radius:8px;align-items:flex-start;gap:10px;margin-top:24px;padding:14px;font-weight:800;display:flex}.legal-content{gap:16px;display:grid}.legal-content article{border:1px solid var(--line);background:#fffaf0;border-radius:8px;padding:28px}.legal-content h2{font-size:1.45rem}.legal-content p:last-child{margin-bottom:0}.site-footer{color:#fff9e7c2;background:#100d14;border-top:1px solid #f4d38a2e;padding:42px 0}.footer-grid{grid-template-columns:1.4fr .8fr 1fr;gap:32px;width:min(1180px,100% - 40px);margin:0 auto;display:grid}.site-footer h3{color:#fff9e7;margin:0 0 12px}.site-footer p{margin:12px 0 0;line-height:1.65}.site-footer a{color:#f4d38a;width:fit-content;margin-top:9px;display:block}.not-found{text-align:center;color:#fff9e7}.not-found p{color:#fff9e7c7;max-width:560px;margin:0 auto 24px}@media (width<=1100px){.game-grid,.game-grid.three,.testimonial-grid,.legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-tools{grid-template-columns:1fr}}@media (width<=860px){.site-header{min-height:68px}.menu-button{display:inline-grid}.main-nav{background:#120c12f5;border:1px solid #f4d38a3d;border-radius:8px;flex-direction:column;align-items:stretch;padding:12px;display:none;position:absolute;top:calc(100% + 1px);left:16px;right:16px}.main-nav.is-open{display:flex}.main-nav a{width:100%}.hero{min-height:720px;padding:104px 0 48px}.hero-overlay{background:linear-gradient(#100d19e6 0%,#100d199e 66%,#100d1966),linear-gradient(90deg,#100d19d9,#100d1938)}.hero-content{width:min(100% - 40px,720px);margin:0 auto}.safety-grid,.ranking-layout,.methodology-grid,.compass-layout,.score-legend,.legal-layout,.footer-grid{grid-template-columns:1fr}.legal-aside{position:static}.game-card.compact{justify-self:stretch;max-width:none}.ranking-row{grid-template-columns:38px 58px 1fr}.ranking-row .rating-pill{grid-column:3;justify-self:start}}@media (width<=620px){.inner{width:min(100% - 28px,1180px)}.site-header{padding:12px 14px}.brand small{display:none}.brand-mark{width:38px;height:38px}.hero{min-height:680px;padding:96px 0 42px}.hero h1{font-size:clamp(2.55rem,14vw,4.2rem)}.hero-stats span{min-width:calc(50% - 5px)}.game-grid,.game-grid.three,.method-list,.testimonial-grid,.faq-grid,.legend-grid{grid-template-columns:1fr}.section{padding:62px 0}.subhero{padding-top:128px}.subhero h1{font-size:2.45rem}.hero-actions,.primary-button,.ghost-button{width:100%}}