@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./cairo-arabic-wght-normal-CJWMIGCx.woff2)format("woff2-variations"),url(./cairo-arabic-wght-normal-CJWMIGCx.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}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./cairo-latin-wght-normal-PfPtmrPZ.woff2)format("woff2-variations"),url(./cairo-latin-wght-normal-PfPtmrPZ.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:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:700;src:url(./aref-ruqaa-arabic-700-normal-D30apH1C.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}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:700;src:url(./aref-ruqaa-latin-700-normal-DsYZho2f.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}:root{--desk:#131a2c;--desk-2:#0c111e;--paper:#ece7dc;--ink:#17140f;--text:#eef1f6;--muted:#a9b1c4;--edge:#eef1f638;--blue:#2f5bd8;--vermilion:#d8452a;--saffron:#ebae2e;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--font:"Cairo", ui-rounded, system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--tray-cell:18px;--col:360px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--desk);height:100%;color:var(--text);font-family:var(--font);margin:0}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;color:inherit}[hidden]{display:none!important}.bd{padding:calc(var(--sat) + 8px) calc(var(--sar) + 12px) calc(var(--sab) + 8px) calc(var(--sal) + 12px);background:radial-gradient(120% 80% at 50% 0%, #1c2540 0%, var(--desk) 55%, var(--desk-2) 100%);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;flex-direction:column;display:flex;position:fixed;inset:0}.btn{border:2px solid var(--edge);min-height:48px;color:var(--text);cursor:pointer;background:0 0;border-radius:14px;padding:10px 22px;font-size:1.05rem;font-weight:700}.btn.primary{background:var(--paper);color:var(--ink);border-color:var(--paper);box-shadow:0 4px #b9b2a3}.btn.small{min-width:64px;min-height:48px;padding:6px 14px;font-size:1rem}.btn:focus-visible,.icon:focus-visible,.slot:focus-visible{outline:3px solid var(--saffron);outline-offset:2px}.icon{width:48px;height:48px;color:var(--text);cursor:pointer;background:#eef1f614;border:0;border-radius:12px;place-items:center;padding:0;display:inline-grid}.icon svg{width:26px;height:26px}.icon.lang,.btn.js-lang{font-size:.95rem;font-weight:800}.js-sound.off .wave{opacity:.2}.home{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.home-main{flex-direction:column;align-items:center;gap:14px;max-width:420px;display:flex}.home h1{letter-spacing:.01em;margin:0;font-size:2.6rem;font-weight:900;line-height:1.1}.tagline{color:var(--muted);margin:0;font-size:1.02rem;line-height:1.55}.actions{flex-direction:column;gap:10px;width:min(320px,100%);display:flex}.record{color:var(--muted);margin:0;font-weight:700}.house{position:absolute;inset-block-start:calc(var(--sat) + 8px);inset-inline-start:calc(max(var(--sal), var(--sar)) + 12px)}.bd.desk .house{inset-block-start:24px;inset-inline-start:24px}.bd.desk.flat .house{inset-block-start:calc(var(--sat) + 10px);inset-inline-start:calc(max(var(--sal), var(--sar)) + 12px)}.toggles{gap:10px;display:flex}.logo{display:block}.play{flex-direction:column;flex:1;align-items:center;min-height:0;display:flex}.col{flex-direction:column;gap:6px;width:100%;max-width:560px;display:flex}.bar{align-items:center;gap:8px;display:flex}.round{text-align:center;color:var(--muted);flex:1;font-size:1rem;font-weight:800}.rival{align-items:center;gap:12px;display:flex}.rival-side{flex-direction:column;gap:6px;min-width:0;display:flex}.who{align-items:baseline;gap:10px;min-height:1.6em;margin:0;font-size:1rem;font-weight:800;display:flex}.who .num{color:var(--muted);font-size:.95rem;font-weight:700}.mini{flex-wrap:wrap;align-items:flex-start;gap:8px;min-height:18px;display:flex}.status{min-height:2.9em;color:var(--text);text-align:center;margin:2px 0 0;font-size:.98rem;line-height:1.45}.stage{flex:1;place-items:center;width:100%;min-height:0;display:grid}.board{touch-action:none;border-radius:12px;display:block;box-shadow:0 10px 28px #00000073}.board.small{box-shadow:0 6px 16px #0006}.foot{align-items:center}.foot .who{justify-content:center;align-self:stretch}.tray{width:100%;height:calc(var(--tray-cell) * 5.4 + 8px);grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:relative}.slot{cursor:grab;touch-action:none;background:#eef1f60f;border:0;border-radius:14px;min-height:48px;padding:0;position:relative;overflow:hidden}.slot canvas{width:100%;height:100%;position:absolute;inset:0}.slot.empty{cursor:default;background:#eef1f606}.slot.picked{box-shadow:inset 0 0 0 3px var(--saffron)}.noroom{text-align:center;color:var(--saffron);font-size:1.2rem;font-weight:900;position:absolute;inset-block-start:50%;inset-inline:0;transform:translateY(-50%)}.turn{z-index:2;background:var(--paper);color:var(--ink);position:absolute;inset-block-end:6px;inset-inline-end:6px}.bd[data-big=bot] .stage .board{box-shadow:0 0 0 4px var(--vermilion), 0 10px 28px #00000073}.drag{inset-block-start:0;pointer-events:none;z-index:20;filter:drop-shadow(0 8px 10px #00000073);position:fixed;left:0}.burst{text-align:center;color:var(--saffron);text-shadow:0 3px 0 var(--ink), 0 0 18px #0009;pointer-events:none;z-index:30;font-size:2.6rem;font-weight:900;position:fixed;inset-block-start:38%;inset-inline:0}.burst[data-seat="1"]{color:#ff8a6b}.burst.go{animation:1.2s ease-out forwards burst}@keyframes burst{0%{opacity:0;transform:scale(.6)}18%{opacity:1;transform:scale(1.08)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.overlay{z-index:40;background:#060910b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{background:var(--paper);width:min(420px,100%);max-height:100%;color:var(--ink);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:20px 18px;display:flex;overflow:auto}.sheet h2{margin:0;font-size:2rem;font-weight:900}.why{color:#4b453b;margin:0;font-size:1rem;line-height:1.45}.pic{border-radius:12px;width:min(240px,60vw);height:auto}.stats{border-collapse:collapse;font-size:1rem}.stats th,.stats td{padding:4px 12px}.stats td{text-align:center;font-weight:800}.stats tbody th{text-align:start;color:#4b453b;font-weight:700}.sheet .actions{width:100%}.sheet{padding-block-end:0}.sheet .actions{background:var(--paper);padding-block-end:20px;position:sticky;inset-block-end:0}.sheet .btn{color:var(--ink);border-color:#17140f40}.sheet .btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:none}@media (prefers-reduced-motion:reduce){.burst.go{animation:none}}.bd.desk{padding:24px}.bd.desk.flat{padding:calc(var(--sat) + 10px) calc(var(--sar) + 12px) calc(var(--sab) + 10px) calc(var(--sal) + 12px)}.bd.desk .home{text-align:start;flex-direction:row;gap:56px}.bd.desk .home-main{align-items:flex-start}.bd.desk .home h1{font-size:3.4rem}.bd.desk.flat .home{gap:28px}.bd.desk.flat .home h1{font-size:2.2rem}.bd.desk .play{grid-template-columns:auto var(--col);grid-template-rows:auto 1fr;grid-template-areas:"stage col""stage foot";place-content:center;gap:12px 32px;height:100%;display:grid}.bd.desk.flat .play{gap:4px 16px}.bd.desk .play .col{grid-area:col;max-width:none}.bd.desk .play .stage{grid-area:stage}.bd.desk .play .foot{grid-area:foot;align-self:end}.bd.desk .rival{flex-direction:column;align-items:flex-start}.bd.desk.flat .rival{flex-direction:row}.bd.desk .status{text-align:start;min-height:4.4em;font-size:1.05rem}.bd.desk.flat .status{min-height:2.9em;font-size:.9rem}.bd.desk .foot .who{justify-content:flex-start}.bd.desk .tray{height:calc(var(--tray-cell) * 5.4 + 12px)}