:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d10;--bg-2:#111419;--panel:#171b21;--panel-2:#1f242c;--panel-3:#272d36;--line:#ced5df21;--line-2:#ced5df4d;--text:#eef1f5;--dim:#9aa3af;--faint:#69717c;--silver:#c9cfd8;--silver-hi:#f4f6f9;--silver-lo:#7f8792;--red:#c1272d;--red-hi:#e8474d;--green:#006233;--green-hi:#17a862;--green-deep:#062a19;--gold:#e3b34a;--tile:#f4f5f7;--tile-2:#e3e6ea;--ink:#15181d;--ink-dim:#59616c;--metal:linear-gradient(135deg,#f5f7fa 0%,#c3c9d2 18%,#eef1f4 36%,#8f97a2 58%,#e7eaee 78%,#b4bbc5 100%);--metal-soft:linear-gradient(160deg,#2b313a,#1a1e24 55%,#252b33);--f-display:"Unbounded","IBM Plex Sans",system-ui,sans-serif;--f-body:"IBM Plex Sans","IBM Plex Sans Arabic","Noto Sans Tifinagh",system-ui,sans-serif;--f-ar:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif;--f-tif:"Noto Sans Tifinagh","IBM Plex Sans",system-ui,sans-serif}[hidden]{display:none!important}html,body{height:100%}body{margin:0}img{max-width:100%}body{background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:14px;line-height:1.45;overflow-x:hidden}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);position:fixed;inset:0 0 auto}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit}:focus-visible{outline:2px solid var(--silver-hi);outline-offset:2px}.wrap{max-width:1360px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));box-sizing:border-box;margin:0 auto}.btn{background:var(--panel-2);border:1px solid var(--line-2);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--silver);transform:translateY(-1px)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn.red{background:var(--red);border-color:var(--red-hi);color:#fff}.btn.red:hover:not(:disabled){background:var(--red-hi)}.btn.green{background:var(--green);border-color:var(--green-hi);color:#fff}.btn.green:hover:not(:disabled){background:#007a40}.btn.metal{background:var(--metal);color:var(--ink);border-color:#fff}.btn.ghost{background:0 0}.btn.sm{padding:6px 12px;font-size:12.5px}.btn.danger{border-color:var(--red-hi);color:var(--red-hi);background:0 0}.field{background:var(--bg-2);border:1px solid var(--line-2);color:var(--text);border-radius:12px;min-width:0;padding:10px 12px}.muted{color:var(--dim)}.eyebrow{font-family:var(--f-display);letter-spacing:.22em;text-transform:uppercase;color:var(--silver);font-size:11px}h1,h2,h3{text-wrap:balance}.noimg{visibility:hidden}#home{padding-block:14px 60px;position:relative}.home-top{flex-wrap:wrap;align-items:center;gap:14px;padding-block:6px 10px;display:flex}#flag{flex:none;width:84px;height:58px}.wm{font-family:var(--f-display);letter-spacing:.1em;background:var(--metal);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.wm .ar{font-family:var(--f-ar);letter-spacing:0;margin-inline-start:10px;font-weight:700}.wm .tif{font-family:var(--f-tif);letter-spacing:.14em;margin-inline-start:10px;font-size:15px;font-weight:400}.home-top .sp{flex:1}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:32px;margin-top:10px;display:grid}@media (width<=900px){.hero{grid-template-columns:minmax(0,1fr)}}.hero h1{font-family:var(--f-display);letter-spacing:-.01em;margin:14px 0;font-size:clamp(34px,5.4vw,64px);font-weight:800;line-height:1.02}.hero h1 .r{color:var(--red-hi)}.hero h1 .g{color:var(--green-hi)}.hero h1 .s{background:var(--metal);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p.lead{color:var(--dim);max-width:52ch;margin:0 0 22px;font-size:16.5px}.ctas{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.joinrow{gap:8px;max-width:420px;margin-top:14px;display:flex}.joinrow .field{text-transform:lowercase;letter-spacing:.12em;font-family:var(--f-display);flex:1;font-size:14px}.note{color:var(--dim);max-width:56ch;margin-top:12px;font-size:12.5px}.mygames{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.hero-map{min-width:0;position:relative}.hero-map svg{width:100%;height:auto;max-height:640px;display:block}.map-land{fill:url(#landGrad);stroke:var(--silver);stroke-width:1.4px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;fill-opacity:0;animation:3.2s .2s forwards draw}@keyframes draw{60%{stroke-dashoffset:0;fill-opacity:0}to{stroke-dashoffset:0;fill-opacity:1}}.map-route{fill:none;stroke:var(--red-hi);stroke-width:2px;stroke-dasharray:5 6;opacity:0;animation:.8s 2.6s forwards fadein,1.6s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-22px}}@keyframes fadein{to{opacity:1}}.city{opacity:0;animation:.5s forwards fadein}.city .dot{fill:var(--silver-hi)}.city .pulse{fill:none;stroke:var(--green-hi);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}.city text{font-family:var(--f-body);fill:var(--text);font-size:11px;font-weight:600}.city text.ar{font-family:var(--f-ar);fill:var(--dim);font-size:10px;font-weight:400}.train{opacity:0;animation:.6s 3s forwards fadein}.parade{flex-wrap:wrap;justify-content:center;gap:14px;margin:44px 0 10px;display:flex}.coin{background:var(--metal);border-radius:50%;flex:none;width:76px;height:76px;padding:4px;position:relative;box-shadow:0 10px 30px #00000080,inset 0 0 0 1px #fff9}.coin img,.coin .g{object-fit:cover;background:#20252c;border-radius:50%;place-items:center;width:100%;height:100%;font-size:30px;display:grid}.parade .coin{animation:3.4s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-12px)rotate(3deg)}}.parade .coin:hover{animation-play-state:paused;transform:scale(1.08)}.parade .coin span{white-space:nowrap;color:var(--dim);margin-top:6px;font-size:11px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.marquee{margin-top:26px;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.track{gap:14px;width:max-content;animation:70s linear infinite scroll;display:flex}.marquee.rev .track{animation-duration:85s;animation-direction:reverse}.marquee:hover .track{animation-play-state:paused}@keyframes scroll{to{transform:translate(-50%)}}.mcard{aspect-ratio:2/3;background:var(--panel-2);border:1px solid var(--line-2);border-radius:12px;flex:none;width:132px;position:relative;overflow:hidden}.mcard img{object-fit:cover;width:100%;height:100%;display:block}.mcard .cap{background:linear-gradient(#0000,#000000d9);padding:20px 8px 6px;font-size:11px;font-weight:600;position:absolute;inset:auto 0 0}.mcard .bar{height:5px;position:absolute;inset:0 0 auto}.feats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:44px;display:grid}@media (width<=900px){.feats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.feats{grid-template-columns:minmax(0,1fr)}}.feat{background:var(--panel);border:1px solid var(--line);border-radius:16px;min-width:0;padding:16px}.feat .k{font-family:var(--f-ar);font-size:26px;font-weight:700;line-height:1}.feat h3{font-family:var(--f-display);letter-spacing:.04em;margin:8px 0 4px;font-size:14px}.feat p{color:var(--dim);margin:0;font-size:13px}.sketch{background:var(--panel);border:1px solid var(--line);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;margin-top:44px;padding:18px;display:grid}@media (width<=800px){.sketch{grid-template-columns:minmax(0,1fr)}}.sketch img{border-radius:12px;width:100%;display:block}.screen{padding-block:14px 50px}.bar-top{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.bar-top .sp{flex:1}.mini-flag{background:var(--red);border-radius:3px;flex:none;width:30px;height:20px;position:relative;box-shadow:inset 0 0 0 1px #fff3}.mini-flag svg{width:13px;height:13px;margin:auto;position:absolute;inset:0}.h2{font-family:var(--f-display);margin:4px 0;font-size:22px}.seats{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.seat{background:var(--panel);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.seat.off{opacity:.45}.seat .coin{width:56px;height:56px;padding:3px}.seat .info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.seat .info .field{border-radius:9px;padding:6px 10px}.seg{border:1px solid var(--line-2);border-radius:999px;align-self:flex-start;display:inline-flex;overflow:hidden}.seg button{color:var(--dim);background:0 0;border:0;padding:4px 10px;font-size:12px}.seg button[aria-pressed=true]{background:var(--panel-3);color:var(--text)}.opts{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.opt{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:10px;padding:12px;display:flex}.opt b{display:block}.opt span{color:var(--dim);font-size:12.5px}.opt select{margin-top:6px;padding:6px 8px}.sec{font-family:var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--silver);margin:26px 0 10px;font-size:12px}.tokgrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:520px;display:grid}.tok{color:var(--dim);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;font-size:11px;display:flex;position:relative}.tok .coin{aspect-ratio:1;width:100%;max-width:78px;height:auto}.tok[aria-pressed=true] .coin{box-shadow:0 0 0 3px var(--green-hi),0 10px 30px #00000080}.tok[aria-pressed=true]{color:var(--text)}.tok:disabled{opacity:.3;cursor:not-allowed}.tok .taken{background:var(--red);color:#fff;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:700;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.lobby{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}@media (width<=900px){.lobby{grid-template-columns:minmax(0,1fr)}}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;min-width:0;padding:16px}.invite{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.invite .field{flex:1;min-width:0;font-size:12.5px}.code{font-family:var(--f-display);letter-spacing:.2em;background:var(--metal);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800}.roster{flex-direction:column;gap:8px;display:flex}.rrow{background:var(--panel-2);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.rrow .coin{width:40px;height:40px;padding:2px}.rrow .n{font-weight:600}.rrow .sp{flex:1;min-width:0}.dotst{background:var(--faint);border-radius:50%;width:8px;height:8px;margin-inline-end:6px;display:inline-block}.dotst.on{background:var(--green-hi);box-shadow:0 0 8px var(--green-hi)}.layout{grid-template-columns:minmax(0,1fr) 384px;align-items:start;gap:20px;display:grid}@media (width<=1000px){.layout{grid-template-columns:minmax(0,1fr)}}.board-wrap{justify-content:center;min-width:0;display:flex}.board-box{width:min(100%,100vh - 92px,1000px);container:board/inline-size}.board{aspect-ratio:1;box-sizing:border-box;background:var(--metal);border-radius:2cqi;grid-template-rows:1.6fr repeat(9,1fr) 1.6fr;grid-template-columns:1.6fr repeat(9,1fr) 1.6fr;gap:.3cqi;width:100%;padding:1.6cqi;display:grid;position:relative;box-shadow:0 30px 80px #0009,inset 0 0 0 .25cqi #ffffffb3}.board:before{content:"";background:linear-gradient(90deg,var(--red) 0 50%,var(--green) 50%);pointer-events:none;z-index:0;border-radius:1.2cqi;position:absolute;inset:1.05cqi}.board:after{content:"";pointer-events:none;z-index:0;background:#1a1e24;border-radius:.9cqi;position:absolute;inset:1.5cqi}.cell{cursor:pointer;background:linear-gradient(180deg,#fafbfc,var(--tile-2));min-width:0;min-height:0;color:var(--ink);text-align:center;z-index:1;border-radius:.45cqi;font-size:1.25cqi;line-height:1.1;display:flex;position:relative;overflow:hidden}.cell:hover{filter:brightness(1.05)}.cell .bar{flex:0 0 17%;justify-content:center;align-items:center;gap:.35cqi;display:flex;position:relative}.cell .art{flex:0 0 38%;min-width:0;min-height:0;position:relative;overflow:hidden}.cell .art img{object-fit:cover;width:100%;height:100%;display:block}.cell .body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25cqi;min-width:0;min-height:0;padding:.3cqi;display:flex}.cell .nm{text-wrap:balance;overflow-wrap:anywhere;font-size:1.12cqi;font-weight:700}.cell .pr{font-variant-numeric:tabular-nums;color:var(--ink-dim);font-size:1.05cqi;font-weight:600}.cell .ico{font-family:var(--f-ar);font-size:2.1cqi;font-weight:700;line-height:1}.cell .glyph{font-size:2.2cqi;line-height:1}.s-b{flex-direction:column}.s-t{flex-direction:column-reverse}.s-l{flex-direction:row-reverse}.s-r{flex-direction:row}.s-l .bar,.s-r .bar{flex-direction:column;flex-basis:14%}.s-l .art,.s-r .art{flex-basis:34%}.own{pointer-events:none;position:absolute}.s-b .own{height:1cqi;bottom:0;left:0;right:0}.s-t .own{height:1cqi;top:0;left:0;right:0}.s-l .own{width:1cqi;top:0;bottom:0;left:0}.s-r .own{width:1cqi;top:0;bottom:0;right:0}.cell.mort .body{background:repeating-linear-gradient(135deg,#0000 0 .7cqi,#c1272d24 .7cqi 1.3cqi)}.cell.mort .art{filter:grayscale()opacity(.5)}.dar{background:var(--green);border:.14cqi solid #fff;border-radius:.2cqi;width:1.05cqi;height:1.05cqi;box-shadow:0 .1cqi .3cqi #00000059}.riad{background:var(--red);color:#fff;border:.16cqi solid #fff;border-radius:.3cqi;place-items:center;width:2cqi;height:1.3cqi;font-size:.9cqi;display:grid}.pop{animation:.5s cubic-bezier(.3,1.7,.5,1) popin}@keyframes popin{0%{transform:scale(0)}to{transform:scale(1)}}.corner{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.4cqi;padding:.6cqi}.corner .big{font-family:var(--f-ar);font-size:2.5cqi;font-weight:700;line-height:1.05}.corner .lat{font-family:var(--f-display);letter-spacing:.06em;font-size:1.25cqi;font-weight:700}.corner .tiny{opacity:.85;font-size:1cqi}.c-go{background:linear-gradient(150deg,#d8343a,#8e1a1f)}.c-go .arrow{font-size:3.4cqi;line-height:.8}.c-jail{background:linear-gradient(150deg,#3a414b,#1a1e24)}.c-jail .bars{background:repeating-linear-gradient(90deg,var(--silver) 0 .4cqi,transparent .4cqi 1.3cqi);border:.3cqi solid var(--silver);border-radius:.3cqi;width:62%;height:4.2cqi;position:relative;overflow:hidden}.c-jail .bars img{object-fit:cover;opacity:.55;mix-blend-mode:luminosity;width:100%;height:100%;position:absolute;inset:0}.c-park{background:linear-gradient(150deg,#0a7a43,#033a20)}.c-park .pot{font-variant-numeric:tabular-nums;background:var(--metal);color:var(--ink);border-radius:2cqi;padding:.2cqi 1cqi;font-size:1.4cqi;font-weight:700}.c-gojail{background:linear-gradient(150deg,#2a3038,#111418)}.c-gojail .big{color:var(--red-hi)}.cell.land{box-shadow:inset 0 0 0 .4cqi var(--gold);z-index:2}@container board (width<=600px){.cell .art{display:none}.cell .nm{font-size:1.45cqi}.cell .pr{font-size:1.3cqi}.corner .tiny{display:none}}.center{z-index:1;background:radial-gradient(120% 90% at 50% 40%,#0c4a2c,var(--green-deep) 60%,#03140c);color:#fff;border-radius:1cqi;flex-direction:column;grid-area:2/2/11/11;justify-content:center;align-items:center;gap:1.6cqi;display:flex;position:relative;overflow:hidden}.center .star{opacity:.12;pointer-events:none;width:70%;height:70%;margin:auto;position:absolute;inset:0}.center .star path{stroke:var(--silver-hi)}.center>*{position:relative}.ttl{flex-direction:column;align-items:center;line-height:1;display:flex}.ttl .tif{font-family:var(--f-tif);letter-spacing:.34em;color:var(--silver);font-size:2cqi}.ttl .ar{font-family:var(--f-ar);color:#fff;margin-top:.2cqi;font-size:5.6cqi;font-weight:700;line-height:1.35}.ttl .lat{font-family:var(--f-display);letter-spacing:.14em;background:var(--metal);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:4.6cqi;font-weight:800}.dice{perspective:60cqi;--ds:7cqi;height:var(--ds);gap:3cqi;display:flex}.die{width:var(--ds);height:var(--ds);transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.9,.25,1.05);position:relative}.face{box-sizing:border-box;backface-visibility:hidden;background:linear-gradient(145deg,#fff,#dfe3e8);border-radius:1.2cqi;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:1cqi;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 .25cqi #00000014}.face i{background:var(--ink);visibility:hidden;border-radius:50%;place-self:center;width:1.3cqi;height:1.3cqi}.face.f1 i:nth-child(5){background:var(--red)}.f1{transform:translateZ(calc(var(--ds)/2))}.f6{transform:rotateY(180deg) translateZ(calc(var(--ds)/2))}.f2{transform:rotateY(90deg) translateZ(calc(var(--ds)/2))}.f5{transform:rotateY(-90deg) translateZ(calc(var(--ds)/2))}.f3{transform:rotateX(90deg) translateZ(calc(var(--ds)/2))}.f4{transform:rotateX(-90deg) translateZ(calc(var(--ds)/2))}.dice.jump .die{animation:1s diehop}@keyframes diehop{0%{translate:0}30%{translate:0 -4cqi}60%{translate:0}75%{translate:0 -1cqi}to{translate:0}}.event{text-align:center;color:#e7efe9;max-width:64cqi;min-height:2.4cqi;padding:0 2cqi;font-size:1.75cqi;font-weight:500}.stage{pointer-events:none;z-index:5;place-items:center;display:grid;position:absolute;inset:0}.reveal{aspect-ratio:2/3;background:var(--metal);border-radius:1.4cqi;width:24cqi;animation:.7s cubic-bezier(.2,.9,.3,1.2) both flipin;position:relative;overflow:hidden;box-shadow:0 2cqi 5cqi #0009,0 0 0 .4cqi #fff}.reveal img{object-fit:cover;width:100%;height:100%;display:block}.reveal .cap{color:#fff;text-align:center;background:linear-gradient(#0000,#000000d9);padding:4cqi 1.2cqi 1cqi;font-size:1.8cqi;font-weight:700;position:absolute;inset:auto 0 0}.reveal.out{animation:.45s ease-in forwards flipout}@keyframes flipin{0%{opacity:0;transform:perspective(80cqi)rotateY(90deg)scale(.6)}to{opacity:1;transform:none}}@keyframes flipout{to{opacity:0;transform:perspective(80cqi)rotateY(-90deg)scale(.7)}}.fate{text-align:center;color:#fff;border-radius:1.6cqi;width:38cqi;padding:2cqi 2.4cqi;animation:.6s cubic-bezier(.2,.9,.3,1.2) both flipin;box-shadow:0 2cqi 5cqi #0000008c,0 0 0 .35cqi #ffffffd9}.fate.mektoub{background:linear-gradient(150deg,#d43a40,#7e161b)}.fate.baraka{background:linear-gradient(150deg,#0b8a4c,#03401f)}.fate .k{font-family:var(--f-ar);font-size:4cqi;font-weight:700;line-height:1}.fate .kl{font-family:var(--f-display);letter-spacing:.2em;text-transform:uppercase;opacity:.85;margin-top:.4cqi;font-size:1.1cqi}.fate .tx{margin-top:1.2cqi;font-size:1.9cqi;line-height:1.3}.fate.out{animation:.45s ease-in forwards flipout}.fate{pointer-events:auto;cursor:pointer;width:46cqi;position:relative;overflow:hidden}.fate .tx{font-size:2.5cqi}.fate .tap{opacity:.7;margin-top:1.4cqi;font-size:1.25cqi}.fate .timer{transform-origin:0;background:#ffffffbf;width:100%;height:.6cqi;animation:linear forwards fatetime;position:absolute;bottom:0;left:0}@keyframes fatetime{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (width<=700px){.fate{width:66cqi}.fate .tx{font-size:3.8cqi}.fate .tap{font-size:2.4cqi}.fate .kl{font-size:2cqi}}.btn.gold{color:#f1cf7f;border-color:#e3b34a8c}#modalRoot.min .veil{display:none}.modal-pill{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:56;color:var(--text);background:linear-gradient(#2a2f37,#15181d);border:1px solid #e3b34a99;border-radius:999px;max-width:calc(100% - 32px);padding:12px 18px;font-weight:700;animation:1.6s ease-in-out infinite pillpulse;position:fixed;transform:translate(-50%);box-shadow:0 14px 40px #0009}@keyframes pillpulse{0%,to{box-shadow:0 14px 40px #0009,0 0 #e3b34a73}50%{box-shadow:0 14px 40px #0009,0 0 0 8px #e3b34a00}}#modalRoot:not(.min) .modal-pill{display:none}@media (width<=700px){body.ingame .modal-pill{bottom:calc(120px + env(safe-area-inset-bottom,0px))}}.pawnlayer{pointer-events:none;z-index:6;position:absolute;inset:0}.pawn{width:var(--ps);height:var(--ps);box-sizing:border-box;background:var(--metal);will-change:transform;border-radius:50%;padding:.28cqi;position:absolute;top:0;left:0;box-shadow:0 .5cqi 1.2cqi #00000080}.pawn img,.pawn .g{object-fit:cover;background:#222;border-radius:50%;place-items:center;width:100%;height:100%;font-size:2cqi;display:grid}.pawn:after{content:"";border:.35cqi solid var(--pc);border-radius:50%;position:absolute;inset:-.25cqi}.pawn.cur{z-index:3}.pawn.cur:before{content:"";border:.3cqi solid var(--gold);border-radius:50%;animation:1.4s ease-out infinite ring;position:absolute;inset:-1cqi}@keyframes ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.35)}}.pawn.jailed img{filter:grayscale(.6)}.floater{z-index:8;font-family:var(--f-display);pointer-events:none;white-space:nowrap;text-shadow:0 .2cqi .6cqi #000000b3;font-size:2cqi;font-weight:800;animation:1.5s ease-out forwards floatup;position:absolute}.floater.plus{color:#7dffb4}.floater.minus{color:#ff8a8f}.floater.gold{color:var(--gold)}@keyframes floatup{0%{opacity:0;transform:translate(-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-1cqi)scale(1.15)}to{opacity:0;transform:translate(-50%,-7cqi)scale(1)}}.confetti{pointer-events:none;z-index:9;width:100%;height:100%;position:absolute;inset:0}.jailbars{z-index:8;pointer-events:none;background:repeating-linear-gradient(90deg,var(--silver-hi) 0 .5cqi,transparent .5cqi 1.5cqi);border-top:.5cqi solid var(--silver-hi);border-bottom:.5cqi solid var(--silver-hi);animation:.9s cubic-bezier(.5,0,.5,1.4) forwards slam;position:absolute}@keyframes slam{0%{opacity:0;transform:translateY(-120%)}50%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}.side{flex-direction:column;gap:14px;min-width:0;display:flex}.turn{background:var(--metal-soft);border:1px solid var(--line-2);border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex;position:relative;overflow:hidden}.turn:before{content:"";background:linear-gradient(90deg,var(--red) 50%,var(--green) 50%);height:3px;position:absolute;inset:0 0 auto}.who{align-items:center;gap:12px;display:flex}.who .coin{width:52px;height:52px;padding:3px}.who .n{font-family:var(--f-display);font-size:15px;font-weight:700}.who .cash{font-family:var(--f-display);color:var(--gold);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.status{color:var(--dim);min-height:1.4em;font-size:13px}.status b{color:var(--text)}.status.bad{color:var(--red-hi)}.actions{flex-wrap:wrap;gap:8px;display:flex}.preview{background:#00000040;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.preview img{object-fit:cover;border-radius:6px;flex:none;width:52px;height:78px}.tabs{border-bottom:1px solid var(--line);gap:2px;display:flex;overflow-x:auto}.tabs button{color:var(--dim);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 10px;font-weight:600}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--red-hi)}.tabpanel{background:var(--panel);border:1px solid var(--line);border-radius:16px;max-height:58vh;margin-top:8px;padding:12px;overflow:auto}@media (width<=1000px){.tabpanel{max-height:none}}.plist{flex-direction:column;gap:8px;display:flex}.prow{background:var(--panel-2);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.prow .coin{width:40px;height:40px;padding:2px}.prow.active{box-shadow:inset 0 0 0 1px var(--gold)}.prow.out{opacity:.4}.prow .nm{font-weight:600}.prow .sub{color:var(--dim);font-size:12px}.prow .money{text-align:end;font-variant-numeric:tabular-nums}.prow .money b{color:var(--gold);display:block}.chips{flex-wrap:wrap;gap:3px;margin-top:4px;display:flex}.chip{border-radius:3px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #ffffff59}.chip.m{opacity:.3}.deeds{flex-direction:column;gap:6px;display:flex}.drow{background:var(--panel-2);border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.drow .th{background:var(--panel-3);border-radius:6px;width:40px;height:56px;position:relative;overflow:hidden}.drow .th img{object-fit:cover;width:100%;height:100%}.drow .th i{height:5px;position:absolute;inset:0 0 auto}.drow .acts{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.log{flex-direction:column;gap:5px;font-size:12.5px;display:flex}.log div{border-bottom:1px dashed var(--line);color:var(--dim);padding-bottom:5px}.log div:first-child{color:var(--text)}.book{max-width:65ch}.book h3{font-family:var(--f-display);letter-spacing:.04em;margin:16px 0 6px;font-size:14px}.book h3:first-child{margin-top:0}.book p,.book li{font-size:13.5px}.book ul{margin:4px 0;padding-inline-start:18px}.book .k{font-family:var(--f-ar);color:var(--silver-hi);font-weight:600}.book table{border-collapse:collapse;width:100%;font-size:12.5px}.book td,.book th{border-bottom:1px solid var(--line);text-align:start;vertical-align:top;padding:5px 6px}.book .tw{overflow-x:auto}.banner{border:1px solid var(--red);color:#ffd6d8;background:#c1272d26;border-radius:12px;padding:8px 12px;font-size:13px}.gamebar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.gamebar .sp{flex:1}.chipcode{font-family:var(--f-display);letter-spacing:.16em;border:1px solid var(--line-2);color:var(--silver);border-radius:999px;padding:5px 10px;font-size:12px}.veil{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;padding:16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:#05070ab8;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.modal{background:var(--panel);border:1px solid var(--line-2);border-radius:20px;width:min(560px,100%);max-height:calc(100vh - 32px);animation:.3s rise;overflow:auto;box-shadow:0 40px 100px #0009}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.modal .hd{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;display:flex}.modal .hd h2{font-family:var(--f-display);letter-spacing:.02em;flex:1;margin:0;font-size:16px}.modal .bd{flex-direction:column;gap:12px;padding:16px;display:flex}.modal .ft{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.x{color:var(--dim);background:0 0;border:0;font-size:22px;line-height:1}.deed{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;display:grid}@media (width<=520px){.deed{grid-template-columns:minmax(0,1fr)}}.deed .artbig{background:var(--panel-2);aspect-ratio:2/3;border-radius:12px;overflow:hidden}.deed .artbig img{object-fit:cover;width:100%;height:100%;display:block}.deed .head{color:#fff;text-align:center;border-radius:10px;padding:10px}.deed .head .ar{font-family:var(--f-ar);font-size:18px;font-weight:700}.deed .head .lt{font-family:var(--f-display);letter-spacing:.08em;text-transform:uppercase;font-size:12.5px;font-weight:700}.deed table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:8px;font-size:13px}.deed td{border-bottom:1px solid var(--line);padding:5px 4px}.deed td:last-child{text-align:end;font-weight:600}.deed tr.hit td{color:var(--gold)}.bidbig{font-family:var(--f-display);color:var(--gold);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.bidders{flex-wrap:wrap;gap:6px;display:flex}.bidders span{background:var(--panel-2);border-radius:999px;padding:4px 10px;font-size:12.5px}.bidders span.now{box-shadow:inset 0 0 0 1px var(--gold)}.trade-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.trade-cols{grid-template-columns:1fr}}.trade-cols h4{margin:0 0 6px;font-size:13px}.trade-cols label{align-items:center;gap:6px;padding:3px 0;font-size:13px;display:flex}.trade-cols input[type=number]{box-sizing:border-box;width:100%}.toasts{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:70;flex-direction:column;gap:8px;width:max-content;max-width:calc(100% - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--metal);color:var(--ink);border-radius:999px;padding:9px 16px;font-weight:600;animation:.25s rise;box-shadow:0 10px 30px #00000080}.dock{right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;position:fixed}.dock-btn{background:var(--metal);width:50px;height:50px;color:var(--ink);touch-action:manipulation;border:0;border-radius:50%;place-items:center;font-size:20px;display:grid;box-shadow:0 10px 30px #0000008c,inset 0 0 0 1px #ffffffb3}.dock-btn .eq{align-items:flex-end;gap:3px;height:18px;display:none}.dock-btn .eq i{background:var(--red);border-radius:2px;width:3px;animation:.9s ease-in-out infinite eq}.dock-btn .eq i:nth-child(2){background:var(--green);animation-delay:.2s}.dock-btn .eq i:nth-child(3){animation-delay:.4s}.dock-btn .eq i:nth-child(4){background:var(--green);animation-delay:.1s}.dock-btn.on .eq{display:flex}.dock-btn.on .note{display:none}@keyframes eq{0%,to{height:4px}50%{height:18px}}.dock-panel{background:var(--panel);border:1px solid var(--line-2);border-radius:18px;flex-direction:column;gap:12px;width:min(310px,100vw - 32px);padding:14px;animation:.2s rise;display:flex;position:absolute;bottom:62px;right:0;box-shadow:0 30px 80px #0009}.dk-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.dk-row input[type=range]{accent-color:var(--red);flex:1}.dk-tracks{flex-direction:column;gap:6px;display:flex}.ttimer{background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;height:26px;margin-top:10px;position:relative;overflow:hidden}.ttimer i{transform-origin:0;background:linear-gradient(90deg,#1f7a4d,#2f9e64);transition:transform .25s linear;position:absolute;inset:0}html[dir=rtl] .ttimer i{transform-origin:100%}.ttimer.low i{background:linear-gradient(90deg,#a3222c,#d1343f)}.ttimer span{text-align:center;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700;line-height:24px;display:block;position:relative}.ttimer.low.mine{animation:1s ease-in-out infinite pillpulse}.dk-track{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:start;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.dk-track[aria-pressed=true]{border-color:var(--green-hi);box-shadow:inset 0 0 0 1px var(--green-hi)}.dk-track .ar{font-family:var(--f-ar);min-width:74px;color:var(--silver-hi);font-size:15px;font-weight:700}.dk-track small{color:var(--dim);font-size:11.5px;display:block}.sw{border:1px solid var(--line-2);background:var(--panel-3);border-radius:999px;flex:none;width:44px;height:26px;padding:0;position:relative}.sw i{background:var(--silver);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.sw[aria-checked=true]{background:var(--green)}.sw[aria-checked=true] i{background:#fff;transform:translate(18px)}button,.cell,.tok{touch-action:manipulation}@media (width<=700px){.hero h1{font-size:clamp(30px,9vw,44px)}.gamebar{gap:8px;margin-bottom:8px}.gamebar .wm{display:none}#roundMeta{font-size:12px}.screen{padding-block:8px 90px}.turn{bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:20;gap:8px;padding:10px 12px;position:sticky;box-shadow:0 -10px 40px #0009}.turn .who .coin{width:40px;height:40px}.turn .status{font-size:12.5px}.turn .actions .btn{padding:10px 14px}.turn .preview img{width:40px;height:60px}body.ingame .dock{bottom:auto;top:calc(8px + env(safe-area-inset-top,0px))}body.ingame .dock-btn{width:40px;height:40px;font-size:16px}body.ingame .dock-panel{top:50px;bottom:auto}body.ingame .gamebar{padding-right:48px}.feats{margin-top:30px}.parade .coin{width:58px;height:58px}}@container board (width<=480px){.cell .art{flex:auto;display:block}.s-b .bar,.s-t .bar{flex-basis:14%}.cell.s-b .body,.cell.s-t .body,.cell.s-l .body,.cell.s-r .body{padding:.2cqi}.cell[data-t=prop] .body{display:none}.cell .nm{font-size:1.9cqi;line-height:1}.cell .pr{display:none}.cell .glyph{font-size:3cqi}.cell .ico{font-size:2.6cqi}.cell[data-t=mektoub] .nm,.cell[data-t=baraka] .nm,.cell[data-t=tax] .nm{display:none}.corner .lat{font-size:1.9cqi}.corner .big{font-size:3.2cqi}.c-park .pot{font-size:2cqi}.ttl .tif{display:none}.event{font-size:2.6cqi}}.langsw{border:1px solid var(--line-2);direction:ltr;border-radius:999px;flex:none;display:inline-flex;overflow:hidden}.langsw button{color:var(--dim);letter-spacing:.04em;background:0 0;border:0;min-width:34px;padding:6px 10px;font-size:12px;font-weight:700}.langsw button[aria-pressed=true]{background:var(--metal);color:var(--ink)}.langsw button[lang=ar]{font-family:var(--f-ar);font-size:14px;line-height:1}.board-box,#map,.marquee,.dice,.invite .field,.code{direction:ltr}html[lang=ar] .eyebrow,html[lang=ar] .sec,html[lang=ar] .chipcode,html[lang=ar] .feat h3,html[lang=ar] .corner .lat,html[lang=ar] .fate .kl{letter-spacing:0}html[lang=ar] .hero h1,html[lang=ar] .h2,html[lang=ar] .feat h3,html[lang=ar] .modal .hd h2,html[lang=ar] .who .n,html[lang=ar] .who .cash,html[lang=ar] .book h3,html[lang=ar] .sec,html[lang=ar] .eyebrow,html[lang=ar] .bidbig,html[lang=ar] .floater{font-family:var(--f-ar)}html[lang=ar] .hero h1{font-weight:700;line-height:1.3}html[lang=ar] body{font-size:14.5px}html[lang=ar] .corner .lat:empty,html[lang=ar] .cell .nm:empty{display:none}html[lang=ar] .cell .nm{font-family:var(--f-ar);font-size:1.25cqi}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.map-land{stroke-dashoffset:0;fill-opacity:1}}
