.landing{flex:1}.hero{background:var(--scene-sky-1);border-block-end:var(--border-width) solid var(--color-ink);place-items:center;min-block-size:min(92dvh,820px);display:grid;position:relative;overflow:hidden}.hero__scene{block-size:100%;inline-size:100%;position:absolute;inset:0}.hero__content{align-items:center;gap:var(--space-3);inline-size:100%;max-inline-size:760px;padding:var(--space-6) var(--space-4) 38dvh;text-align:center;flex-direction:column;display:flex;position:relative}.hero__kicker{padding:var(--space-1) var(--space-3);background:var(--color-ink);color:var(--color-primary);border-radius:var(--radius);font-family:var(--font-pixel);font-weight:var(--font-pixel-weight);font-variant-ligatures:none;letter-spacing:1px;text-transform:uppercase;margin:0}:root:lang(ar) .hero__kicker{font-family:var(--font-arabic);text-transform:none;font-weight:700}.hero__title{color:var(--color-text);text-shadow:4px 4px 0 var(--color-ink), 0 0 18px var(--scene-sky-4);text-wrap:balance;margin:0;font-size:clamp(2.2rem,8vw,4.4rem);line-height:1.05}.hero__subtitle{max-inline-size:36ch;font-size:var(--font-size-lg);color:var(--color-text);text-shadow:2px 2px 0 var(--color-ink);text-wrap:pretty;margin:0;font-weight:700}.hero__ctas{justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.hero__cta{min-block-size:56px;padding-inline:var(--space-5);text-decoration:none}.hero__trust{padding:var(--space-1) var(--space-3);background:var(--shadow-ink);border-radius:var(--radius);font-size:var(--font-size-sm);margin:0;font-weight:800}@media (width>=900px){.hero__content{padding-block-end:30vh}}.scene-star{animation:4s steps(2,jump-none) infinite twinkle}.scene-star--d1{animation-delay:-.7s}.scene-star--d2{animation-delay:-1.4s}.scene-star--d3{animation-delay:-2.1s}.scene-star--d4{animation-delay:-2.8s}.scene-star--d5{animation-duration:6s}@keyframes twinkle{0%,70%{opacity:1}85%{opacity:.25}}.scene-glint{animation:2.4s steps(3,jump-none) infinite glint}.scene-glint--1{animation-delay:-.8s}.scene-glint--2{animation-delay:-1.6s}@keyframes glint{0%{transform:translate(0)}50%{transform:translate(2px)}to{transform:translate(-1px)}}.scene-lamp{animation:3s steps(2,jump-none) infinite lamp}.scene-lamp--1{animation-delay:-1s}.scene-lamp--2{animation-delay:-2s}@keyframes lamp{0%,80%{opacity:1}90%{opacity:.7}}.band{padding-block:var(--space-7);border-block-end:var(--border-width) solid var(--color-ink);background-image:radial-gradient(var(--band-dot) 1px, transparent 1px);background-size:10px 10px}.band--teal{--band-dot:var(--band-teal-deep);background-color:var(--band-teal)}.band--plum{--band-dot:var(--color-bg-deep);background-color:var(--color-bg)}.band--pink{--band-dot:var(--band-pink-deep);background-color:var(--band-pink)}.band--night{--band-dot:var(--band-night-deep);background-color:var(--band-night)}.band--orange{--band-dot:var(--band-orange-deep);background-color:var(--band-orange)}.band__inner{gap:var(--space-4);max-inline-size:var(--wide-max);padding-inline:var(--space-4);flex-direction:column;margin-inline:auto;display:flex}.band__title{color:var(--color-text);text-shadow:3px 3px 0 var(--color-ink);font-size:clamp(1.75rem,5vw,2.6rem)}.band__lead{max-inline-size:60ch;font-size:var(--font-size-lg);color:var(--color-text-muted);margin:0}.site-game-filters{gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-5);display:flex}.site-games{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=640px){.site-games{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1000px){.site-games{grid-template-columns:repeat(3,minmax(0,1fr))}}.site-game{background:var(--color-surface);border:var(--border-width) solid var(--color-ink);border-radius:calc(var(--radius) * 1.5);box-shadow:0 6px 0 var(--color-ink);flex-direction:column;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden}@media (hover:hover){.site-game:hover{box-shadow:0 10px 0 var(--color-ink), 0 0 0 3px var(--game-accent);transform:translateY(-4px)}}.site-game__art{border-block-end:var(--border-width) solid var(--color-ink);background:var(--color-bg-deep);position:relative}.site-game-preview{aspect-ratio:16/9;inline-size:100%;display:block}.site-game__new{background:var(--color-yellow);color:var(--color-ink);border:2px solid var(--color-ink);font-family:var(--font-pixel);font-weight:var(--font-pixel-weight);font-size:var(--font-size-sm);border-radius:999px;padding:2px 10px;position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2)}.site-game__icon{background:var(--color-bubble);border:2px solid var(--color-ink);border-radius:var(--radius);block-size:48px;inline-size:48px;box-shadow:inset 0 0 0 3px var(--game-accent);place-items:center;padding:6px;display:grid;position:absolute;inset-block-end:-22px;inset-inline-start:var(--space-3)}.site-game__body{align-items:flex-start;gap:var(--space-2);padding:calc(var(--space-4) + 14px) var(--space-4) var(--space-4);flex-direction:column;flex:1;display:flex}.site-game__kind{color:var(--game-accent);font-size:var(--font-size-sm);letter-spacing:.12em;text-transform:uppercase;margin:0;font-weight:900}.site-game__name{font-size:var(--font-size-xl);margin:0}.site-game__desc{color:var(--color-text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;display:-webkit-box;overflow:hidden}.site-game__chips{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-game__chips li{background:var(--color-surface-raised);border:2px solid var(--color-ink);font-size:var(--font-size-sm);border-radius:999px;padding:2px 10px;font-weight:800}.site-game__cta{text-decoration:none}.steps{gap:var(--space-5);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=700px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.step{align-items:flex-start;gap:var(--space-2);padding:var(--space-5) var(--space-4) var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);box-shadow:0 6px 0 var(--color-ink);flex-direction:column;display:flex;position:relative}.step__num{background:var(--color-primary);block-size:40px;inline-size:40px;color:var(--color-text-on-light);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);font-family:var(--font-pixel);font-size:var(--font-size-lg);place-items:center;display:grid;position:absolute;inset-block-start:-18px;inset-inline-end:var(--space-3)}.step__title,.feature__title{font-size:var(--font-size-lg)}.step__text,.feature__text{color:var(--color-text-muted);margin:0}.duo-promo{align-items:center;gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=900px){.duo-promo{grid-template-columns:2fr 3fr}}.duo-promo__art{justify-content:center;align-items:flex-end;gap:var(--space-2);padding:var(--space-5);background:var(--band-pink-deep);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);box-shadow:0 6px 0 var(--color-ink);display:flex}.duo-promo__llama{aspect-ratio:1;block-size:auto;inline-size:clamp(96px,22vw,150px);image-rendering:pixelated;display:block}.duo-promo__flip{display:block;transform:scaleX(-1)}.duo-promo__heart{align-self:center;block-size:56px;inline-size:56px;animation:1.2s steps(2,jump-none) infinite heartbeat;display:block}@keyframes heartbeat{0%,60%{transform:scale(1)}80%{transform:scale(1.15)}}.duo-promo__text{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.duo-promo__text .btn{text-decoration:none}.role-chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.role-chip{padding:var(--space-1) var(--space-3);background:var(--chip);color:var(--color-text-on-light);border:2px solid var(--color-ink);border-radius:var(--radius);box-shadow:0 3px 0 var(--color-ink);font-weight:800}.level-promo{text-align:center;align-items:center}.level-ladder{justify-content:center;gap:var(--space-5);margin:var(--space-3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.level-ladder__step{align-items:center;gap:var(--space-3);flex-direction:column;padding:6px;display:flex}.level-banners{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));inline-size:100%;max-inline-size:720px;display:grid}.level-banners__item{aspect-ratio:96/20;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);display:block;overflow:hidden}.features{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=600px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.features{grid-template-columns:repeat(3,minmax(0,1fr))}}.feature{gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);box-shadow:0 6px 0 var(--color-ink);flex-direction:column;display:flex}.faq{max-inline-size:760px}.faq__item{background:var(--color-surface);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);box-shadow:0 4px 0 var(--color-ink)}.faq__item summary{min-block-size:var(--tap-min);padding:var(--space-2) var(--space-4);cursor:pointer;align-items:center;font-weight:800;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:before{content:"+";block-size:24px;inline-size:24px;background:var(--color-primary);color:var(--color-text-on-light);border:2px solid var(--color-ink);border-radius:var(--radius);font-family:var(--font-pixel);place-items:center;margin-inline-end:var(--space-3);display:inline-grid}.faq__item[open] summary:before{content:"−"}.faq__item p{padding:0 var(--space-4) var(--space-4);color:var(--color-text-muted);margin:0}.final{background:var(--scene-sky-1);place-items:center;min-block-size:420px;display:grid;position:relative;overflow:hidden}.final__scene{block-size:100%;inline-size:100%;position:absolute;inset:0}.final__content{align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-4) 220px;text-align:center;flex-direction:column;display:flex;position:relative}.final__content .btn{text-decoration:none}.final__title{text-shadow:4px 4px 0 var(--color-ink);font-size:clamp(1.6rem,5vw,2.6rem)}:root{--color-bg:#1a1426;--color-bg-deep:#120d1c;--color-surface:#2a2040;--color-surface-raised:#372b54;--color-ink:#0d0914;--color-line:#4a3a6b;--color-text:#fff7e8;--color-text-muted:#b9a9d6;--color-text-on-light:#1a1426;--color-yellow:#ffd23f;--color-yellow-edge:#b98a00;--color-coral:#ff6b6b;--color-coral-edge:#b83a3a;--color-teal:#2ec4b6;--color-teal-edge:#1a7f76;--color-pink:#ff7ac6;--color-pink-edge:#b4407f;--color-orange:#ff9f43;--color-orange-edge:#b86414;--color-green:#3ddc84;--color-green-edge:#1d8a4f;--color-sky:#4da3ff;--color-sky-edge:#2463a8;--color-primary:var(--color-yellow);--color-primary-edge:var(--color-yellow-edge);--color-secondary:var(--color-sky);--color-secondary-edge:var(--color-sky-edge);--color-success:var(--color-green);--color-success-edge:var(--color-green-edge);--color-danger:var(--color-coral);--color-danger-edge:var(--color-coral-edge);--color-neutral:#c9bde0;--color-neutral-edge:#8a7caa;--color-qr-dark:var(--color-ink);--color-qr-light:var(--color-yellow);--color-qr-edge:var(--color-yellow-edge);--draw-paper:#fff;--draw-ink:#1a1426;--draw-white:#fff;--draw-coral:#e84a4a;--draw-orange:#ff8a1f;--draw-yellow:#ffcc1f;--draw-green:#2bb36b;--draw-teal:#1aa99c;--draw-sky:#2f86e8;--draw-pink:#f064b4;--draw-brown:#8b5a3c;--band-teal:#0f3a42;--band-teal-deep:#0a2a31;--band-pink:#46193f;--band-pink-deep:#33112e;--band-night:#121a36;--band-night-deep:#0b1126;--band-orange:#43251a;--band-orange-deep:#301a11;--shadow-ink:#0d091499;--scene-sky-1:#140f24;--scene-sky-2:#241a42;--scene-sky-3:#3b2465;--scene-sky-4:#6a2f79;--scene-sky-5:#b2457a;--scene-sky-6:#f0776a;--scene-star:#fff7e8;--scene-moon:#ffe9a8;--scene-sea-1:#1d3f6e;--scene-sea-2:#17305a;--scene-sea-3:#102247;--scene-glint:#ffe9a8;--scene-wall:#f4ecdf;--scene-wall-shade:#c9bfd6;--scene-wall-dark:#8f86a8;--scene-blue:#2f7ad9;--scene-blue-dark:#1d4f99;--scene-dome:#3d8be6;--scene-flower:#ff6fb5;--scene-leaf:#2bb36b;--scene-leaf-dark:#17804a;--scene-trunk:#8b5a3c;--scene-trunk-dark:#5e3a26;--scene-hill:#2a1f45;--scene-hill-2:#352858;--scene-terrace:#3b2b55;--scene-terrace-edge:#261b3a;--scene-lamp:#ffd23f;--scene-lamp-glow:#ff9f43;--scene-wire:#0d0914;--scene-table:#c98a4b;--scene-table-dark:#8a5a2c;--scene-tea:#e8f7ff;--scene-mint:#3ddc84;--color-bubble:#fff7e8;--color-bubble-text:#1a1426;--mascot-outline:#1a1426;--mascot-wool:#f6ecd9;--mascot-snout:#e3c9a3;--mascot-blush:#f49ac1;--mascot-eye:#1a1426;--mascot-shine:#fff;--mascot-scarf:var(--color-primary);--mascot-tear:var(--color-sky);--pixel-outline:var(--color-ink);--pixel-white:#fff;--pixel-hat:#8b5a3c;--pixel-hat-light:#b07a52;--pixel-hat-dark:#5e3a26;--pixel-glass:#bfe3ff;--pixel-skin:#f2c9a0;--pixel-skin-dark:#d49a6a;--pixel-metal:#9a8fb3;--puzzle-felt:#4a2f6b;--puzzle-felt-dot:#5a3a80;--puzzle-felt-dark:#2e1d45;--puzzle-frame:#b07a52;--puzzle-frame-edge:#7a4f30;--puzzle-print:#fff7e847;--puzzle-piece-shine:#ffffff73;--puzzle-piece-edge:#0d0914b3;--battle-water:#1f6f9a;--battle-water-alt:#23799f;--battle-grid:#12445f;--battle-miss:#e8f7ff;--battle-hit:var(--color-coral);--battle-sunk:#3a2230;--battle-miss-tile:#7d7889;--battle-hit-tile:#c93c35;--battle-detect:var(--color-yellow);--battle-aim:#ffd23f73;--battle-aim-bad:#ff6b6b80;--hd-water-deep:#0a2f52;--hd-water-shallow:#1a6f9c;--hd-foam:#e8f7ff;--hd-grid:#cfefff;--hd-sky:#9fd3ef;--hd-sun:#fff1d6;--hd-wood:#a87444;--hd-wood-dark:#5e3a26;--hd-rock:#6f6a78;--hd-sail:#f6ecd9;--hd-metal:#9a8fb3;--hd-fire:#ff7a1f;--hd-flame:#ffd23f;--hd-smoke:#4a4452;--hd-miss:#f4fbff;--hd-hit:var(--color-coral);--hd-sonar:var(--color-yellow);--hd-clear:#7fe3ff;--hd-aim:var(--color-yellow);--hd-aim-bad:var(--color-coral);--hd-tile-miss:#8d8899;--hd-tile-hit:#e0483f;--hd-tile-sunk:#3a1f2a;--vortex-bg:#07060d;--vortex-line:#f4f1ff;--vortex-lane:#2a2540;--vortex-ship:#ffd23f;--vortex-bullet:#fff6c2;--vortex-shot:#ff4d6d;--vortex-drone:#4dd9ff;--vortex-spinner:#c77dff;--vortex-shooter:#ff8a3d;--vortex-wall:#ff4d6d;--vortex-repair:#5cf28b;--vortex-hit:#f35;--vortex-text:#f4f1ff;--vortex-tint-1:#4dd9ff;--vortex-tint-2:#c77dff;--vortex-tint-3:#5cf28b;--vortex-tint-4:#ff8a3d;--piano-night-bg1:#0d0b1e;--piano-night-bg2:#251b4a;--piano-night-lane:#ffffff1a;--piano-night-line:#ffd23f;--piano-night-tile:#f6efe0;--piano-night-tile-edge:#c9bfa8;--piano-night-near:#ffd23f;--piano-night-text:#fff7e8;--piano-neon-bg1:#05010f;--piano-neon-bg2:#160b38;--piano-neon-lane:#ff4dd826;--piano-neon-line:#4dd9ff;--piano-neon-tile:#c77dff;--piano-neon-tile-edge:#7a3cff;--piano-neon-near:#4dd9ff;--piano-neon-text:#f4f1ff;--piano-sunset-bg1:#3a1240;--piano-sunset-bg2:#c4473a;--piano-sunset-lane:#fff6e822;--piano-sunset-line:#ffe9a8;--piano-sunset-tile:#1a1426;--piano-sunset-tile-edge:#4a3a6b;--piano-sunset-near:#ffd23f;--piano-sunset-text:#fff6e8;--piano-perfect:#ffd23f;--piano-great:#5cf28b;--piano-good:#4dd9ff;--piano-miss:#ff4d6d;--fb-gold-1:#fff1b8;--fb-gold-2:#e9b949;--fb-gold-3:#a97a12;--fb-career-1:#e8d5ff;--fb-career-2:#9b6cff;--fb-career-3:#5b2fb8;--fb-club-1:#d4ffe4;--fb-club-2:#3ddc84;--fb-club-3:#1d8a4f;--fb-card-ink:#2b1d05;--fb-ray:#fff3c4;--fb-team-a:var(--color-coral);--fb-team-a-edge:var(--color-coral-edge);--fb-team-b:var(--color-sky);--fb-team-b-edge:var(--color-sky-edge);--fb-shine:#ffffff73;--fb-glass:#ffffff59;--fb-highlight:#ffffff8c;--fb-shade:#00000024;--fb-dim:#0000008c;--wahda-red:#e5484d;--wahda-red-edge:#9b1c21;--wahda-yellow:#f5c02f;--wahda-yellow-edge:#a37a00;--wahda-green:#2fbf71;--wahda-green-edge:#16774a;--wahda-blue:#3b82f6;--wahda-blue-edge:#1d4fa8;--wahda-wild:#1a1426;--wahda-wild-edge:#000;--wahda-card-face:#fffaf0;--wahda-card-ink:#1a1426;--wahda-back:#2a2040;--wahda-back-pattern:#3d2f63;--wahda-felt-1:#1f5f4a;--wahda-felt-2:#123b2e;--wahda-glow:#fff3b0;--wahda-shadow:#00000059;--ludo-red:#e5484d;--ludo-red-edge:#8f1c20;--ludo-red-light:#ffd9d9;--ludo-green:#2fbf71;--ludo-green-edge:#13643c;--ludo-green-light:#d3f5e2;--ludo-yellow:#f5c02f;--ludo-yellow-edge:#8f6b00;--ludo-yellow-light:#fff1c4;--ludo-blue:#3b82f6;--ludo-blue-edge:#1a4596;--ludo-blue-light:#d6e6ff;--ludo-board:#fdf6e3;--ludo-cell:#fff;--ludo-line:#1a1426;--ludo-star:#b9a9d6;--ludo-shine:#ffffffa6;--fw-bg1:#1d1430;--fw-bg2:#3a2445;--fw-stone:#8a6a4a;--fw-stone-dark:#5d4430;--fw-stone-top:#c9a274;--fw-lava:#ff6a1f;--fw-lava-top:#ffd23f;--fw-water:#2f8cff;--fw-water-top:#a8e1ff;--fw-goo:#4fd34a;--fw-goo-top:#c8ff8c;--fw-fire:#ff5a36;--fw-fire-light:#ffd27a;--fw-fire-body:#ff9a52;--fw-water-c:#3fb4ff;--fw-water-light:#c9f0ff;--fw-water-body:#8fd3ff;--fw-mech:#ffd23f;--fw-plat:#a99ccf;--fw-plat-edge:#5e5486;--fw-wind:#e8f7ff;--fw-door:#2a1d3d;--fw-text:#fff7e8;--tank-sand-1:#dcbc8c;--tank-sand-2:#c9a674;--tank-sand-dot:#b8935f;--tank-stone:#8d929c;--tank-stone-light:#c3c7cf;--tank-stone-dark:#555963;--tank-crate:#b47c46;--tank-crate-dark:#7a4f27;--tank-track:#3b2f2a;--tank-bullet:#ffe27a;--tank-team-a:#ff6b5a;--tank-team-b:#4aa8ff;--tank-wreck:#3a3a3f;--tank-shield:#8fe9ff;--tank-bomb:#1f1d24;--tank-fuse:#ffb340;--tank-ink:#1c1a22;--tank-fire:#ff7a2f;--tank-smoke:#6b6870;--tank-heal:#5ce07a;--globe-space-1:#070b1f;--globe-space-2:#1a1446;--globe-ocean-1:#1767b0;--globe-ocean-2:#0b3a73;--globe-land-1:#8bd17c;--globe-land-2:#f2c66d;--globe-land-3:#e89c7a;--globe-land-4:#b8a1e3;--globe-land-5:#7ec8c9;--globe-land-6:#f0e08a;--globe-other:#6f7c8f;--globe-border:#20304a;--globe-grid:#fff;--globe-gold:#ffd23f;--globe-wrong:#ff5a5a;--globe-glow:#6ec3ff;--globe-hint:#fff;--spot-ink:#2a1d33;--spot-white:#fffaf0;--spot-cream:#f6e7c8;--spot-stone:#c9c3d3;--spot-grey:#9aa0ad;--spot-black:#3a3346;--spot-red:#e8484a;--spot-coral:#ff7b6b;--spot-orange:#ff9f3a;--spot-yellow:#ffd23f;--spot-gold:#e8b520;--spot-green:#4cbf5a;--spot-leaf:#2e8f4a;--spot-olive:#8aa83c;--spot-teal:#23b5a8;--spot-sky:#8fdcff;--spot-blue:#2a6fd6;--spot-navy:#23305e;--spot-purple:#8a5ad6;--spot-pink:#ff7fbf;--spot-pink-soft:#ffd3e6;--spot-peach:#ffc49b;--spot-brown:#8a4f2c;--spot-wood:#c98a4f;--spot-bubble:#bfeaff66;--spot-sky1:#6ec3ff;--spot-sky2:#d6f0ff;--spot-sea1:#2f8fd8;--spot-sea2:#1c5fa8;--spot-deep1:#2a9fd0;--spot-deep2:#0b3a6b;--spot-space1:#120b2e;--spot-space2:#34206a;--spot-moon:#b9b3c9;--spot-moon-dark:#8d86a3;--spot-sand:#f2d39b;--spot-sand-dark:#d9b273;--spot-plaza:#efe6d4;--spot-hill:#9be07a;--spot-grass:#7ccf5a;--spot-grass-dark:#4fa63f;--spot-path:#e6c98f;--spot-frame:#fff7e8;--words-board:#fdf6e3;--words-board-edge:#1f8a8a;--words-card:#fff7e8;--words-ink:#1a1426;--words-letter:#2b2140;--mil-bg-top:#0b1640;--mil-bg-bottom:#050a24;--mil-glow:#2a4bb8;--mil-panel:#0d1c55;--mil-panel-top:#1d3590;--mil-line:#6f8fe8;--mil-text:#fff;--mil-dim:#9fb0e0;--mil-gold:#ffc93c;--mil-select:#ff9f1c;--mil-right:#3fd47a;--mil-wrong:#ff5a4e;--mil-buzz-light:#ff9a8f;--race-grass:#2f7d3e;--race-grass-alt:#2a7038;--race-rail:#f6ecd9;--race-finish-a:#fff;--race-finish-b:var(--color-ink);--race-horse:#a8703f;--race-horse-dark:#6b4426;--race-mane:#3a2618;--type-ok:var(--color-green);--type-bad:var(--color-coral);--type-bad-bg:#ff6b6b4d;--type-caret:var(--color-yellow);--flag-white:#fff;--flag-tn-red:#e70013;--flag-arb-green:#007a3d;--flag-fr-blue:#0055a4;--flag-fr-red:#ef4135;--flag-uk-blue:#012169;--flag-uk-red:#c8102e;--tier-wood:#a8703f;--tier-wood-light:#d39a62;--tier-wood-edge:#5e3a26;--tier-bronze:#cd7f32;--tier-bronze-light:#f0a862;--tier-bronze-edge:#7a4519;--tier-silver:#b8c4d6;--tier-silver-light:#eef3fa;--tier-silver-edge:#6b7891;--tier-gold:#ffc828;--tier-gold-light:#fff1a8;--tier-gold-edge:#a87a00;--tier-emerald:#2ecc71;--tier-emerald-light:#a6f5c6;--tier-emerald-edge:#137a40;--tier-sapphire:#3a7bff;--tier-sapphire-light:#a9c6ff;--tier-sapphire-edge:#1c3fa0;--tier-ruby:#e8334f;--tier-ruby-light:#ff9aa9;--tier-ruby-edge:#8a1528;--tier-amethyst:#a65cff;--tier-amethyst-light:#dcbcff;--tier-amethyst-edge:#5b2499;--tier-diamond:#7fe9ff;--tier-diamond-light:#fff;--tier-diamond-edge:#2d8fb0;--tier-legend:#ffd23f;--tier-legend-light:#ff7ac6;--tier-legend-edge:#6a2f79;--tier-duo_heart:#ff7ac6;--tier-duo_heart-light:#ffd0ea;--tier-duo_heart-edge:#b4407f;--tier-spy:#ff6b6b;--tier-spy-light:#1a1426;--tier-spy-edge:#8a2a2a;--tier-artist:#2ec4b6;--tier-artist-light:#ffd23f;--tier-artist-edge:#1a7f76;--tier-creator:#a86bff;--tier-creator-light:#7cf7ff;--tier-creator-edge:#4b1f9e;--creator-glow-1:#a86bffcc;--creator-glow-2:#3fe0ffaa;--creator-gold:#ffd23f;--creator-gold-light:#fff6c4;--creator-space-1:#0b0620;--creator-space-2:#1d0f47;--creator-space-3:#3a1a7a;--creator-nebula:#ff5fd2;--creator-star:#fff;--banner-day-1:#6fc3ff;--banner-day-2:#a8dcff;--banner-sand-1:#f2b45a;--banner-sand-2:#d98b3a;--banner-sand-3:#b0662a;--banner-sun:#fff1a8;--banner-aurora-1:#3ddc84;--banner-aurora-2:#2ec4b6;--banner-aurora-3:#ff7ac6;--banner-royal-1:#2a1050;--banner-royal-2:#3d1a70;--banner-gold:#ffc828;--banner-gold-light:#fff1a8;--banner-cafe-1:#43251a;--banner-cafe-2:#5c3322;--banner-paper:#fff7e8;--font-pixel:"Pixelify Sans", "Noto Kufi Arabic", system-ui, sans-serif;--font-body:"Nunito", "Noto Kufi Arabic", system-ui, sans-serif;--font-arabic:"Noto Kufi Arabic", "Nunito", system-ui, sans-serif;--font-pixel-weight:500;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.75rem;--font-size-xxl:2.5rem;--font-size-huge:4rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--border-width:3px;--radius:4px;--press-depth:4px;--tap-min:48px;--appbar-h:56px;--tabbar-h:64px;--gutter:var(--space-4);--content-max:480px;--tablet-max:720px;--wide-max:1200px}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/pixelify-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-kufi-arabic-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--color-bg);overscroll-behavior-y:none}body{background-color:var(--color-bg);background-image:radial-gradient(var(--color-bg-deep) 1px, transparent 1px);min-height:100dvh;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-md);-webkit-tap-highlight-color:transparent;background-size:8px 8px;margin:0;line-height:1.5}:root:lang(ar) body{font-family:var(--font-arabic)}h1,h2,h3{font-family:var(--font-pixel);font-weight:var(--font-pixel-weight);margin:0;line-height:1.2}h1:lang(ar),h2:lang(ar),h3:lang(ar){font-family:var(--font-arabic);font-weight:700}button,input{font:inherit;color:inherit}h1,h2,h3,.btn,.divider,.input--code,.room-code{font-variant-ligatures:none;font-feature-settings:"liga" 0, "clig" 0, "dlig" 0}:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.app{min-height:100dvh;inline-size:100%;max-inline-size:var(--tablet-max);padding-block:var(--space-3) var(--space-5);padding-inline:var(--space-4);gap:var(--space-4);flex-direction:column;margin-inline:auto;padding-block-start:max(var(--space-3), env(safe-area-inset-top));padding-block-end:max(var(--space-5), env(safe-area-inset-bottom));display:flex}.topbar{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{gap:var(--space-2);align-items:center;display:flex}.grow{flex:1;min-inline-size:0}.muted{color:var(--color-text-muted)}.divider{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-family:var(--font-pixel);font-weight:var(--font-pixel-weight);text-transform:uppercase;display:flex}.divider:before,.divider:after{content:"";border-block-start:var(--border-width) dashed var(--color-line);flex:1}.card{background:var(--color-surface);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--color-line), 0 var(--press-depth) 0 var(--color-ink);padding:var(--space-4)}.card-title{font-size:var(--font-size-lg);margin-block-end:var(--space-3)}.btn{--btn-bg:var(--color-primary);--btn-edge:var(--color-primary-edge);--btn-text:var(--color-text-on-light);justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--tap-min);min-inline-size:var(--tap-min);padding-block:var(--space-2);padding-inline:var(--space-4);background:var(--btn-bg);color:var(--btn-text);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);box-shadow:inset 0 calc(var(--press-depth) * -1) 0 var(--btn-edge);font-family:var(--font-pixel);font-size:var(--font-size-lg);font-weight:var(--font-pixel-weight);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;line-height:1.1;transition:transform 60ms step-end;display:inline-flex}.btn:lang(ar){font-family:var(--font-arabic);font-weight:700}.btn:active:not(:disabled),.btn.is-pressed{box-shadow:inset 0 calc(var(--press-depth) * -.5) 0 var(--btn-edge);transform:translateY(2px)}.btn:disabled{--btn-bg:var(--color-neutral-edge);--btn-edge:var(--color-line);--btn-text:var(--color-bg-deep);cursor:not-allowed}.btn--secondary{--btn-bg:var(--color-secondary);--btn-edge:var(--color-secondary-edge)}.btn--success{--btn-bg:var(--color-success);--btn-edge:var(--color-success-edge)}.btn--danger{--btn-bg:var(--color-danger);--btn-edge:var(--color-coral-edge);--btn-text:var(--color-bg-deep)}.btn--ghost{--btn-bg:var(--color-surface-raised);--btn-edge:var(--color-ink);--btn-text:var(--color-text)}.btn--block{inline-size:100%}.btn--small{font-size:var(--font-size-md);padding-inline:var(--space-3)}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-label{color:var(--color-text-muted);font-weight:700;font-size:var(--font-size-sm)}.input{min-block-size:var(--tap-min);padding-inline:var(--space-3);background:var(--color-bg-deep);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--color-line);color:var(--color-text);font-size:var(--font-size-lg);inline-size:100%}.input::placeholder{color:var(--color-text-muted);opacity:.7}.input--code{font-family:var(--font-pixel);font-weight:var(--font-pixel-weight);text-transform:uppercase;letter-spacing:.4em;text-align:center;direction:ltr}.boot-fallback{margin:var(--space-6) var(--space-4);text-align:center;opacity:0;font-weight:700;animation:.2s 4s forwards boot-fallback-in}.boot-fallback a{color:var(--color-secondary);margin-block-start:var(--space-3);display:block}@keyframes boot-fallback-in{to{opacity:1}}.badge{align-items:center;gap:var(--space-1);padding-inline:var(--space-2);border:2px solid var(--color-ink);border-radius:var(--radius);font-size:var(--font-size-sm);white-space:nowrap;font-weight:800;display:inline-flex}.badge--host{background:var(--color-primary);color:var(--color-text-on-light)}.badge--ready{background:var(--color-success);color:var(--color-text-on-light)}.badge--waiting{background:var(--color-surface-raised);color:var(--color-text-muted)}.alert{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);padding:var(--space-2) var(--space-3);background:var(--color-danger);color:var(--color-text-on-light);font-weight:700}.alert--info{background:var(--color-secondary)}.mascot-row{align-items:flex-end;gap:var(--space-3);display:flex}.mascot{block-size:64px;inline-size:64px;image-rendering:pixelated;shape-rendering:crispedges;flex:none}.bubble{background:var(--color-bubble);color:var(--color-bubble-text);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);padding:var(--space-2) var(--space-3);flex:1;margin-block-end:var(--space-4);font-weight:700;position:relative}.bubble--error{border-inline-start:8px solid var(--color-danger)}.bubble>p{margin:0}.mascot-row--compact{align-items:flex-end}.mascot-row--compact .mascot{block-size:48px;inline-size:48px}.mascot-row--compact .bubble{font-size:var(--font-size-sm)}.bubble:before,.bubble:after{content:"";block-size:12px;inline-size:12px;position:absolute;inset-block-end:calc(var(--border-width) * -1 - 12px)}.bubble:before{background:var(--color-ink);clip-path:polygon(0 0,100% 0,0 100%);inset-inline-start:8px}.bubble:after{background:var(--color-bubble);clip-path:polygon(0 0,100% 0,0 100%);block-size:8px;inline-size:8px;inset-block-end:calc(var(--border-width) * -1 - 7px);inset-inline-start:calc(8px + var(--border-width))}[dir=rtl] .bubble:before,[dir=rtl] .bubble:after{clip-path:polygon(0 0,100% 0,100% 100%)}.lang-switch{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);display:inline-flex;overflow:hidden}.lang-switch button{min-block-size:var(--tap-min);min-inline-size:var(--tap-min);padding-inline:var(--space-2);background:var(--color-surface);border:0;border-inline-start:2px solid var(--color-ink);cursor:pointer;touch-action:manipulation;font-weight:800}.lang-switch button:first-child{border-inline-start:0}.lang-switch button[aria-pressed=true]{background:var(--color-secondary);color:var(--color-text-on-light)}.lang-switch button{place-items:center;display:inline-grid}.lang-switch__flag{outline:2px solid var(--color-ink);block-size:18px;inline-size:27px;image-rendering:pixelated;display:block}.lang-switch button:not([aria-pressed=true]) .lang-switch__flag{opacity:.7}.lang-picker{position:relative}.lang-fold{min-block-size:var(--tap-min);min-inline-size:var(--tap-min);background:var(--color-surface);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;place-items:center;padding:0;display:none}.lang-fold__menu{z-index:900;min-inline-size:200px;padding:var(--space-2);background:var(--color-surface);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);box-shadow:0 6px 0 var(--color-ink);flex-direction:column;display:flex;position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0}.lang-fold__item{align-items:center;gap:var(--space-3);min-block-size:var(--tap-min);padding:0 var(--space-2);color:var(--color-text);border-radius:var(--radius);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;font-weight:800;display:flex}.lang-fold__item:hover,.lang-fold__item:focus-visible,.lang-fold__item[aria-checked=true]{background:var(--color-surface-raised)}@media (width<=599px){.lang-picker .lang-switch{display:none}.lang-fold{display:inline-grid}}.room-code{justify-content:center;gap:var(--space-2);direction:ltr;display:flex}.room-code span{background:var(--color-primary);block-size:64px;inline-size:56px;color:var(--color-text-on-light);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);box-shadow:inset 0 calc(var(--press-depth) * -1) 0 var(--color-primary-edge);font-family:var(--font-pixel);font-size:var(--font-size-xxl);font-weight:var(--font-pixel-weight);place-items:center;display:grid}.lobby-qr{inline-size:fit-content;padding:var(--space-1) var(--space-1) calc(var(--space-1) + var(--press-depth));background:var(--color-qr-light);border:var(--border-width) solid var(--color-ink);border-radius:calc(var(--radius) * 2);box-shadow:inset 0 calc(var(--press-depth) * -1) 0 var(--color-qr-edge), 0 4px 0 var(--color-ink);flex-direction:column;place-self:center;align-items:center;margin:0;display:flex}.qr{block-size:176px;inline-size:176px;display:block}.qr__dark{fill:var(--color-qr-dark)}.invite-link{text-align:center;word-break:break-all;font-size:var(--font-size-sm);color:var(--color-secondary);direction:ltr;margin:0;font-weight:700}.player-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.player{align-items:center;gap:var(--space-2);min-block-size:var(--tap-min);padding-inline:var(--space-3);background:var(--color-surface-raised);border:2px solid var(--color-ink);border-radius:var(--radius);display:flex}.player.is-me{border-color:var(--color-text-muted);box-shadow:inset 0 0 0 1px var(--color-text-muted)}.player.is-away{opacity:.55}.player-cards{gap:var(--space-3) var(--space-2);grid-template-columns:repeat(auto-fill,minmax(124px,1fr));margin:0;padding:0;list-style:none;display:grid}.pcard{align-items:center;gap:var(--space-1);min-inline-size:0;background:var(--color-surface-raised);border:2px solid var(--color-ink);border-radius:var(--radius);box-shadow:0 3px 0 var(--color-ink);flex-direction:column;padding-block-end:var(--space-2);display:flex;position:relative}.pcard.is-me{outline:2px solid var(--color-text-muted);outline-offset:2px}.pcard.is-away{opacity:.55}.pcard__banner{border-block-end:2px solid var(--color-ink);border-start-start-radius:calc(var(--radius) - 2px);border-start-end-radius:calc(var(--radius) - 2px);align-self:stretch;block-size:52px;overflow:hidden}.pcard__plain{background:repeating-linear-gradient(45deg, var(--color-surface) 0 6px, var(--color-bg) 6px 12px);block-size:100%;display:block}.pcard__avatar{place-items:center;min-block-size:76px;margin-block-start:-36px;display:grid}.pcard__name{max-inline-size:100%;padding-inline:var(--space-2);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.pcard__meta{justify-content:center;align-items:center;gap:var(--space-1);padding-inline:var(--space-1);flex-wrap:wrap;display:flex}.pcard__meta .badge{font-size:.7rem}.device-icon{flex:none;display:inline-flex}.device-icon .pixel-icon{block-size:20px;inline-size:20px}.player-name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-family:var(--font-body);flex:1;font-weight:800;overflow:hidden}.pixel-icon{block-size:100%;inline-size:100%;image-rendering:pixelated;display:block}.game-grid{gap:var(--space-4) var(--space-3);grid-template-columns:1fr;padding-block-start:var(--space-2);display:grid}.game-card{align-items:flex-start;gap:var(--space-3);min-block-size:var(--tap-min);padding:var(--space-3);background:var(--color-surface-raised);color:var(--color-text);border:var(--border-width) solid var(--color-ink);border-block-start:calc(var(--border-width) * 2) solid var(--game-accent);border-radius:var(--radius);box-shadow:0 var(--press-depth) 0 var(--color-ink);font:inherit;text-align:start;cursor:pointer;touch-action:manipulation;display:flex;position:relative}.game-card:active{box-shadow:0 calc(var(--press-depth) / 2) 0 var(--color-ink);transform:translateY(2px)}.game-card.is-static{cursor:default}.game-card.is-static:active{transform:none}.game-card.is-selected{border-color:var(--game-accent);background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--color-ink), 0 var(--press-depth) 0 var(--game-accent-edge)}.game-card.is-unavailable .game-card__icon,.game-card.is-unavailable .game-card__name,.game-card.is-unavailable .game-card__desc{opacity:.5}.game-card__icon,.game-header__icon{background:var(--color-bubble);border:2px solid var(--color-ink);border-radius:var(--radius);block-size:64px;inline-size:64px;box-shadow:inset 0 0 0 4px var(--game-accent);flex:none;padding:7px}.game-card__body{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.game-card__name{font-family:var(--font-pixel);font-size:var(--font-size-lg);font-weight:var(--font-pixel-weight);color:var(--game-accent);font-variant-ligatures:none;line-height:1.2}:root:lang(ar) .game-card__name{font-family:var(--font-arabic);font-weight:700}.game-card__players{font-size:var(--font-size-sm);font-weight:800}.game-card__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.game-card__hint{padding-inline:var(--space-2);border:2px solid var(--color-ink);border-radius:var(--radius);background:var(--color-bg-deep);color:var(--color-text-muted);font-size:var(--font-size-sm);align-self:flex-start;margin-block-start:var(--space-1);font-weight:800}.game-card__check{background:var(--game-accent);block-size:28px;inline-size:28px;color:var(--color-text-on-light);border:2px solid var(--color-ink);border-radius:var(--radius);place-items:center;font-weight:800;display:grid;position:absolute;inset-block-start:calc(var(--space-3) * -1);inset-inline-end:calc(var(--space-2) * -1)}@media (width>=600px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-header{gap:var(--space-3)}.game-header__icon{block-size:48px;inline-size:48px;box-shadow:inset 0 0 0 3px var(--game-accent);padding:6px}.game-header__title{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--font-size-lg);color:var(--game-accent);text-shadow:3px 3px 0 var(--color-ink)}.banner{z-index:10;position:sticky;inset-block-start:0}.home{gap:var(--space-4);flex-direction:column;display:flex}.home-hero{gap:var(--space-2);flex-direction:column;display:flex}.home-actions,.lobby-code{gap:var(--space-3);flex-direction:column;display:flex}.lobby-code .card-title{margin-block-end:0}.lobby-cols,.lobby-side{gap:var(--space-4);flex-direction:column;display:flex}@media (hover:hover){.btn:hover:not(:disabled){filter:brightness(1.08)}.game-card:hover:not(.is-selected){border-inline-color:var(--game-accent);border-block-end-color:var(--game-accent);background:var(--color-surface)}.lang-switch button:hover:not([aria-pressed=true]){background:var(--color-surface-raised)}}.lang-switch button:focus-visible{outline-offset:-5px}@media (width>=768px){.app{max-inline-size:var(--tablet-max);padding-block-start:var(--space-5)}.mascot{block-size:96px;inline-size:96px}}@media (width>=900px){.app{max-inline-size:var(--wide-max);padding-inline:var(--space-6);gap:var(--space-5)}.home{gap:var(--space-5);inline-size:100%;max-inline-size:860px;margin-inline:auto}.home-hero{text-align:center;align-items:center}.home-hero .mascot-row{text-align:start;margin-block-start:var(--space-3)}.home-hero .mascot{block-size:128px;inline-size:128px}.home-panel{padding:var(--space-5)}.home-actions{align-items:end;gap:var(--space-5);grid-template-columns:1fr auto 1fr;display:grid}.home-or{flex-direction:column;justify-content:center;align-self:stretch}.home-or:before,.home-or:after{border-block-start:0;border-inline-start:var(--border-width) dashed var(--color-line)}.lobby-code{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5);flex-direction:row}.lobby-code .room-code{justify-content:flex-start}.room-code span{block-size:96px;inline-size:80px;font-size:var(--font-size-huge)}.lobby-invite{flex:0 360px}.lobby-invite .invite-link{font-size:var(--font-size-md)}.lobby-cols{align-items:start;gap:var(--space-5);grid-template-columns:minmax(280px,1fr) 2fr;display:grid}.game-header__title{font-size:var(--font-size-xl)}.lobby-side .btn--small{align-self:flex-end}}@media (width>=1280px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card{flex-direction:column}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.text-plain{font-family:var(--font-body);font-weight:800}:root:lang(ar) .text-plain{font-family:var(--font-arabic);font-weight:700}.topbar__logo{text-decoration:none;display:inline-flex}.topbar__end{align-items:center;gap:var(--space-2)}@media (width<=767px){.topbar__logo .brand__words{display:none}}.me-chip{align-items:center;gap:var(--space-2);min-block-size:var(--tap-min);max-inline-size:220px;padding-inline:var(--space-3);color:var(--color-text);border:2px solid var(--color-ink);border-radius:var(--radius);box-shadow:0 3px 0 var(--color-ink);touch-action:manipulation;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.me-chip:active{box-shadow:none;transform:translateY(3px)}.me-chip__banner{position:absolute;inset:0}.me-chip>:not(.me-chip__banner){position:relative}.me-chip__name{text-overflow:ellipsis;white-space:nowrap;text-shadow:-1px -1px 0 var(--color-ink), 1px -1px 0 var(--color-ink), -1px 1px 0 var(--color-ink), 1px 1px 0 var(--color-ink);font-weight:800;overflow:hidden}@media (width<=599px){.me-chip__name{display:none}}.topbar__gear{inline-size:var(--tap-min);block-size:var(--tap-min);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-ink);border-radius:var(--radius);box-shadow:0 3px 0 var(--color-ink);cursor:pointer;touch-action:manipulation;place-items:center;padding:0;display:inline-grid}.topbar__gear[aria-expanded=true]{background:var(--color-surface-raised);color:var(--color-primary)}.topbar__gear:active{box-shadow:none;transform:translateY(3px)}.topbar__gear svg{fill:currentColor;block-size:24px;inline-size:24px}.account{position:relative}.account__menu{z-index:900;min-inline-size:220px;padding:var(--space-2);background:var(--color-surface);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);box-shadow:0 6px 0 var(--color-ink);flex-direction:column;display:flex;position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0}.account__name{margin:0 0 var(--space-1);padding:var(--space-1) var(--space-2);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.account__item{align-items:center;gap:var(--space-2);min-block-size:var(--tap-min);padding:0 var(--space-2);color:var(--color-text);border-radius:var(--radius);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;font-weight:800;text-decoration:none;display:flex}.account__item:hover,.account__item:focus-visible{background:var(--color-surface-raised)}.home-legal{text-align:center;font-size:var(--font-size-sm);margin:0}.home-legal a{color:var(--color-text-muted)}.home-tiles{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home-tile{align-items:flex-start;gap:var(--space-2);min-block-size:120px;padding:var(--space-3);background:var(--color-surface);color:var(--color-text);border:var(--border-width) solid var(--color-ink);border-block-start:6px solid var(--tile,var(--color-yellow));border-radius:var(--radius);box-shadow:0 var(--press-depth) 0 var(--color-ink);font:inherit;text-align:start;cursor:pointer;touch-action:manipulation;flex-direction:column;text-decoration:none;display:flex}.home-tile:active{transform:translateY(var(--press-depth));box-shadow:none}.home-tile--solo{--tile:var(--color-yellow)}.home-tile--board{--tile:var(--color-sky)}.home-tile__icon{font-size:2rem;line-height:1}.home-tile__text{flex-direction:column;gap:2px;display:flex}.home-tile__text strong{font-family:var(--font-pixel);font-weight:var(--font-pixel-weight);font-variant-ligatures:none;font-size:var(--font-size-lg)}:root:lang(ar) .home-tile__text strong{font-family:var(--font-arabic);font-weight:700}.home-tile__text span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.game-header__solo{vertical-align:middle;margin-inline-start:var(--space-2)}.scoring-note{padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:2px solid var(--color-ink);border-radius:var(--radius)}.scoring-note summary{cursor:pointer;font-weight:800}.scoring-note p{margin:var(--space-2) 0 0;line-height:1.5;font-size:var(--font-size-sm)}.chip-btn{align-items:center;gap:var(--space-1);min-block-size:var(--tap-min);padding:var(--space-1) var(--space-3);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-ink);font:inherit;cursor:pointer;border-radius:999px;font-weight:800;display:inline-flex}.chip-btn .pixel-icon{block-size:22px;inline-size:22px}.chip-btn--small{min-block-size:36px;font-size:var(--font-size-sm)}.chip-btn.is-on{background:var(--game-accent,var(--color-primary));color:var(--color-text-on-light);box-shadow:inset 0 -3px 0 var(--game-accent-edge,var(--color-primary-edge))}.turn-glow{outline:3px solid var(--color-primary);outline-offset:1px;animation:1.4s ease-in-out infinite turn-glow}@keyframes turn-glow{50%{box-shadow:0 0 0 4px var(--color-primary)}}@media (prefers-reduced-motion:reduce){.turn-glow{animation:none}}.ios-hint{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:2px solid var(--color-ink);border-radius:var(--radius);display:flex}.ios-hint__text{font-size:var(--font-size-sm);flex:1;margin:0}.ios-hint__icon{vertical-align:text-bottom;color:var(--color-secondary)}.game-screen{position:relative}.game-header{flex-wrap:nowrap}.game-header__title{text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;overflow:hidden}.game-stage{flex-direction:column;min-inline-size:0;display:flex;position:relative;container:stage/inline-size}.game-stage>*{min-inline-size:0}.frame-buttons{gap:var(--space-1);flex:none;display:flex}.frame-btn{background:var(--color-surface);block-size:44px;inline-size:44px;color:var(--color-text);border:2px solid var(--color-ink);border-radius:var(--radius);box-shadow:0 3px 0 var(--color-ink);cursor:pointer;touch-action:manipulation;place-items:center;padding:0;display:grid;position:relative}.frame-btn:active{box-shadow:0 1px 0 var(--color-ink);transform:translateY(2px)}.frame-btn.is-on{background:var(--color-surface-raised);box-shadow:inset 0 0 0 2px var(--game-accent,var(--color-yellow)), 0 3px 0 var(--color-ink)}.frame-btn--full{background:var(--color-yellow);color:var(--color-text-on-light)}.frame-icon{fill:currentColor;block-size:20px;inline-size:20px}.frame-btn__badge{background:var(--color-coral);min-inline-size:20px;color:var(--pixel-white);border:2px solid var(--color-ink);border-radius:999px;padding:0 4px;font-size:12px;font-weight:900;line-height:16px;position:absolute;inset-block-start:-6px;inset-inline-end:-6px}@media (width<=479px){.game-header{gap:var(--space-2)}.game-header__icon{block-size:40px;inline-size:40px;padding:5px}.game-header__title{font-size:var(--font-size-md)}.frame-btn{block-size:40px;inline-size:40px}}html.is-game-full,html.is-game-full body{overscroll-behavior:none;overflow:hidden}.game-screen.is-full{z-index:700;gap:var(--space-2);max-inline-size:none;padding:max(6px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:var(--color-bg);flex-direction:column;place-self:stretch stretch;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}.game-screen.is-full .game-header{flex:none}.game-screen.is-full .game-header__icon{block-size:40px;inline-size:40px;padding:5px}.game-screen.is-full .game-header__title{font-size:var(--font-size-md)}.game-screen.is-full .game-stage{overscroll-behavior:contain;flex:auto;min-block-size:0;inline-size:100%;max-inline-size:1400px;margin-inline:auto;overflow:auto;container:stage/size}@media (orientation:landscape) and (height<=520px){.game-screen.is-full{gap:var(--space-1)}.game-screen.is-full .game-header__icon,.game-screen.is-full .frame-btn{block-size:36px;inline-size:36px}.game-screen.is-full .game-header .btn--small{min-block-size:36px;padding-block:0}}.gset{z-index:750;gap:var(--space-2);inline-size:min(330px,100vw - 24px);padding:var(--space-3);background:var(--color-surface);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);box-shadow:0 6px 0 var(--color-ink);flex-direction:column;display:flex;position:absolute;inset-block-start:56px;inset-inline-end:0}.gset__title{font-family:var(--font-pixel);font-weight:var(--font-pixel-weight);font-variant-ligatures:none;margin:0}.gset__row{align-items:center;gap:2px var(--space-2);grid-template-columns:1fr auto;display:grid}.gset__label{font-weight:800}.gset__slider{min-block-size:32px;inline-size:100%;accent-color:var(--color-yellow);grid-column:1/-1}.gset__value{color:var(--color-text-muted);font-size:var(--font-size-sm);grid-area:1/2}.gset__seg{gap:var(--space-1);flex-wrap:wrap;display:flex}.turn-hint{z-index:740;align-items:center;gap:var(--space-2);inline-size:fit-content;max-inline-size:92%;padding:var(--space-1) var(--space-3);background:var(--color-yellow);color:var(--color-text-on-light);border:2px solid var(--color-ink);pointer-events:none;border-radius:999px;margin:0 auto;font-weight:800;display:flex;position:absolute;inset-block-start:58px;inset-inline:0}.turn-hint__phone .frame-icon{animation:1.6s ease-in-out infinite turn-phone}.turn-hint__phone[data-to=portrait] .frame-icon{animation-name:turn-phone-back}@keyframes turn-phone{0%,30%{transform:rotate(0)}70%,to{transform:rotate(90deg)}}@keyframes turn-phone-back{0%,30%{transform:rotate(90deg)}70%,to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.turn-hint__phone .frame-icon{animation:none}}.gset__switch{align-items:center;gap:var(--space-2);min-block-size:var(--tap-min);padding:0 var(--space-2);background:var(--color-surface-raised);color:var(--color-text);border:2px solid var(--color-ink);border-radius:var(--radius);font:inherit;text-align:start;cursor:pointer;font-weight:800;display:flex}.gset__pill{background:var(--color-bg-deep);border:2px solid var(--color-ink);border-radius:999px;flex:none;block-size:22px;inline-size:40px;position:relative}.gset__pill:after{content:"";background:var(--color-text-muted);border-radius:50%;block-size:14px;inline-size:14px;transition:transform .15s;position:absolute;inset-block-start:2px;inset-inline-start:2px}.gset__switch.is-on .gset__pill{background:var(--color-coral)}.gset__switch.is-on .gset__pill:after{background:var(--pixel-white);transform:translate(18px)}[dir=rtl] .gset__switch.is-on .gset__pill:after{transform:translate(-18px)}.frame-float{z-index:760;background:color-mix(in srgb, var(--color-surface) 82%, transparent);block-size:38px;inline-size:38px;color:var(--color-text);border:2px solid var(--color-ink);box-shadow:0 2px 0 var(--color-ink);cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:max(6px, env(safe-area-inset-top));inset-inline-end:max(6px, env(safe-area-inset-right))}.frame-float.is-on{background:var(--color-surface-raised);box-shadow:inset 0 0 0 2px var(--game-accent,var(--color-yellow))}.frame-float .frame-icon{block-size:18px;inline-size:18px}.game-screen.is-full{--frame-safe-end:46px;padding-block-start:max(4px, env(safe-area-inset-top))}.game-screen.is-full .gset{max-block-size:calc(100% - 60px);inset-block-start:calc(max(6px, env(safe-area-inset-top)) + 44px);inset-inline-end:max(6px, env(safe-area-inset-right));overflow:auto}.game-screen.is-full :is(.wahda-status,.battle-bar,.ludo-players,.fb-scoreboard,.mil-top,.mil-ladder,.puzzle-bar,.words-bar,.draw-bar,.spy-bar,.type-stats,.race-track,.spot-bar){margin-inline-end:var(--frame-safe-end)}.game-screen.is-full.is-rotated{inset:auto;inset-block-start:0;transform-origin:0 0;block-size:100vw;inline-size:100dvh;left:100vw;transform:rotate(90deg)}[dir=rtl] .game-screen.is-full.is-rotated{left:100vw;right:auto}.splash{z-index:2000;justify-content:center;align-items:center;gap:var(--space-6);background:var(--color-bg-deep);flex-direction:column;transition:opacity .45s;display:flex;position:fixed;inset:0}.splash.is-leaving{opacity:0;pointer-events:none}.splash__glow{background:radial-gradient(circle at 50% 42%, var(--color-yellow-edge), transparent 45%);opacity:.35;animation:2.6s ease-in-out both splash-glow;position:absolute;inset:0}.splash__logo{animation:.8s cubic-bezier(.2,1.6,.4,1) both splash-pop;position:relative;transform:scale(1.1)}.splash__by{align-items:center;gap:var(--space-1);flex-direction:column;animation:.6s ease-out .9s both splash-by;display:flex;position:absolute;inset-block-end:max(48px, env(safe-area-inset-bottom))}.splash__made{color:var(--color-text-muted);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.splash__company{block-size:auto;inline-size:120px}@keyframes splash-pop{0%{opacity:0;transform:scale(.2)rotate(-12deg)}60%{opacity:1}to{transform:scale(1.1)}}@keyframes splash-by{0%{opacity:0;transform:translateY(16px)}}@keyframes splash-glow{0%{opacity:0}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.splash__logo,.splash__by,.splash__glow{animation:none}}.apk-gate{z-index:1900;padding:var(--space-4);background:var(--color-bg-deep);place-items:center;display:grid;position:fixed;inset:0}.apk-gate__card{gap:var(--space-3);flex-direction:column;inline-size:min(100%,420px);display:flex}.apk-gate__steps,.apk-gate__version{text-align:center;font-size:var(--font-size-sm);margin:0}.gset__voice{align-items:center;gap:var(--space-2);display:flex}.match-picker{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.match-chip{z-index:750;padding:2px var(--space-3);background:var(--color-ink);color:var(--color-text);font-weight:800;font-size:var(--font-size-sm);pointer-events:none;border-radius:999px;position:fixed;inset-block-end:max(var(--space-2), env(safe-area-inset-bottom));inset-inline-start:var(--space-2)}.match-card{z-index:760;align-items:center;gap:var(--space-2);inline-size:min(92vw,360px);padding:var(--space-4);border:var(--border-width) solid var(--color-ink);border-radius:calc(var(--radius) * 3);background:var(--color-surface);box-shadow:0 6px 0 var(--color-ink);flex-direction:column;display:flex;position:fixed;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}[dir=rtl] .match-card{transform:translate(50%,-50%)}.match-card.is-over{background:var(--color-surface-raised)}.match-card__title{font-family:var(--font-pixel);font-weight:var(--font-pixel-weight);font-size:var(--font-size-xl);text-align:center;margin:0}:root:lang(ar) .match-card__title{font-family:var(--font-arabic);font-weight:700}.match-card__list{gap:var(--space-1);flex-direction:column;inline-size:100%;margin:0;padding:0;list-style:none;display:flex}.match-card__list li{padding:var(--space-1) var(--space-3);border-radius:var(--radius);background:var(--color-bg);justify-content:space-between;font-weight:800;display:flex}.match-card__list li.is-me{outline:2px solid var(--color-yellow)}.lobby-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.lobby-top__leave{color:var(--color-coral)}.pcard{position:relative}.pcard__tools{gap:var(--space-1);display:flex;position:absolute;inset-block-start:var(--space-1);inset-inline-end:var(--space-1)}.pcard__tool{border:2px solid var(--color-ink);background:var(--color-surface-raised);block-size:32px;inline-size:32px;color:var(--color-text);cursor:pointer;border-radius:50%;font-weight:900}.pcard__tool--kick{background:var(--color-coral);color:var(--color-ink)}.vote-starter{gap:var(--space-2);flex-direction:column;display:flex}.vote-starter__chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.vote-card{z-index:950;gap:var(--space-2);inline-size:min(94vw,460px);padding:var(--space-3);border:var(--border-width) solid var(--color-ink);border-radius:calc(var(--radius) * 3);background:var(--color-surface);box-shadow:0 6px 0 var(--color-ink);flex-direction:column;animation:.3s ease-out vote-in;display:flex;position:fixed;inset-block-end:max(var(--space-3), env(safe-area-inset-bottom));inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .vote-card{transform:translate(50%)}.vote-card__title{text-align:center;margin:0;font-weight:900}.vote-card__options{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.vote-card__options.is-yesno{grid-template-columns:1fr 1fr}.vote-option{align-items:center;gap:var(--space-2);min-block-size:var(--tap-min);padding:var(--space-1) var(--space-2);border:2px solid var(--color-ink);border-radius:var(--radius);background:var(--color-surface-raised);color:var(--color-text);font:inherit;cursor:pointer;font-weight:800;display:flex}.vote-option.is-mine{outline:3px solid var(--color-yellow)}.vote-option__icon{block-size:28px;inline-size:28px}.vote-option__label{text-align:start;flex:1}.vote-card__foot{justify-content:space-between;align-items:center;display:flex}.vote-card__time{font-weight:900}@keyframes vote-in{0%{opacity:0;transform:translate(-50%,20px)}}.public-rooms__head{align-items:center}.public-rooms__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.public-room{align-items:center;gap:var(--space-2);padding:var(--space-2);border:2px solid var(--color-ink);border-radius:var(--radius);background:var(--color-surface-raised);display:flex}.public-room__icon{block-size:36px;inline-size:36px}.public-room__text{flex-direction:column;flex:1;min-inline-size:0;display:flex}.topbar__icon-btn{inline-size:var(--tap-min);block-size:var(--tap-min);background:var(--color-surface);border:2px solid var(--color-ink);border-radius:var(--radius);box-shadow:0 3px 0 var(--color-ink);cursor:pointer;touch-action:manipulation;place-items:center;padding:0;font-size:1.2rem;display:inline-grid;position:relative}.topbar__icon-btn:active{box-shadow:none;transform:translateY(3px)}.topbar__badge{background:var(--color-coral);min-inline-size:20px;color:var(--color-text);border:2px solid var(--color-ink);border-radius:10px;padding:0 4px;font-size:.7rem;font-weight:800;line-height:16px;position:absolute;inset-block-start:-6px;inset-inline-end:-6px}.bell{position:relative}.bell__panel{z-index:900;gap:var(--space-2);inline-size:min(340px, calc(100vw - 2 * var(--space-4)));max-block-size:min(70vh,520px);padding:var(--space-2);background:var(--color-surface);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);box-shadow:0 6px 0 var(--color-ink);flex-direction:column;display:flex;position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-end:calc(-1 * var(--tap-min) * 2)}.bell__title{padding:var(--space-1) var(--space-2) 0;font-family:var(--font-pixel);font-weight:var(--font-pixel-weight);margin:0}.bell__empty{padding:var(--space-3) var(--space-2);text-align:center;margin:0}.bell__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.bell__item{align-items:center;gap:var(--space-2);inline-size:100%;min-block-size:var(--tap-min);padding:var(--space-1) var(--space-2);color:var(--color-text);border-radius:var(--radius);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.bell__item:hover,.bell__item:focus-visible{background:var(--color-surface-raised)}.bell__item.is-new{background:color-mix(in srgb, var(--color-sky) 14%, transparent)}.bell__icon{place-items:center;inline-size:34px;font-size:1.3rem;display:inline-grid}.bell__text{flex-direction:column;min-inline-size:0;font-size:.9rem;display:flex}.bell__time{font-size:.75rem}.invite-popups{inset-block-start:calc(env(safe-area-inset-top,0px) + var(--space-3));inset-inline:var(--space-4);z-index:1000;align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.invite-popup{align-items:center;gap:var(--space-2) var(--space-3);inline-size:min(420px,100%);padding:var(--space-3);background:var(--color-surface);border:var(--border-width) solid var(--color-ink);border-inline-start:6px solid var(--color-green);border-radius:var(--radius);box-shadow:0 6px 0 var(--color-ink);pointer-events:auto;grid-template-columns:auto 1fr;animation:.25s ease-out popup-in;display:grid}.invite-popup__text{margin:0;font-weight:700}.invite-popup__actions{justify-content:flex-end;gap:var(--space-2);grid-column:1/-1;display:flex}@keyframes popup-in{0%{opacity:0;transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.invite-popup{animation:none}}.friend-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.friend{align-items:center;gap:var(--space-2);min-inline-size:0;display:flex}.friend__who{align-items:center;gap:var(--space-2);min-inline-size:0;color:inherit;flex:1;text-decoration:none;display:flex}.friend__avatar{flex:none;position:relative}.friend__avatar:after{content:"";z-index:2;background:var(--color-text-muted);border:2px solid var(--color-ink);border-radius:50%;block-size:12px;inline-size:12px;position:absolute;inset-block-end:0;inset-inline-end:0}.friend__avatar.is-home:after{background:var(--color-green)}.friend__avatar.is-lobby:after,.friend__avatar.is-playing:after,.friend__avatar.is-solo:after{background:var(--color-yellow)}.friend__text{flex-direction:column;min-inline-size:0;display:flex}.friend__name,.friend__sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend__name{font-weight:800}.friend__sub{font-size:.85rem}.friend__actions{align-items:center;gap:var(--space-1);flex:none;display:flex}.friend-group{margin:var(--space-2) 0 0;color:var(--color-text-muted);text-transform:uppercase;font-size:.8rem;font-weight:800}.friend-button{align-items:center;gap:var(--space-2);display:flex}.sheet-backdrop{z-index:950;background:color-mix(in srgb, var(--color-bg) 70%, transparent);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{max-block-size:80vh;inline-size:min(480px,100%);border-end-end-radius:0;border-end-start-radius:0;margin:0;padding-block-end:calc(var(--space-4) + env(safe-area-inset-bottom,0px));overflow-y:auto}@media (width>=768px){.sheet-backdrop{align-items:center}.sheet{border-radius:var(--radius)}}.sheet__head{align-items:center}.pcard--invite{block-size:100%;min-block-size:150px;inline-size:100%;padding:var(--space-2);color:var(--color-text-muted);box-shadow:none;font:inherit;cursor:pointer;background:0 0;border-style:dashed;justify-content:center}.pcard--invite:hover,.pcard--invite:focus-visible{color:var(--color-primary);border-color:var(--color-primary)}.pcard__plus{font-family:var(--font-pixel);font-size:2.5rem;line-height:1}.lobby-top__min{margin-inline-start:auto}.room-pill{inset-inline:var(--space-4);z-index:850;gap:var(--space-2);max-inline-size:480px;margin-inline:auto;display:flex;position:fixed;inset-block-end:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + var(--space-2))}.room-pill__main{align-items:center;gap:var(--space-2);min-block-size:56px;min-inline-size:0;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);color:var(--color-text);border:var(--border-width) solid var(--color-ink);border-inline-start:6px solid var(--color-green);border-radius:var(--radius);box-shadow:0 4px 0 var(--color-ink);font:inherit;text-align:start;cursor:pointer;flex:1;display:flex}.room-pill__main:active,.room-pill__mic:active{box-shadow:none;transform:translateY(3px)}.room-pill__icon{flex:none;block-size:32px;inline-size:32px}.room-pill__text{flex-direction:column;flex:1;min-inline-size:0;line-height:1.2;display:flex}.room-pill__text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-pill__back{color:var(--color-green);flex:none;font-weight:800}.room-pill__mic{background:var(--color-surface-raised);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);inline-size:56px;box-shadow:0 4px 0 var(--color-ink);cursor:pointer;flex:none;font-size:1.4rem}.room-pill__mic.is-muted{background:var(--color-coral)}.has-room-pill .shell__main,.has-room-pill .app{padding-block-end:calc(var(--tabbar-h) + 88px)}.game-screen.is-full.has-voice{--frame-safe-end:90px}.frame-float--mic{font-size:1rem;inset-inline-end:calc(max(6px, env(safe-area-inset-right)) + 44px)}.frame-float--mic.is-muted{background:color-mix(in srgb, var(--color-coral) 70%, transparent)}.frame-float--mic.is-speaking{box-shadow:0 0 0 3px var(--color-green)}.voice-btn{background:var(--color-surface-raised);border:2px solid var(--color-ink);border-radius:var(--radius);block-size:40px;inline-size:40px;box-shadow:0 3px 0 var(--color-ink);cursor:pointer;flex:none;place-items:center;padding:0;font-size:1.1rem;display:inline-grid}.voice-btn:active{box-shadow:none;transform:translateY(3px)}.voice-btn.is-off{background:var(--color-coral)}.voice-btn.is-live{background:var(--color-green)}.voice-btn .pixel-icon,.frame-float--mic .pixel-icon{block-size:22px;inline-size:22px}.voice-btn,.frame-float--mic{position:relative}.voice-btn.is-off:after,.frame-float--mic.is-muted:after{content:"";background:var(--color-ink);block-size:3px;position:absolute;inset-block-start:50%;inset-inline:7px;transform:rotate(-45deg)}.party{gap:var(--space-2);flex-direction:column;display:flex}.party__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.party__title{font-family:var(--font-pixel);font-weight:var(--font-pixel-weight);margin:0}.party__voice{gap:var(--space-1);display:flex}.party__cards{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.party__cards .pcard--invite{min-block-size:132px}.party__hint{margin:0;font-size:.85rem}.party__actions{flex-wrap:wrap}.lobby-bots-note{margin:var(--space-2) 0 0;font-size:.85rem}.mascot-wrap{display:contents}.avatar{inline-size:var(--avatar-size,40px);block-size:var(--avatar-size,40px);background:var(--color-bubble);border:2px solid var(--color-ink);border-radius:var(--radius);box-shadow:inset 0 0 0 3px var(--avatar-accent);flex:none;place-items:center;padding:3px;display:inline-grid;position:relative}.avatar__img{block-size:100%;inline-size:100%;image-rendering:pixelated;display:block}.avatar__photo{object-fit:cover;image-rendering:auto;border-radius:2px}.avatar__level{background:var(--lvl,var(--color-primary));min-inline-size:20px;color:var(--color-text-on-light);border:2px solid var(--color-ink);box-shadow:inset 0 -2px 0 var(--lvl-edge,var(--color-primary-edge));border-radius:var(--radius);text-align:center;padding-inline:3px;font-size:.7rem;font-weight:800;line-height:1.3;position:absolute;inset-block-end:-6px;inset-inline-end:-8px}.avatar--framed{margin:calc(var(--avatar-size) * .28);padding:calc(var(--avatar-size) * .12);box-shadow:inset 0 0 0 calc(var(--avatar-size) * .1) var(--avatar-accent);border:0;border-radius:0}.avatar__frame{inset:calc(var(--avatar-size) * var(--frame-reach) * -1);inline-size:calc(var(--avatar-size) * (1 + 2 * var(--frame-reach)));block-size:calc(var(--avatar-size) * (1 + 2 * var(--frame-reach)));pointer-events:none;image-rendering:pixelated;position:absolute}.avatar__level{z-index:1}.avatar--diamond .avatar__sparkle,.avatar--legend .avatar__sparkle{animation:1.6s steps(2,end) infinite frame-twinkle}@keyframes frame-twinkle{50%{opacity:.2}}@media (prefers-reduced-motion:reduce){.avatar__sparkle{animation:none!important}}.level-badge{background:var(--lvl);color:var(--color-text-on-light);box-shadow:inset 0 2px 0 var(--lvl-light), inset 0 -3px 0 var(--lvl-edge)}.pixel-banner{block-size:100%;inline-size:100%;image-rendering:pixelated;display:block}.site{min-block-size:100dvh;flex-direction:column;padding-block-end:env(safe-area-inset-bottom);display:flex}.site-header{z-index:20;background:var(--color-bg-deep);border-block-end:var(--border-width) solid var(--color-ink);box-shadow:0 2px 0 var(--color-line);padding-block-start:env(safe-area-inset-top);position:sticky;inset-block-start:0}.site-header__inner{align-items:center;gap:var(--space-3);max-inline-size:var(--wide-max);padding:var(--space-2) var(--space-4);margin-inline:auto;display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--color-primary);text-decoration:none;display:inline-flex}.brand__mark{inline-size:var(--brand-mark,40px);block-size:var(--brand-mark,40px);image-rendering:pixelated;filter:drop-shadow(2px 2px 0 var(--color-ink));flex:none;display:block}.brand__words{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.brand__latin{font-family:var(--font-pixel);font-weight:var(--font-pixel-weight);font-variant-ligatures:none;font-size:var(--brand-latin,1.35rem);letter-spacing:1px;color:var(--color-primary);text-shadow:2px 2px 0 var(--color-ink)}.brand__arabic{font-family:var(--font-arabic);font-weight:700;font-size:var(--brand-arabic,.95rem);color:var(--color-text);text-shadow:2px 2px 0 var(--color-ink);line-height:1.3}.brand__words{direction:ltr}.brand--md{--brand-mark:48px;--brand-latin:1.6rem;--brand-arabic:1.1rem}.brand--lg{--brand-mark:88px;--brand-latin:3rem;--brand-arabic:1.9rem;gap:var(--space-3)}.site-logo{margin-inline-end:auto;text-decoration:none;display:inline-flex}.site-menu-btn{display:inline-flex}.site-nav{gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-deep);border-block-end:var(--border-width) solid var(--color-ink);flex-direction:column;display:none;position:absolute;inset-block-start:100%;inset-inline:0}.site-nav.is-open{display:flex}.site-nav__link{min-block-size:var(--tap-min);padding-inline:var(--space-2);color:var(--color-text);border-radius:var(--radius);align-items:center;font-weight:800;text-decoration:none;display:inline-flex}.site-nav__link.is-active,.site-nav__link:hover{color:var(--color-primary)}.site-account{align-items:center;gap:var(--space-2);min-block-size:var(--tap-min);color:var(--color-text);font-weight:800;text-decoration:none;display:inline-flex}.site-account__name{text-overflow:ellipsis;white-space:nowrap;max-inline-size:12ch;overflow:hidden}@media (width>=900px){.site-menu-btn{display:none}.site-nav,.site-nav.is-open{background:0 0;border:0;flex-direction:row;align-items:center;padding:0;display:flex;position:static}}.page{inline-size:100%;max-inline-size:var(--tablet-max);padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;margin-inline:auto;padding-block-end:var(--space-7);display:flex}.page--wide{max-inline-size:var(--wide-max)}.page-title{font-size:var(--font-size-xl);color:var(--color-primary);text-shadow:3px 3px 0 var(--color-ink)}.page-center{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}a{color:var(--color-secondary)}a.btn{text-decoration:none}.link-btn{padding:var(--space-2);color:var(--color-secondary);font:inherit;cursor:pointer;min-block-size:var(--tap-min);background:0 0;border:0;font-weight:700;text-decoration:underline}.site-footer{justify-content:center;align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-5) var(--space-4);background:var(--color-bg-deep);border-block-start:var(--border-width) solid var(--color-ink);text-align:center;flex-wrap:wrap;display:flex}.site-footer__links{gap:var(--space-4);display:flex}.site-footer__links a{color:var(--color-text);font-weight:800;text-decoration:none}.toasts{inset-block-end:var(--space-4);inset-inline:var(--space-4);z-index:50;align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-2);max-inline-size:420px;padding:var(--space-2) var(--space-3);background:var(--color-primary);color:var(--color-text-on-light);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius);box-shadow:0 var(--press-depth) 0 var(--color-ink);font-weight:800;animation:.2s steps(3,end) toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.pixel-tile{background:var(--color-bubble);border:2px solid var(--color-ink);border-radius:var(--radius);block-size:64px;inline-size:64px;box-shadow:inset 0 0 0 4px var(--tile-accent), 0 var(--press-depth) 0 var(--color-ink);flex:none;padding:8px;display:inline-block}.home-signed-in{padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border:2px solid var(--color-ink);border-radius:var(--radius);margin:0;font-weight:800}.nudge{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);color:var(--color-text);border:2px dashed var(--color-line);border-radius:var(--radius);text-align:center;flex-wrap:wrap;margin:0;font-weight:700;display:flex}.nudge--me{border-style:solid;text-decoration:none}.nudge__link{font-weight:800}