*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f5ef;color:#242032;font-family:Arial,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #ed6509;outline-offset:6px}header,main,footer{max-width:1440px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 5%;gap:24px;border-bottom:1px solid #e7e1da}.brand{font-weight:900;letter-spacing:-1.6px;font-size:31px;display:inline-flex;align-items:center;gap:8px}.brand-mark{background:#b94300;color:#fff;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;line-height:1}.brand-play{font-size:13px;letter-spacing:0;align-self:end;padding-bottom:5px}nav{display:flex;gap:28px;font-size:14px;font-weight:600}.header-actions{display:flex;align-items:center;gap:24px;font-size:14px}.login-link{font-weight:700}.languages{position:relative}.languages summary{cursor:pointer}.languages div{position:absolute;z-index:5;background:white;padding:12px 18px;box-shadow:0 8px 30px #241c3220;inset-inline-end:0;min-width:140px;border-radius:14px}.languages a{display:block;padding:7px 0}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:54px;padding:78px 5% 100px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:9px;margin:0 0 24px}.eyebrow>span{width:7px;height:7px;background:#b94300;border-radius:50%}h1{font-size:clamp(38px,4.6vw,68px);line-height:1.12;letter-spacing:-2.8px;margin:0 0 26px;font-weight:800}h1 em{font-family:Georgia,serif;font-weight:500;color:#b94300}html[dir=rtl] h1{letter-spacing:-1.2px;line-height:1.35}html[dir=rtl] h1 em{font-family:inherit}.intro{font-size:18px;color:#706a7c;max-width:480px;line-height:1.75}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{padding:15px 21px;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:13px;font-weight:700}.primary{background:#b94300;color:white;box-shadow:0 5px 0 #8a3300}.primary:hover{background:#933600}.secondary{border:1px solid #d3c9df;background:transparent}.secondary:hover{background:#fff1ce}.quiet{font-size:12px;color:#797282;margin:16px 0}.people{display:flex;gap:15px;align-items:center;margin-top:40px;font-size:12px;color:#706a7c}.avatars{display:flex;padding-inline-start:8px}.avatars b{margin-inline-start:-8px;display:grid;place-items:center;border:3px solid #f8f5ef;border-radius:50%;width:36px;height:36px;background:#ffe49d;color:#3f276d;font-size:20px}.avatars b:nth-child(2){background:#f9d19c}.avatars b:nth-child(3){background:#d9ddab}.avatars b:nth-child(4){background:#e9b8ca}.game-art{background:#fff1ce;border-radius:34px;min-height:480px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;padding:40px 25px;overflow:hidden}.preview{transform:rotate(-5deg);background:#241d39;border:7px solid #34294d;border-radius:21px;width:100%;max-width:450px;z-index:2;box-shadow:15px 28px 0 #ffd58c;color:#fff;padding:18px}.preview-top{display:flex;align-items:center;justify-content:space-between;font-size:11px}.preview-top>span:first-child{font-weight:800;font-size:17px}.live-dot{color:#c3b4ee;background:#3c3156;padding:5px 9px;border-radius:15px;font-size:10px}.preview-question{padding:17px 13px 20px;text-align:center}.planet{font-size:40px;color:#e7bc95;line-height:1}h2{font-size:34px;line-height:1.2;letter-spacing:-.9px;margin:0}.preview-question h2{font-size:21px;font-weight:600;margin:10px auto 20px;line-height:1.35;max-width:300px;letter-spacing:-.3px}.answer{background:#bce7d3;color:#174c35;border-radius:10px;text-align:start;padding:10px 13px;font-size:12px}.answer b{float:right}.preview-scores{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-scores>div{background:#3d3255;padding:10px;border-radius:10px;font-size:10px}.preview-scores b{display:block;font-size:25px;line-height:1.4;color:#ffe49d}.preview-scores small{font-weight:400;font-size:9px;margin-inline-start:6px;color:#b8abc9}.floating-star{position:absolute;inset-inline-end:3px;top:2px;transform:rotate(18deg);font-size:108px;line-height:1;color:#b7a1df;z-index:-1}.orbit{position:absolute;border:1px solid #cbbce2;border-radius:50%;width:560px;height:560px}.orbit-two{width:430px;height:430px}.little-card{display:flex;align-items:center;gap:15px;background:#f6ca78;border:4px solid #f8f5ef;border-radius:17px;color:#725121;padding:10px 18px;transform:rotate(10deg);position:absolute;bottom:36px;inset-inline-end:22px;z-index:3;box-shadow:0 8px 20px #33234722}.little-card b{font-size:30px}.art-caption{font-size:9px;letter-spacing:2px;position:absolute;bottom:9px;color:#73618c}.how{padding:64px 5%;border-top:1px solid #e7e1da}.how>.eyebrow{color:#775baf;margin-bottom:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:42px}.number{display:inline-block;color:#7052b2;border-bottom:2px solid #c0abd8;padding-bottom:9px;font:italic 24px Georgia,serif}.steps h3{font-size:19px;margin:17px 0 8px}.steps p{color:#77707f;font-size:14px;line-height:1.8;margin:0}.stories{padding:55px 5% 80px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:20px}.section-heading a{color:#b94300;font-size:13px;font-weight:700}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{border:1px solid #ded6e5;padding:28px;border-radius:19px;background:#fdfbf8;display:flex;flex-direction:column}.article-card:hover{border-color:#8563ba;transform:translateY(-3px)}.article-kind{font-size:11px;letter-spacing:1px;color:#785c9f;text-transform:uppercase}.article-card h3{font-size:22px;line-height:1.3;margin:16px 0}.article-card p{font-size:14px;color:#797182;margin:0 0 20px}.read{margin-top:auto;color:#b94300;font-size:12px;font-weight:700}.listing{padding:65px 5%;min-height:60vh}.listing h1{margin-bottom:40px}.longform{max-width:800px;padding:65px 24px 90px;margin:auto}.longform h1{font-size:46px;margin-top:25px}.longform .intro{max-width:none}.back{color:#7656ae;font-size:14px}.prose{line-height:1.9;font-size:18px;margin:40px 0}.prose p{margin-bottom:26px}footer{border-top:1px solid #e0d8e4;padding:40px 5%;display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:14px;color:#766e81}footer p{margin:0;align-self:center;text-align:end}footer div{display:flex;gap:24px;flex-wrap:wrap}footer small{font-size:11px;text-align:end;align-self:center}.skip{position:absolute;top:-100px;left:10px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}@media(max-width:1050px){header{flex-wrap:wrap}header nav{display:flex;order:3;flex:1 0 100%;justify-content:center}.hero{gap:30px;padding-top:50px}.game-art{min-height:410px}.steps{gap:25px}.article-card{padding:22px}}@media(max-width:760px){header{padding:22px 6%;gap:15px}.brand{font-size:26px}.brand-mark{width:31px;height:31px}.header-actions{gap:16px;font-size:12px}.hero{grid-template-columns:1fr;padding:48px 6% 55px;gap:35px}h1{font-size:48px;letter-spacing:-2px}.intro{font-size:16px}.hero-copy .intro{max-width:430px}.people{margin-top:28px}.game-art{min-height:420px;max-width:530px;width:100%;margin:auto}.steps,.article-grid{grid-template-columns:1fr}.steps{gap:30px}.steps article{display:grid;grid-template-columns:40px 1fr;gap:0 20px}.steps .number{grid-row:span 2;align-self:start}.steps h3{margin-top:0}.how{padding:46px 6%}h2{font-size:29px}.stories{padding:25px 6% 55px}.longform h1{font-size:36px}footer{grid-template-columns:1fr;padding:30px 6%}footer p,footer small{text-align:start}.listing{padding:45px 6%}.article-card h3{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article-card:hover{transform:none}}
.game-directory .intro{max-width:700px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px}.game-card{display:block;border:1px solid #e1dae7;border-radius:24px;background:#fffdf9;overflow:hidden;transition:transform .15s}.game-card:hover{transform:translateY(-4px);border-color:#ed6509}.game-cover{height:175px;position:relative;display:grid;place-items:center;background:var(--wash)}.game-mark{font-size:72px;line-height:1;color:var(--tone);transform:rotate(-8deg);background:#ffffff90;width:105px;height:105px;border-radius:26px;display:grid;place-items:center;box-shadow:6px 7px 0 #00000009}.game-id{position:absolute;bottom:12px;inset-inline-end:20px;font-size:10px;color:var(--tone);font-weight:800;letter-spacing:1px}.game-summary{padding:25px}.game-summary h2{font-size:25px;letter-spacing:-.5px;margin:17px 0 10px}.game-summary p{font-size:14px;color:#71687b;margin:0 0 20px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags>span{font-size:10px;font-weight:600;border:1px solid #e8e0ed;border-radius:99px;padding:4px 9px;color:#76658c}.game-tone-0{--wash:#fff1ce;--tone:#b94300}.game-tone-1{--wash:#fff1ce;--tone:#b94300}.game-tone-2{--wash:#fff1ce;--tone:#b94300}.game-tone-3{--wash:#fff1ce;--tone:#b94300}.game-tone-4{--wash:#fff1ce;--tone:#b94300}.game-tone-5{--wash:#fff1ce;--tone:#b94300}.game-detail{padding:50px 5% 80px}.game-detail-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;margin:35px 0 60px}.game-detail-hero h1{font-size:54px}.game-detail-hero .button{margin-top:28px}.game-emblem{background:var(--wash);color:var(--tone);font-size:140px;border-radius:32px;display:grid;place-items:center;min-height:290px;transform:rotate(3deg)}.game-detail-body{display:grid;grid-template-columns:1.5fr 1fr;gap:60px}.game-detail-body section{margin-bottom:40px}.game-detail-body p{color:#746b80;line-height:1.9}.game-detail-body .rules{font-size:18px;color:#3e354a}.mode-panel{padding:30px;background:#fff4dc;border-radius:24px;align-self:start}.mode-panel h2{font-size:24px}.mode-panel h3{margin:25px 0 6px}.mode-panel p{font-size:14px}.mode-limit{font-weight:700}.mode-panel hr{border:0;border-top:1px solid #d8cde4;margin:25px 0}@media(max-width:1050px){.game-grid{grid-template-columns:repeat(2,1fr)}.game-detail-hero,.game-detail-body{gap:30px}.game-detail-hero h1{font-size:43px}}@media(max-width:650px){.game-grid{grid-template-columns:1fr}.game-detail{padding:35px 6% 55px}.game-detail-hero,.game-detail-body{grid-template-columns:1fr}.game-emblem{min-height:190px;font-size:100px}.game-detail-hero{margin-bottom:40px}.game-detail-hero h1{font-size:38px}.game-card{max-width:480px}.game-summary h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.game-card{transition:none}.game-card:hover{transform:none}}
@media(max-width:760px){header{flex-wrap:wrap}header nav{display:flex;order:3;flex:1 0 100%;justify-content:center;gap:20px;font-size:12px;padding-top:6px}}
@font-face{font-family:Jam3a;src:url('/fonts/NotoSans.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Jam3aArabic;src:url('/fonts/NotoSansArabic.ttf') format('truetype');font-weight:100 900;font-display:swap}html body{font-family:Jam3a,Arial,sans-serif}html[dir=rtl] body{font-family:Jam3aArabic,Jam3a,Arial,sans-serif}

/* Shared artwork and navigation treatments across every public page. */
.ui-icon{display:inline-block;flex:none;width:20px;height:20px;vertical-align:middle}
.brand-mark .ui-icon{width:27px;height:27px}.brand-play{font-size:22px;align-self:auto;padding:0;color:#b94300;font-weight:400}
header{position:relative;z-index:2}header nav{align-items:center;flex-wrap:wrap;gap:12px}
header nav a,.login-link,.languages summary{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:8px;border-radius:10px}
header nav a:hover,header nav a[aria-current],.languages a[aria-current]{background:#fff4dc;color:#8a3300}
.languages div{min-width:170px;border:1px solid #e5dfef}.languages a{min-height:44px;padding:10px;border-radius:8px}.languages a:hover{background:#fff7e6}
.gathering{position:relative;margin:0;min-width:0;border-radius:30px;overflow:hidden;box-shadow:0 20px 55px #38244218;aspect-ratio:4/3;background:#fff4dc}
.gathering>img{display:block;width:100%;height:100%;object-fit:cover}
.gathering figcaption{position:absolute;inset-inline:18px;bottom:18px;display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:14px;background:#fffffff2;color:#46375c;font-size:11px;letter-spacing:1px;font-weight:800}
.people{gap:12px}.people>.ui-icon{color:#b94300;width:28px;height:28px}
.game-cover{height:auto;aspect-ratio:3/2;overflow:hidden}.game-cover>img{width:100%;height:100%;object-fit:cover;display:block}
.game-icon{position:absolute;inset-inline-start:14px;bottom:14px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fffffff2;color:#b94300;box-shadow:0 4px 16px #28203415}
.game-icon .ui-icon{width:23px;height:23px}.game-summary .read{display:flex;align-items:center;gap:8px}
.game-summary{padding:22px}.game-summary h2{margin-top:16px}.game-card{background:#fff;box-shadow:0 5px 20px #30204005}
.game-emblem{overflow:hidden;min-height:0;aspect-ratio:3/2;transform:none;box-shadow:0 16px 45px #38244215}
.game-emblem>img{display:block;width:100%;height:100%;object-fit:cover}
.game-detail-hero{grid-template-columns:1fr 1fr}.game-detail-hero h1{font-size:clamp(34px,4vw,54px)}
.back,.section-heading>a,.read,.article-kind{display:inline-flex;align-items:center;gap:8px}.back{min-height:44px}
.article-kind .ui-icon{width:18px;height:18px}.article-card{background:#fff}.article-card .read{padding-top:12px}
.tags>span{font-size:12px}.mode-panel{border:1px solid #e3d9ef}.listing h1{margin-bottom:22px}
footer a{min-height:44px;display:inline-flex;align-items:center}main:focus{outline:none}#how{scroll-margin-top:24px}
html[dir=rtl] .directional{transform:scaleX(-1)}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] .eyebrow{letter-spacing:0}
@media(max-width:760px){.hero{padding-top:36px;gap:28px}.gathering{aspect-ratio:3/2;max-width:560px;width:100%;margin:auto}.hero h1{font-size:clamp(36px,8vw,48px)}header{padding:16px 6%;gap:10px}.header-actions{gap:4px;margin-inline-start:auto}header nav{gap:4px;justify-content:center;font-size:12px}header nav a{padding:6px 9px}.brand{font-size:25px;gap:6px}.brand-play{font-size:19px}.brand-mark{width:34px;height:34px}.game-detail-hero{grid-template-columns:1fr}.game-emblem{max-width:560px;width:100%}.section-heading{gap:16px;flex-wrap:wrap}.cta .button{min-height:48px}.listing,.game-detail{padding-inline:6%}.gathering figcaption{inset-inline:12px;bottom:12px;padding:9px 12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}