:root{--blue: #0d47c4;--sun-shadow: #0a3897;--cream: #fbf3e3;--ivory: #f4ecdc;--ivory-d: #e3d5b9;--ink: #1c1414;--ink-soft: #4a3a35;--gold: #f2c230;--gutter: clamp(16px, 5vw, 72px);--die: clamp(104px, min(15vw, 21vh), 200px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{background:var(--blue);color:var(--cream);-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:pan-y pinch-zoom;scroll-behavior:smooth}body{font-family:Tajawal,system-ui,sans-serif;font-weight:500;line-height:1.5;overflow-x:clip}a{color:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}img{display:block;max-width:100%;height:auto}.stripe{background:var(--ink);color:var(--cream);font-size:13px;font-weight:700;text-align:center;padding:7px var(--gutter);line-height:1.5}.stripe a{color:var(--gold);text-underline-offset:3px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--gutter)}.brand{font-family:Aref Ruqaa,Tajawal,serif;font-weight:700;font-size:36px;line-height:1;text-decoration:none}.links{display:flex;align-items:center;gap:clamp(10px,2vw,26px);font-size:15px;font-weight:700}.links a{text-decoration:none}@media(hover:hover){.links a:not(.support):not(.binary):hover{text-decoration:underline;text-underline-offset:6px}}.support{display:inline-flex;align-items:center;height:40px;padding:2px 14px 0;background:var(--ink);color:var(--gold);white-space:nowrap}.binary img{height:18px;width:auto}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:24px;padding:clamp(8px,4vh,36px) var(--gutter) 0;overflow-x:clip}.online{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:4px 12px 2px;background:var(--sun-shadow);font-size:14px;font-weight:700}.online:before{content:"";width:8px;height:8px;border-radius:50%;background:#5ee08a}.online:empty{display:none}h1{font-weight:900;font-size:clamp(32px,min(4.6vw,8.2vh),66px);line-height:1.08;max-width:11em;text-wrap:balance}.sub{margin-top:14px;max-width:32em;font-size:clamp(16px,1.6vw,20px);line-height:1.65;opacity:.94}.act{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;min-height:54px}.throw,.pick{display:inline-flex;align-items:center;min-height:52px;padding:4px 26px 0;font:900 18px Tajawal,system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}.throw{border:2px solid var(--cream);background:none;color:var(--cream)}.pick{background:var(--cream);color:var(--ink);box-shadow:6px 6px 0 var(--sun-shadow)}.pick[hidden],.throw[hidden]{display:none}@media(hover:hover){.throw:hover{background:#fbf3e31f}.pick:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--sun-shadow)}}.stage{position:relative;height:calc(var(--die) * 2.3);perspective:1100px;perspective-origin:50% 20%;overflow:clip;pointer-events:none}.floor{position:absolute;inset:-10% -6%;transform-style:preserve-3d;transform:rotateX(54deg);transform-origin:50% 62%}.sun{position:absolute;inset:0;width:100%;height:100%}.cube{pointer-events:auto;touch-action:none;cursor:grab}.cube:active{cursor:grabbing}.cube{position:absolute;left:50%;top:64%;width:var(--die);height:var(--die);margin:calc(var(--die) / -2) 0 0 calc(var(--die) / -2);transform-style:preserve-3d;transform:translateZ(calc(var(--die) / 2)) rotate(-22deg)}.side{position:absolute;inset:0;border-radius:9%;background:var(--ivory);box-shadow:inset 0 0 0 calc(var(--die) * .025) var(--ivory-d);-webkit-backface-visibility:hidden;backface-visibility:hidden}.side:before{content:"";position:absolute;inset:7%;border-radius:6%;background:var(--art) 50% 50% / cover no-repeat}.shade{position:absolute;inset:0;border-radius:inherit;background:#0b1633;opacity:0}.core{position:absolute;inset:1.5%;background:var(--ivory-d)}.games{padding:26px var(--gutter) 40px}.quiet{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cards{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}.card{display:flex;flex-direction:column;height:100%;background:var(--ivory);color:var(--ink);text-decoration:none;box-shadow:6px 7px 0 var(--sun-shadow);transition:transform .18s cubic-bezier(.2,.9,.3,1.2),box-shadow .18s}.card picture{display:block}.card img{display:block;width:100%;aspect-ratio:5 / 4;object-fit:cover}.body{display:flex;flex-direction:column;flex:1;gap:4px;padding:12px 14px 14px}.body b{font-size:21px;font-weight:900;line-height:1.2}.line{font-size:14px;line-height:1.5;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.go{align-self:flex-start;margin-top:auto;padding:6px 16px 3px;background:var(--ink);color:var(--cream);font-size:15px;font-weight:900}.body .go{margin-top:10px}@media(hover:hover){.card:hover{transform:translate(-3px,-4px);box-shadow:9px 11px 0 var(--sun-shadow)}}.card:active{transform:translate(3px,3px);box-shadow:3px 4px 0 var(--sun-shadow)}.card.picked{transform:translate(-3px,-4px);box-shadow:9px 11px 0 var(--sun-shadow),0 0 0 4px var(--gold)}.how{background:var(--ivory);color:var(--ink);padding:44px var(--gutter) 48px}.how h2{font-family:Aref Ruqaa,Tajawal,serif;font-size:clamp(28px,3.4vw,42px);line-height:1.2}.steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 32px;margin-top:22px}.steps li{counter-increment:step;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:start}.steps li:before{content:counter(step);grid-row:span 2;display:grid;place-items:center;width:46px;height:46px;background:var(--blue);color:var(--cream);font-size:24px;font-weight:900;box-shadow:4px 4px 0 var(--ivory-d)}.steps b{font-size:19px;font-weight:900}.steps span{font-size:15px;color:var(--ink-soft)}.alone{margin-top:22px;font-size:15px;color:var(--ink-soft)}.foot{background:var(--ink);color:var(--cream);padding:24px var(--gutter) max(22px,env(safe-area-inset-bottom));font-size:13px;text-align:center;opacity:.95}.foot .binary{display:inline-block;margin-bottom:12px;padding:6px}.foot .binary img{height:22px;width:auto}.foot p+p{margin-top:4px;opacity:.75}@media(max-width:900px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.cards .wide{grid-column:span 2}.wide .card{flex-direction:row}.wide .card picture{order:2;flex:0 0 50%;position:relative}.wide .card img{position:absolute;inset:0;height:100%;aspect-ratio:auto}.wide .card .body{flex:1}}@media(max-width:760px){:root{--die: clamp(68px, 20.5vw, 80px)}.sub .list{display:none}.links a:not(.support){display:none}.brand{font-size:30px}.top{padding-block:10px}.hero{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"online online" "title title" "sub sub" "act stage";gap:0 12px;padding-top:2px}.pitch{display:contents}.online{grid-area:online;justify-self:start;margin-bottom:8px}h1{grid-area:title}.sub{grid-area:sub;margin-top:8px;font-size:15px;line-height:1.55}.act{grid-area:act;margin-top:4px;align-self:center;flex-direction:column;align-items:stretch}.stage{grid-area:stage;width:calc(var(--die) * 2.5);height:calc(var(--die) * 2.5);margin-top:4px}.throw,.pick{justify-content:center;min-height:48px;padding-inline:18px;font-size:17px}.games{padding-top:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card img{aspect-ratio:5 / 2;object-position:50% 8%}.card[data-game=sheshbesh] img{object-position:50% 44%}.wide .card img{object-position:50% 60%}.body{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:8px 8px 10px;gap:6px 4px}.body b{font-size:min(17px,4.3vw);white-space:nowrap;min-width:0}.body .line{display:none}.body .go{margin-top:0;padding:5px 8px 2px;font-size:min(14px,3.6vw)}.steps{grid-template-columns:1fr}}@media(max-width:760px)and (max-height:720px){.stripe{padding-block:5px;font-size:12px}.top{padding-block:6px}h1{font-size:28px}.online{margin-bottom:4px}.sub{margin-top:4px}:root{--die: 68px}.games{padding-top:6px}.card img{aspect-ratio:5 / 2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}