@font-face{font-family:AB Sans;src:url('/fonts/Arabic.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#0d0e0e;--surface:#151615;--text:#f4f1e9;--muted:#b5b4ab;--gold:#d3b67b;--line:#32332f;--ease:cubic-bezier(.2,.7,.2,1);font-family:AB Sans,Arial,sans-serif;font-size:100%}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.8}button,a{-webkit-tap-highlight-color:#d3b67b30;touch-action:manipulation}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}button:focus-visible,a:focus-visible{outline:3px solid #eed397;outline-offset:5px}button:disabled{cursor:default}::selection{background:#d3b67b;color:#0d0e0e}[hidden]{display:none!important}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;z-index:10;top:-100px;inset-inline-start:20px;padding:10px 20px;background:var(--gold);color:var(--bg)}.skip:focus{top:10px}.topbar{min-height:94px;display:flex;flex-wrap:wrap;padding-block:16px;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:11px;direction:ltr;font-family:Arial,sans-serif;font-size:22px;white-space:nowrap;font-weight:500;letter-spacing:-.7px}.brand-icon{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #786a4d;border-radius:50%;color:var(--gold);font-family:Georgia,serif;font-size:20px;letter-spacing:-3px;padding-right:3px}.wordmark .play-word{font-weight:400;color:var(--gold)}.top-actions{display:flex;align-items:center;gap:26px}.plain-link{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;color:var(--muted);transition:color .12s var(--ease)}.plain-link:hover{color:var(--text)}.language{background:transparent;color:var(--text);border:1px solid #44453e;border-radius:6px;padding:7px 14px;min-height:44px;min-width:72px;font-size:.875rem}.language:hover{border-color:var(--gold)}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:45px 0 37px}.eyebrow{font-size:.75rem;letter-spacing:.16em;color:var(--gold);direction:ltr;display:block;line-height:1.5;font-family:Arial,sans-serif;font-weight:500}.intro .eyebrow{margin-bottom:13px}h1{font-size:clamp(2rem,4vw,3.1rem);font-weight:600;line-height:1.55;letter-spacing:-.045em}html[lang=ar] h1,html[lang=ar] h2{letter-spacing:0}.intro-copy{color:var(--muted);max-width:540px;margin-top:9px;font-size:1rem}.collection-label{font-size:.8125rem;white-space:nowrap;color:var(--muted);padding-bottom:6px}.collection-label span:first-child{color:var(--gold);font-family:Arial,sans-serif;margin-inline-end:8px;font-variant-numeric:tabular-nums}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .16s var(--ease),transform .16s var(--ease);display:flex;flex-direction:column;animation:arrive .45s var(--ease) backwards}.game:nth-child(2){animation-delay:.07s}.game:nth-child(3){animation-delay:.14s}.game:focus-within{border-color:var(--gold)}.game:hover{border-color:#6d6148;transform:translateY(-3px)}.game-media{height:auto;aspect-ratio:3 / 2;direction:ltr;position:relative;overflow:hidden;background:#1d211c;border-bottom:1px solid var(--line)}.game-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .32s var(--ease)}.game-media.cafe img{object-position:50% 50%}.game-media.accountant{background:radial-gradient(ellipse at 50% 55%,#3c3320 0%,#181a16 65%)}.game-media.accountant img{object-fit:contain;padding:12px 24px}.game-media.detective img{object-position:0% 50%}.media-label{direction:inherit;position:absolute;inset-block-start:14px;inset-inline-start:14px;background:#11130fdf;border:1px solid #ffffff25;border-radius:5px;padding:4px 9px;font-size:.75rem;color:#eeeade;line-height:1.6}.game-body{padding:22px 23px 23px;display:flex;flex-direction:column;flex:1}.game-category{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;color:var(--gold);margin-bottom:9px}.game-category .number{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;color:#b5b4ab}.game h2{min-block-size:3.3em;font-size:1.375rem;font-weight:600;line-height:1.65;margin-bottom:8px}.description{color:var(--muted);font-size:1rem;line-height:1.85;margin-bottom:17px;min-height:5.55em}.skills{font-size:.875rem;color:#ccc9bf;margin-bottom:21px;border-top:1px solid #30312c;padding-top:12px}.play-button{max-width:100%;text-align:center;overflow-wrap:anywhere;margin-top:auto;display:flex;justify-content:center;align-items:center;gap:9px;min-height:47px;padding:9px 18px;background:var(--gold);color:#14140f;border:1px solid var(--gold);border-radius:6px;font-size:.9375rem;font-weight:600;transition:background .12s var(--ease),transform .12s var(--ease)}.play-button:hover{background:#e2c997;transform:translateY(-1px)}.play-button:active{transform:translateY(1px)}.play-icon{width:12px;height:12px;flex:none;fill:currentColor}.info-line{margin:24px 0 0;display:flex;align-items:flex-start;gap:9px;color:#aaa99f;font-size:.8125rem}.info-line svg{width:17px;height:17px;margin-top:4px;flex:none;stroke:var(--gold);fill:none;stroke-width:1.5}.bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:40px;padding:22px 0 28px;color:var(--muted);font-size:.75rem}.bottom-links{display:flex;gap:24px;align-items:center}.preview-link{display:inline-flex;align-items:center;min-height:44px;color:var(--gold);font-size:.875rem}.preview-ribbon{background:#211d14;border-bottom:1px solid #665435;text-align:center;color:#e3c98e;padding:9px 20px;font-size:.8125rem}.preview-intro{padding:35px 0 24px}.preview-intro h1{font-size:1.625rem;line-height:1.8}.preview-intro p{color:var(--muted);font-size:.9375rem;max-width:760px}.context-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;border:1px dashed #3e3f37;border-radius:8px;padding:18px 22px;color:#aba99f;font-size:.8125rem}.context-strip strong{display:block;font-weight:500;color:#d1d0c7;font-size:.9375rem}.context-strip .context-mini{color:#929288;max-width:420px}.play-banner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;position:relative;isolation:isolate;overflow:hidden;background:#141512;border:1px solid #5e5137;border-radius:14px;min-height:350px}.play-banner:before{content:'';z-index:-1;position:absolute;width:500px;height:500px;inset-inline-end:-200px;top:-80px;border-radius:50%;background:radial-gradient(circle,#96774020,transparent 70%)}.banner-copy{min-width:0;padding:43px 38px}.banner-copy .eyebrow{margin-bottom:15px}.banner-copy h2{font-size:2.125rem;line-height:1.7;font-weight:600;letter-spacing:-.025em}.banner-copy p{font-size:1rem;color:var(--muted);max-width:390px;margin:7px 0 24px}.banner-copy .play-button{display:inline-flex;min-width:190px}.banner-count{font-size:.75rem;color:#c4b998;margin-top:13px}.banner-art{position:relative;direction:ltr;width:min(100%,480px);aspect-ratio:1.55;height:auto;min-width:0;justify-self:center;isolation:isolate}
.banner-tile{position:absolute;width:34%;aspect-ratio:1;height:auto;border:1px solid #68573b;border-radius:10px;overflow:hidden;background:#212119;box-shadow:0 18px 40px #0007;transition:transform .2s var(--ease)}
.banner-tile img{width:100%;height:100%;object-fit:cover}
.banner-tile.cafe-tile{left:5%;top:25%;transform:rotate(-8deg)}
.banner-tile.cafe-tile img{object-position:50% 50%}
.banner-tile.accountant-tile{left:33%;top:18%;z-index:2;background:radial-gradient(circle,#5a4624,#1d1e17 75%)}
.banner-tile.accountant-tile img{object-fit:contain;padding:7px}
.banner-tile.detective-tile{left:61%;top:25%;transform:rotate(8deg)}
.banner-tile.detective-tile img{object-position:0% 50%}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.play-banner:hover .cafe-tile{transform:rotate(-10deg) translateY(-3px)}.play-banner:hover .detective-tile{transform:rotate(10deg) translateY(-3px)}.play-banner:hover .accountant-tile{transform:translateY(-5px)}}
.contact-context{margin-top:25px;padding:27px 22px;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px dashed #3e3f37;border-bottom:1px dashed #3e3f37}.contact-context h2{font-size:1.375rem;font-weight:500}.contact-context p{font-size:.875rem;color:var(--muted)}.contact-context a{border:1px solid #4e4d42;padding:9px 16px;border-radius:6px;font-size:.875rem;min-height:44px}.preview-main .bottom{margin-top:30px}.fade-in{animation:arrive .45s var(--ease) backwards}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1400px){.wrap{width:min(1220px,calc(100% - 100px))}.intro{padding-top:58px;padding-bottom:43px}.game-body{padding:25px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.games{grid-template-columns:1fr;gap:22px}.game{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)}.game-media{height:100%;aspect-ratio:auto;min-height:260px;border-bottom:0}.game-media img{object-fit:contain;padding:12px}.game-media.accountant img{padding:24px}.game-body{padding:24px;border-inline-start:1px solid var(--line)}.game h2{min-block-size:0;font-size:1.375rem}.description{font-size:1rem;min-height:0}.skills{margin-bottom:17px}.banner-copy{padding:30px 24px}.banner-copy h2{font-size:1.8rem}.top-actions{gap:18px}}
@media(min-width:721px) and (max-width:900px){.play-banner{grid-template-columns:1fr}.banner-copy{padding:30px 30px 0}.banner-copy p{max-width:42em}.banner-art{width:min(100%,440px)}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.topbar{min-height:78px;gap:15px}.top-actions{gap:12px}.plain-link{font-size:.8125rem}.wordmark{font-size:20px;gap:8px}.brand-icon{width:32px;height:32px;font-size:18px}.language{min-width:63px;padding:7px 10px}.intro{padding:28px 0 25px;align-items:flex-start;flex-direction:column;gap:14px}.intro .eyebrow{margin-bottom:8px;font-size:.75rem;letter-spacing:.12em}h1{font-size:2rem}.intro-copy{margin-top:6px;max-width:36em;font-size:.9375rem}.collection-label{font-size:.8125rem}.games{grid-template-columns:1fr;gap:23px}.game{display:flex}.game-media{aspect-ratio:3 / 2;height:auto;min-height:0;border-inline-end:0;border-bottom:1px solid var(--line)}.game-media img{object-fit:cover;padding:0}.game-media.accountant img{object-fit:contain;padding:12px 24px}.game-body{padding:20px 22px;border-inline-start:0}.game h2{min-block-size:0;font-size:1.375rem}.description{font-size:1rem;min-height:0;margin-bottom:15px}.skills{margin-bottom:18px}.info-line{font-size:.75rem;margin-top:24px}.bottom{margin-top:29px;padding:22px 0;align-items:flex-start;flex-direction:column;gap:12px}.bottom-links{gap:20px;flex-wrap:wrap}.preview-ribbon{font-size:.75rem;padding:9px 18px}.preview-intro{padding:25px 0 22px}.preview-intro h1{font-size:1.45rem}.preview-intro p{font-size:.875rem}.context-strip{padding:16px;gap:10px;flex-direction:column;align-items:flex-start}.play-banner{grid-template-columns:1fr}.banner-copy{padding:28px 24px 0;z-index:2}.banner-copy h2{font-size:1.9rem}.banner-copy p{font-size:.9375rem;margin-bottom:20px}.banner-copy .eyebrow{margin-bottom:8px}.banner-art{width:100%;margin:12px 0 5px}.banner-count{margin-top:10px}.contact-context{padding:20px 5px;align-items:flex-start;flex-direction:column;gap:16px}.contact-context h2{font-size:1.2rem}}
@media(max-width:380px){.wrap{width:calc(100% - 28px)}.top-actions{gap:8px}.topbar .plain-link{max-width:68px;line-height:1.5;font-size:.75rem}.wordmark{font-size:18px;gap:7px}.game-body{padding:18px}.banner-copy{padding-inline:20px}.banner-copy h2{font-size:1.7rem}.language{min-width:58px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.game:hover,.play-button:hover,.play-button:active{transform:none}.play-banner:hover .cafe-tile{transform:rotate(-8deg)}.play-banner:hover .detective-tile{transform:rotate(8deg)}.play-banner:hover .accountant-tile{transform:none}}

html[dir=rtl] .media-label{direction:rtl}
html[lang=ar] .contact-context .eyebrow{direction:rtl;letter-spacing:0;font-family:inherit}
@media(hover:none){.game:hover{transform:none}}

/* Both languages stay visible; manual selection is saved only after a click. */
.language-control{display:inline-flex;direction:ltr;align-items:stretch;border:1px solid #44453e;border-radius:7px;padding:3px;gap:3px;flex-shrink:0}
.language-control button{font:inherit;font-size:.875rem;line-height:1.4;min-height:44px;min-width:64px;padding:8px 10px;border:0;border-radius:4px;background:transparent;color:var(--muted);transition:background .12s var(--ease),color .12s var(--ease)}
.language-control button[aria-pressed=true]{background:var(--gold);color:#14140f;font-weight:600}
.language-control button:hover{color:var(--text);background:#ffffff12}
.language-control button[aria-pressed=true]:hover{background:#e2c997;color:#14140f}
@media(max-width:720px){.topbar{gap:10px}.top-actions{gap:12px}.topbar .plain-link{font-size:.8125rem}.language-control button{min-width:60px;padding-inline:8px}}
@media(max-width:480px){.topbar{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding-block:12px}.wordmark{grid-column:1;grid-row:1}.top-actions{display:contents}.topbar .plain-link{grid-column:1;grid-row:2;justify-self:start;min-height:44px;max-width:none;line-height:1.4}.language-control{grid-column:2;grid-row:1 / 3}.language-control button{min-height:44px;min-width:58px;padding:8px 7px;font-size:.8125rem}}