/* v198 · لودو: کارت مرکز بازی + پنجرهٔ تمام‌صفحه + حباب جمع‌شده */

/* ═══ کارت ═══ */
.wh71-g.ludo198{ background:radial-gradient(120% 90% at 50% 20%,#34d399 0%,#059669 45%,#064e3b 100%) !important;
  border:1px solid rgba(167,243,208,.55) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 26px rgba(5,150,105,.4) !important }
.wh71-g.ludo198 .wh71-e{ width:62px; height:62px; line-height:0 }
.wh71-g.ludo198 .wh71-e>svg:first-child{ width:100%; height:100%; filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)); transform:rotate(-8deg) }
.wh71-g.ludo198 .ld198-die{ position:absolute; width:26px; height:26px; right:-12px; bottom:-6px;
  filter:drop-shadow(0 4px 6px rgba(0,0,0,.35)); animation:ldDie198 2.6s cubic-bezier(.3,1.4,.5,1) infinite }
@keyframes ldDie198{ 0%,62%,100%{ transform:rotate(0) translateY(0) } 70%{ transform:rotate(-120deg) translateY(-14px) } 82%{ transform:rotate(-340deg) translateY(0) } 90%{ transform:rotate(-360deg) translateY(-3px) } }
.hub133 .wh71-g.ludo198 .ld198-new{ background:linear-gradient(135deg,#FDE68A,#34D399) !important; color:#064E3B !important; box-shadow:0 4px 10px rgba(52,211,153,.5) !important }
/* بدون لایهٔ v133 هم مرتب بماند */
.wh71-g.ludo198 .ld198-new{ position:absolute; top:10px; inset-inline-start:10px; z-index:2; font-style:normal; font-size:9.5px; font-weight:900;
  padding:3px 9px; border-radius:999px; background:#FDE68A; color:#064E3B }

/* ═══ پنجرهٔ بازی ═══ */
#ludo198{ position:fixed; inset:0; z-index:10080; display:flex; flex-direction:column; background:#07281a;
  animation:ldIn198 .32s cubic-bezier(.2,1,.3,1) both; transition:transform .26s cubic-bezier(.2,1,.3,1),opacity .26s }
#ludo198.out{ transform:translateY(100%); opacity:0 }
#ludo198.hid{ transform:translateY(110%); opacity:0; pointer-events:none }
@keyframes ldIn198{ from{ transform:translateY(100%) } }
.ld198-bar{ flex:none; display:flex; align-items:center; gap:8px; direction:ltr;
  padding:calc(6px + env(safe-area-inset-top)) 10px 6px; background:linear-gradient(180deg,#0b3d27,#082f1f);
  border-bottom:1px solid rgba(167,243,208,.18) }
.ld198-t{ flex:1; min-width:0; display:flex; align-items:center; justify-content:center; gap:7px; color:#ECFDF5; font-weight:900; font-size:14.5px }
.ld198-t i{ width:24px; height:24px; line-height:0 } .ld198-t i svg{ width:100%; height:100% }
.ld198-b{ flex:none; width:36px; height:36px; border:0; border-radius:12px; display:grid; place-items:center; cursor:pointer;
  background:rgba(255,255,255,.1); box-shadow:inset 0 0 0 1px rgba(255,255,255,.14); transition:transform .12s,background .2s }
.ld198-b:active{ transform:scale(.92) }
.ld198-x.arm{ background:#DC2626; box-shadow:0 0 0 3px rgba(220,38,38,.35) }
.ld198-wrap{ flex:1; position:relative; min-height:0; padding-bottom:env(safe-area-inset-bottom) }
.ld198-wrap iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block }

/* ═══ حباب جمع‌شده ═══ */
#ludo198b{ position:fixed; z-index:10081; right:12px; bottom:calc(150px + env(safe-area-inset-bottom)); width:58px; height:58px; padding:7px;
  border:0; border-radius:18px; cursor:pointer; background:linear-gradient(145deg,#34D399,#047857);
  box-shadow:0 0 0 2px rgba(253,230,138,.8),0 10px 24px rgba(4,120,87,.55); animation:ldBub198 .35s cubic-bezier(.3,1.5,.5,1) both }
#ludo198b svg{ width:100%; height:100% }
#ludo198b:active{ transform:scale(.93) }
#ludo198b .ld198-dot{ position:absolute; top:-3px; right:-3px; width:12px; height:12px; border-radius:50%; background:#F43F5E;
  box-shadow:0 0 0 2px #fff; animation:ldDot198 1.3s ease-in-out infinite }
@keyframes ldBub198{ from{ transform:scale(.3); opacity:0 } }
@keyframes ldDot198{ 50%{ transform:scale(.7) } }

#ld198tip{ position:fixed; z-index:10090; left:50%; top:calc(58px + env(safe-area-inset-top)); transform:translateX(-50%);
  padding:8px 14px; border-radius:999px; background:rgba(17,24,39,.92); color:#fff; font-size:12.5px; font-weight:800; white-space:nowrap;
  box-shadow:0 8px 20px rgba(0,0,0,.35); animation:ldBub198 .25s ease-out both }