/* ═══ غرفة الهروب — «الباب المقفول» (البادئة es-) — لوحة ١٩٢٠×١٠٨٠ ═══ */
#stage.xg-es .g-body>.xg.es{background:#0b0807;overflow:hidden}
.xg.es{position:relative;font-family:Cairo,Tajawal,sans-serif;font-weight:800;color:#fff}
.es-cv{position:absolute;left:50%;top:calc(50% + var(--top,0px)/2);width:1920px;height:1080px;transform:translate(-50%,-50%) scale(var(--s,.5));overflow:hidden;direction:rtl}
.es-wall{position:absolute;inset:0;background:
  linear-gradient(90deg,#00000055 2px,transparent 2px) 0 0/160px 80px,linear-gradient(#00000055 2px,transparent 2px) 0 0/160px 80px,
  linear-gradient(90deg,transparent 80px,#00000055 80px 82px,transparent 82px) 0 40px/160px 80px,radial-gradient(ellipse at 50% 30%,#4a2e22,#140c09 70%)}
.es-light{position:absolute;left:50%;top:-200px;width:1300px;height:1400px;transform:translateX(-50%);background:radial-gradient(ellipse 50% 45% at 50% 50%,#ffe2b022,transparent 70%);animation:esL 4s ease-in-out infinite}
@keyframes esL{50%{opacity:.6;transform:translateX(-48%)}}
.es-hd{position:absolute;z-index:3;top:22px;left:50px;right:50px;display:flex;align-items:center;gap:24px}
.es-t{display:flex;flex-direction:column;line-height:1.05;padding:12px 26px;border-radius:16px;background:#ff6a4a;color:#2a0c05}.es-t b{font-size:46px}.es-t small{font-size:22px}
.es-hd p{flex:1;margin:0;font-size:26px;color:#f0d6c8}
.es-clock{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ff6a4a calc(var(--p)*360deg),#ffffff18 0);position:relative}
.es-clock::before{content:'';position:absolute;inset:10px;border-radius:50%;background:#140c09}.es-clock b{position:relative;font:700 50px Oswald}
.es-clock.warn{animation:esW .5s steps(2) infinite}@keyframes esW{50%{filter:brightness(1.6)}}
/* الباب */
.es-door{position:absolute;left:500px;right:470px;top:170px;bottom:40px;border-radius:30px 30px 0 0;background:linear-gradient(90deg,#3a2216,#5a3622 50%,#3a2216);border:14px solid #24150e;box-shadow:inset 0 0 60px #0009,0 30px 80px #000c;transition:transform 1.2s cubic-bezier(.6,0,.3,1)}
.es-door::before{content:'';position:absolute;inset:40px;border:6px solid #2a1810;border-radius:20px}
.es-door.open{transform:perspective(1400px) rotateY(-75deg);transform-origin:right center}
.es-door.stuck{animation:esS .5s}@keyframes esS{25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}
.es-knob{position:absolute;left:60px;top:50%;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe29a,#b07a1a)}
.es-locks{position:absolute;inset:70px 70px 70px 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:center}
.es-lock{position:relative;display:flex;flex-direction:column;align-items:center}
.es-shackle{width:120px;height:110px;border:22px solid #b8bec8;border-bottom:0;border-radius:60px 60px 0 0;margin-bottom:-10px;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.es-lock.open .es-shackle{transform:translateY(-40px) rotate(-18deg);transform-origin:right bottom;border-color:#3ddc84}
.es-body{position:relative;width:100%;min-height:330px;padding:26px 20px 20px;border-radius:30px;background:linear-gradient(#e6c06a,#b88a2e);color:#2a1405;text-align:center;box-shadow:inset 0 -10px 0 #8a6420,0 20px 40px #0008;display:flex;flex-direction:column;align-items:center;gap:10px}
.es-body em{position:absolute;top:-22px;right:-14px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font:700 32px Oswald;font-style:normal;background:#2a1405;color:#ffcc4d}
.es-body small{font-size:22px;padding:4px 14px;border-radius:999px;background:#2a140522}
.es-q{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}
.es-q b{font:700 56px/1.2 Oswald,Cairo;color:#1a0c04}.es-q b.sm{font:900 34px/1.4 Cairo,sans-serif}.es-q small{background:none!important;font-size:20px}
.es-dots{display:flex;gap:8px;align-items:center}.es-dots i{width:40px;height:40px;border-radius:50%;box-shadow:inset 0 -4px 0 #0003}.es-dots i.q{display:grid;place-items:center;background:#2a1405;color:#ffcc4d;font-style:normal;font-size:28px}
.es-ans{margin:0;min-height:40px;display:flex;align-items:center;gap:6px;font-size:22px}.es-ans .av{width:32px!important;height:32px!important}
.es-lock.open .es-body{background:linear-gradient(#9be8b8,#3ddc84);box-shadow:inset 0 -10px 0 #1f9a55,0 0 50px #3ddc8488}
.es-side{position:absolute;z-index:3;left:50px;top:180px;width:400px;padding:16px;border-radius:20px;background:#140c09dd;border:2px solid #ff6a4a44}
.es-side h3{margin:0 0 8px;font-size:26px;color:#ffcc4d}
.es-side ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.es-side li{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;background:#ffffff0a;font-size:22px}.es-side li span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.es-side li b{font:700 24px Oswald;color:#3ddc84}
.es-side li.f{outline:2px solid #ffcc4d}.es-side li.none{color:#c9a88a;justify-content:center}.es-side .av{width:36px!important;height:36px!important}

/* الجوال الطولي (٢٠٢٦/١١/١١): لوحة ١٠٨٠×١٩٢٠ — الباب فوق والجانب تحت */
.es-cv.port{width:1080px;height:1920px}
.es-cv.port .es-hd{left:40px;right:40px}
.es-cv.port .es-door{left:110px;right:110px;top:170px;bottom:auto;height:1020px}
.es-cv.port .es-side{left:40px;right:40px;width:auto;top:1230px}