/* «مونوبولي هدهد» — لوحةٌ كريميّة كلاسيكيّة على طاولة لبّاد خضراء، مائلةٌ
   قليلاً فتبدو مجسّمة، وزهرٌ ثلاثيّ الأبعاد يتدحرج وسطها. النصوصُ عريضةٌ
   مقروءةٌ من البثّ المصغّر، والمربّعاتُ تبقى قائمةً لا تدور. */
.xg-mo .xg{background:
    radial-gradient(70% 80% at 50% 45%,rgba(90,190,120,.28),transparent 70%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 3px,transparent 3px 7px),
    linear-gradient(180deg,#0e3a26,#072116)}
.xg-mo .xg-title b{color:#fff6dd}
.xg-mo .xg-title small{color:#bfeccd}
.xg-mo .xg-chip{background:rgba(0,0,0,.28);border-color:rgba(191,236,205,.35);color:#bfeccd}
.xg-mo .xg-clock{background:conic-gradient(#ffd166 calc(var(--p) * 360deg),rgba(255,255,255,.12) 0)}
.xg-mo .xg-clock::before{background:#0b2a1c}

.mo-stage{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(210px,24cqw,340px);gap:2cqw;align-items:stretch}
.mo-table{min-height:0;display:grid;place-items:center;perspective:1600px;container-type:size}
.mo-board{--cell:calc(min(100cqh,100cqw) / 7);position:relative;direction:ltr;
  width:min(100cqh,100cqw);aspect-ratio:1;display:grid;grid-template:repeat(7,1fr)/repeat(7,1fr);
  background:#f6eed8;border-radius:1.2cqh;padding:0;
  box-shadow:0 0 0 .6cqh #d9c9a2,0 0 0 1.1cqh #1c1a14,0 3cqh 5cqh rgba(0,0,0,.55);
  transform:rotateX(12deg);transform-origin:50% 60%}
.mo-sq{position:relative;direction:rtl;display:flex;min-width:0;min-height:0;overflow:hidden;
  border:1px solid rgba(40,30,10,.35);background:#f6eed8;color:#1c1a14;transition:box-shadow .3s}
.mo-sq.s-b{flex-direction:column}.mo-sq.s-t{flex-direction:column-reverse}
.mo-sq.s-l{flex-direction:row}.mo-sq.s-r{flex-direction:row-reverse}
.mo-band{flex:0 0 22%;background:var(--g);display:grid;place-items:center;font-style:normal}
.mo-band em{font-style:normal;color:#fff;font-size:calc(var(--cell) * .17);line-height:1;letter-spacing:-.1em;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.mo-in{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1em;padding:2px;text-align:center}
.mo-in b{font-weight:900;font-size:max(11px,calc(var(--cell) * .17));line-height:1.1;white-space:nowrap}
.mo-in b.long{font-size:max(10px,calc(var(--cell) * .128))}
.mo-in small{font-weight:800;font-size:max(10px,calc(var(--cell) * .14));color:#6b5a32}
.mo-in small::after{content:" ر"}
.mo-ic{font-size:calc(var(--cell) * .3);line-height:1;font-weight:900}
.mo-sq.k-luck .mo-ic{color:#e67e22}.mo-sq.k-chest .mo-ic{filter:saturate(1.3)}
.mo-sq.k-tax .mo-ic{color:#8e44ad}
.mo-sq.s-c{background:#efe3c2}
.mo-sq.k-go{background:linear-gradient(135deg,#ffe8a3,#f6eed8)}
.mo-sq.k-go .mo-ic{color:#c0392b;font-size:calc(var(--cell) * .42)}
.mo-sq.k-tojail{background:#f3d9d0}
/* المربّعُ المملوك: إطارٌ بلون المالك، وأفتارُه في الزاوية */
.mo-sq.owned{box-shadow:inset 0 0 0 calc(var(--cell) * .05) var(--own)}
.mo-ow{position:absolute;inset-block-end:2px;inset-inline-start:2px;line-height:0}
.mo-ow .av{width:calc(var(--cell) * .26)!important;height:calc(var(--cell) * .26)!important;font-size:calc(var(--cell) * .12)!important;box-shadow:0 0 0 2px var(--own)}
.mo-float{position:absolute;inset:auto 0 30% 0;text-align:center;font-weight:900;font-size:max(14px,calc(var(--cell) * .24));pointer-events:none;animation:moFl 1.5s ease-out forwards;text-shadow:0 1px 0 #fff,0 0 6px #fff}
.mo-float.good{color:#1e8e4e}.mo-float.bad{color:#c0392b}
@keyframes moFl{from{transform:translateY(20%);opacity:0}15%{opacity:1}to{transform:translateY(-90%);opacity:0}}

/* الوسط: الشعار، الزهر، صاحب الدور، البطاقة */
.mo-center{grid-row:2 / 7;grid-column:2 / 7;direction:rtl;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--cell) * .16);
  background:radial-gradient(60% 60% at 50% 45%,#fffaf0,#efe3c2);border:1px solid rgba(40,30,10,.3)}
.mo-logo{font-size:calc(var(--cell) * .42);font-weight:900;color:#1c1a14;padding:.08em .6em;border-radius:.3em;background:#c0392b;color:#fff;transform:rotate(-4deg);box-shadow:0 .12em 0 #7a1f15}
.mo-logo em{font-style:normal;color:#ffd166}
.mo-dice{display:flex;gap:calc(var(--cell) * .35);perspective:600px;padding:calc(var(--cell) * .1)}
.mo-die{--s:calc(var(--cell) * .62);position:relative;width:var(--s);height:var(--s);transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.7,.25,1)}
.mo-die .f{position:absolute;inset:0;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:14%;border-radius:18%;
  background:linear-gradient(145deg,#fff,#e8e2d4);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),inset 0 -3px 6px rgba(0,0,0,.12);backface-visibility:hidden}
.mo-die .f s{display:block;margin:12%;border-radius:50%}
.mo-die .f s.on{background:radial-gradient(circle at 35% 35%,#555,#111)}
.mo-die .f1 s.on{background:radial-gradient(circle at 35% 35%,#ff6b5b,#a31d10)}
.mo-die .f1{transform:translateZ(calc(var(--s) / 2))}
.mo-die .f6{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}
.mo-die .f2{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}
.mo-die .f5{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}
.mo-die .f3{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}
.mo-die .f4{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}
.mo-turn{display:flex;flex-direction:column;align-items:center;gap:.3em;min-height:calc(var(--cell) * 1.1);text-align:center;color:#1c1a14}
.mo-who{display:flex;align-items:center;gap:.4em;padding:.2em .8em .2em .25em;border-radius:99px;background:#fff;box-shadow:0 0 0 3px var(--c),0 4px 10px rgba(0,0,0,.18)}
.mo-who b{font-size:max(16px,calc(var(--cell) * .3));font-weight:900}
.mo-who .av{width:calc(var(--cell) * .45)!important;height:calc(var(--cell) * .45)!important}
.mo-turn p{margin:0;font-size:max(14px,calc(var(--cell) * .24));font-weight:800}
.mo-turn p b{color:#c0392b;font-weight:900}
.mo-card{position:absolute;z-index:4;inset:18% 16%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4em;padding:1em;border-radius:.6em;text-align:center;
  background:#fff;box-shadow:0 1.4em 2.6em rgba(0,0,0,.4);border:.35em solid #e67e22;animation:moCard .5s cubic-bezier(.2,1.4,.4,1)}
.mo-card.k-chest{border-color:#2e86de}
.mo-card[hidden]{display:none}
.mo-card small{font-size:max(14px,calc(var(--cell) * .26));font-weight:900;color:#e67e22}
.mo-card.k-chest small{color:#2e86de}
.mo-card b{font-size:max(18px,calc(var(--cell) * .34));font-weight:900;color:#1c1a14;line-height:1.3}
@keyframes moCard{from{transform:rotateY(90deg) scale(.7)}}

/* القطع: أفتارُ اللاعب بإطار لونه، تنزلق بين المربّعات */
.mo-toks{position:absolute;inset:0;pointer-events:none;z-index:5}
.mo-tok{--dx:0;--dy:0;position:absolute;width:calc(var(--cell) * .34);height:calc(var(--cell) * .34);border-radius:50%;
  transform:translate(calc((var(--dx) - .5) * 100%),calc((var(--dy) - .5) * 100%));
  transition:left .2s ease-out,top .2s ease-out;box-shadow:0 0 0 3px var(--c),0 .5em .8em rgba(0,0,0,.45)}
.mo-tok .av{width:100%!important;height:100%!important;font-size:calc(var(--cell) * .2)!important}
.mo-tok.cur{z-index:2;animation:moHop .6s ease-in-out infinite alternate}
@keyframes moHop{to{box-shadow:0 0 0 4px var(--c),0 0 0 9px color-mix(in srgb,var(--c) 35%,transparent),0 .8em 1em rgba(0,0,0,.45)}}

/* الجانب: الثروات */
.mo-side{display:flex;flex-direction:column;min-height:0;padding:2cqh 1.2cqw;border-radius:2.4cqh;background:rgba(0,0,0,.28);border:2px solid rgba(191,236,205,.25);overflow:hidden}
.mo-side h3{text-align:center;color:#ffd166}
.mo-side ol li{box-shadow:inset 4px 0 0 var(--c)}
.mo-side ol li b{color:#ffd166;font-size:1.15em}
.mo-side ol li.cur{background:color-mix(in srgb,var(--c) 26%,rgba(255,255,255,.06))}
.mo-side ol li.out{opacity:.45;text-decoration:line-through}
.mo-side ol li.out b{color:#ff9aa6}
.mo-side ol.many{gap:.45cqh}
.mo-side ol.many li{padding:.5cqh 1cqw;font-size:max(13px,2.2cqh)}
.mo-side ol.many li .av{width:max(20px,3.4cqh)!important;height:max(20px,3.4cqh)!important}
@media(max-aspect-ratio:1/1){.mo-stage{grid-template-columns:1fr}.mo-side{display:none}}

/* ══ الوضعُ المجسّم (٢٠٢٦/٠٩/٢٥): المشهدُ يملأ اللعبة كلّها، والرأسُ
   والثرواتُ طافيةٌ فوقه، وصندوقُ الدور أسفلَ الوسط ══ */
.mo-scene{display:none}
.mo.is3d{position:relative;overflow:hidden}
.mo.is3d .mo-table{display:none}
.mo.is3d .mo-scene{display:block;position:absolute;inset:0;z-index:0;container-type:size;--cell:13cqh}
.mo.is3d .mo-scene canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
.mo.is3d > .xg-head{position:relative;z-index:2;pointer-events:none}
.mo.is3d .xg-title b{text-shadow:0 .06em 0 #0008,0 .1em .6em #000c}
.mo.is3d .mo-stage{display:block;position:relative;z-index:1;pointer-events:none}
.mo.is3d .mo-side{position:absolute;inset-inline-end:0;top:0;width:clamp(210px,21cqw,320px);max-height:100%;pointer-events:auto;
  background:rgba(12,8,4,.55);backdrop-filter:blur(6px);border-color:rgba(255,209,102,.3)}
.mo-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.mo-tag{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.35em;padding:.18em .7em .18em .22em;border-radius:99px;white-space:nowrap;
  background:rgba(15,10,6,.78);color:#fff;font-weight:900;font-size:max(12px,2.1cqh);box-shadow:0 0 0 2px var(--c),0 .3em .8em rgba(0,0,0,.4);transition:font-size .25s}
.mo-tag .av{width:max(20px,3.2cqh)!important;height:max(20px,3.2cqh)!important}
.mo-tag.cur{font-size:max(15px,2.9cqh);background:var(--c);color:#fff;text-shadow:0 1px 2px #0009}
.mo-fl3{position:absolute;left:0;top:0;font-weight:900;font-size:max(22px,5cqh);pointer-events:none;text-shadow:0 2px 0 #000,0 0 12px #000a;z-index:5}
.mo-fl3.good{color:#7dffb3}.mo-fl3.bad{color:#ff8a8a}
.mo.is3d .mo-turn{position:absolute;z-index:3;left:50%;bottom:3cqh;transform:translateX(-50%);min-height:0;
  flex-direction:row;gap:1em;padding:.7em 1.4em .7em .8em;border-radius:99px;background:rgba(255,250,238,.95);box-shadow:0 1.2em 2.4em rgba(0,0,0,.45)}
.mo.is3d .mo-turn:empty{display:none}
.mo.is3d .mo-turn p{font-size:max(16px,3.3cqh)}
.mo.is3d .mo-who b{font-size:max(17px,3.4cqh)}
.mo.is3d .mo-who .av{width:max(30px,5.4cqh)!important;height:max(30px,5.4cqh)!important}
.mo.is3d .mo-card{inset:auto;left:50%;top:44%;width:min(56cqw,560px);transform:translate(-50%,-50%);animation:moCard3 .5s cubic-bezier(.2,1.4,.4,1);font-size:max(15px,2.6cqh)}
.mo.is3d .mo-card small{font-size:max(18px,3.4cqh)}
.mo.is3d .mo-card b{font-size:max(22px,4.6cqh)}
@keyframes moCard3{from{transform:translate(-50%,-50%) rotateY(90deg) scale(.6)}}

/* ══ تطوير ٢٠٢٦/١٠/٠٤: أراضي كلّ لاعب، شريط الحدث، تلميح الهدية ══ */
.mo-side ol li span{display:flex;flex-direction:column;gap:.3cqh;min-width:0}
.mo-lands{display:flex;flex-wrap:wrap;gap:3px;font-style:normal}
.mo-lands:empty{display:none}
.mo-lands i{width:max(9px,1.5cqh);height:max(9px,1.5cqh);border-radius:3px;background:var(--g);box-shadow:0 0 0 1.5px rgba(0,0,0,.35)}
.mo-lands i.h{box-shadow:0 0 0 2px #fff}
.mo-side ol.many .mo-lands i{width:max(7px,1.1cqh);height:max(7px,1.1cqh)}
.mo-gifthint{margin-top:auto;padding-top:1cqh;text-align:center;font-weight:800;color:#ffd166;font-size:max(13px,2cqh)}
.mo-stage{position:relative}
.mo-ev{position:absolute;top:1.2cqh;left:50%;z-index:6;display:flex;align-items:center;gap:.8em;padding:.5em 1.2em;border-radius:999px;
  background:linear-gradient(180deg,#ffd166,#f0a02a);color:#3a2300;font-weight:900;font-size:max(15px,2.6cqh);
  box-shadow:0 .5em 1.4em rgba(0,0,0,.4),inset 0 -3px 0 rgba(0,0,0,.15);transform:translateX(-50%);animation:moEvIn .6s cubic-bezier(.2,1.5,.4,1)}
.mo-ev i{font-style:normal;font-size:1.3em}
.mo-ev small{font-weight:800;opacity:.85;font-size:.8em}
.mo-ev.k-rent2{background:linear-gradient(180deg,#ff8fb8,#e8457e);color:#fff}
.mo-ev.k-sale{background:linear-gradient(180deg,#7ef0a8,#22b864);color:#063b1c}
.mo-ev.k-free{background:linear-gradient(180deg,#bfe6ff,#62b6f0);color:#08304d}
.mo-ev.last{background:linear-gradient(180deg,#ff6b5a,#c8261a);color:#fff;animation:moEvIn .6s cubic-bezier(.2,1.5,.4,1),moLast 1.2s ease-in-out .6s infinite}
@keyframes moEvIn{0%{opacity:0;transform:translateX(-50%) scale(.6)}100%{opacity:1;transform:translateX(-50%) scale(1)}}
@keyframes moLast{50%{transform:translateX(-50%) scale(1.06)}}
.mo-ev[hidden]{display:none}

/* ══ صكّ الأرض + مجموع الزهر + إطار المشهد (٢٠٢٦/١٠/٠٤ «طوّرها شكلاً») ══ */
.mo-deed{position:absolute;right:2cqw;top:50%;z-index:6;width:clamp(190px,17cqw,270px);border-radius:1.6cqh;overflow:hidden;
  background:#fffaf0;color:#2a2116;box-shadow:0 1.2em 2.6em rgba(0,0,0,.5),0 0 0 4px #fffaf0,0 0 0 6px #3a2f1a;
  opacity:0;transform:translateY(-50%) translateX(30px) rotate(4deg);transition:opacity .3s,transform .45s cubic-bezier(.2,1.4,.4,1)}
.mo-deed.on{opacity:1;transform:translateY(-50%) rotate(-2deg)}
.mo-deed header{background:var(--g);color:#fff;text-align:center;padding:1.2cqh .6em 1.4cqh;text-shadow:0 2px 0 rgba(0,0,0,.3)}
.mo-deed header small{display:block;font-weight:800;font-size:max(12px,1.7cqh);opacity:.9}
.mo-deed header b{display:block;font-weight:900;font-size:max(22px,4.2cqh);line-height:1.15}
.mo-deed ul{list-style:none;margin:0;padding:1cqh 1em .4cqh}
.mo-deed li{display:flex;justify-content:space-between;align-items:center;padding:.35cqh .4em;border-radius:.6em;font-weight:800;font-size:max(13px,2cqh)}
.mo-deed li b{font-weight:900}
.mo-deed li.cur{background:color-mix(in srgb,var(--g) 30%,#fff);box-shadow:inset 3px 0 0 var(--g)}
.mo-deed footer{display:flex;align-items:center;justify-content:center;gap:.5em;margin:.6cqh 1em 1.2cqh;padding-top:.9cqh;border-top:2px dashed #cdbf9f;font-weight:800;font-size:max(14px,2.2cqh)}
.mo-deed footer .pr{font-size:1.5em;color:#1d7a3e}
.mo-deed .nt{margin:0;padding:.7cqh .6em;text-align:center;background:#ffd166;font-weight:900;font-size:max(13px,2cqh)}
.mo-fl3.sum{font-size:max(44px,10cqh);font-weight:900;color:#fff;-webkit-text-stroke:5px #3a2f1a;paint-order:stroke;text-shadow:0 .1em .3em rgba(0,0,0,.4)}
.xg-mo .mo-scene::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(10,6,3,.55) 100%)}