/* =====================================================================
   حصار الملجأ — الدفاع 1v1 (جولة 18 → 18.1). ألوان الثيم وخط اللعبة، بلوحات معدنية بستايل ألعاب.
   ===================================================================== */
#scr-defense { --tdb:calc(var(--wipbar,0px) + var(--safe-b,0px)); --tdg:#ffd166; --tdr:#ff5b57; --tdh:#9be15d; --tdm:linear-gradient(180deg,#2a2e3a 0%,#1a1d26 45%,#12141b 100%);
  padding:0; background:radial-gradient(ellipse at 50% 30%,#0e1016,#050608 70%); align-items:stretch; justify-content:stretch }
#scr-defense > .td-stage { margin:0 }
.td-stage { position:absolute; inset:56px 0 calc(112px + var(--tdb)) 0; display:grid; place-items:center; overflow:hidden; user-select:none; -webkit-user-select:none; touch-action:manipulation }
#tdCv { image-rendering:pixelated; image-rendering:crisp-edges; display:block; box-shadow:0 0 0 1px #ffffff14, 0 0 0 4px #0b0d12, 0 0 0 5px #ffffff10, 0 24px 70px #000d; cursor:crosshair }
.td-hud[hidden], .td-cards[hidden], .td-lobby[hidden], .td-end[hidden], .td-count[hidden], .td-pop[hidden], .td-evchip[hidden] { display:none !important }

/* ---------- لوحة معدنية عامة ---------- */
.td-plate, .td-res, .td-time, .td-door, .td-evchip, .td-role, .td-x { background:var(--tdm); border:1px solid #ffffff1f; box-shadow:inset 0 1px 0 #ffffff14, inset 0 -2px 0 #0006, 0 4px 14px #0008;
  clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px) }

/* ---------- الواجهة العلوية ---------- */
.td-hud { position:absolute; top:8px; inset-inline:10px; z-index:3; display:flex; gap:8px; align-items:center; flex-wrap:wrap; pointer-events:none }
.td-hud > * { pointer-events:auto }
.td-x { color:#c9c6bd; font:inherit; font-size:1rem; width:40px; height:40px; cursor:pointer; display:grid; place-items:center }
.td-x:hover { color:#fff; background:linear-gradient(180deg,#4a1a1a,#2a0e0e) }
.td-res { position:relative; display:inline-flex; align-items:center; gap:8px; padding:5px 14px 5px 12px; min-width:118px; height:40px; box-sizing:border-box }
.td-rico { width:18px; height:18px; flex:none; background:var(--tdg); clip-path:polygon(55% 0,15% 55%,45% 55%,35% 100%,85% 40%,55% 40%); filter:drop-shadow(0 0 6px #ffd16688) }
.td-res.atk .td-rico { background:var(--tdr); clip-path:polygon(50% 0,62% 30%,100% 30%,70% 52%,82% 90%,50% 68%,18% 90%,30% 52%,0 30%,38% 30%); filter:drop-shadow(0 0 6px #ff5b5788) }
.td-res b { font-size:1.45rem; font-weight:900; color:#ffe7b0; font-variant-numeric:tabular-nums; text-shadow:0 2px 0 #000, 0 0 12px #ffd16655; min-width:2.4ch }
.td-res.atk b { color:#ffc9c4; text-shadow:0 2px 0 #000, 0 0 12px #ff5b5755 }
.td-res small { opacity:.65; font-size:.72rem; font-weight:700 }
.td-res em { position:absolute; inset-inline-end:10px; top:-2px; font-style:normal; font-weight:900; font-size:.8rem; color:var(--tdh); opacity:0; pointer-events:none }
.td-res em.go { animation:tdDelta .9s ease-out }
.td-res.pulse b { animation:tdBump .35s ease-out }
@keyframes tdDelta { 0% { opacity:0; transform:translateY(6px) } 20% { opacity:1 } 100% { opacity:0; transform:translateY(-14px) } }
@keyframes tdBump { 40% { transform:scale(1.25); color:#fff } }
.td-time { font-weight:900; font-size:1.35rem; padding:0 16px; height:40px; display:grid; place-items:center; font-variant-numeric:tabular-nums; direction:ltr; color:#e8e2d2; letter-spacing:1px; text-shadow:0 2px 0 #000 }
.td-time.hot { color:var(--tdr); animation:tdPulse 1s ease-in-out infinite }
.td-door { display:inline-flex; gap:5px; align-items:center; padding:0 12px; height:40px }
.td-door i { width:14px; height:20px; background:#1a0b0b; border:1px solid #ff5b5733; transition:.3s }
.td-door i.ok { background:linear-gradient(180deg,#a8adb8,#6a6f7c); border-color:#d9d4c7; box-shadow:0 0 8px #ffffff22 }
.td-door i.gone { background:#3a0a0e; border-color:#b7101a; animation:tdCrack .5s }
@keyframes tdCrack { 30% { transform:scale(1.4) rotate(8deg); background:#ff5b57 } }
.td-evchip { padding:0 12px; height:40px; display:grid; place-items:center; font-size:.8rem; font-weight:800; color:#e8f6ff; background:linear-gradient(180deg,#1a3a4a,#0e1c24); animation:tdPulse 1.4s infinite }
.td-role { margin-inline-start:auto; font-size:.78rem; opacity:.85; padding:0 12px; height:32px; display:grid; place-items:center }
@keyframes tdPulse { 50% { box-shadow:0 0 18px #ff5b5766 } }

/* ---------- اللافتة ---------- */
.td-banner { position:absolute; top:22%; left:50%; transform:translateX(-50%); z-index:4; font-size:2.3rem; font-weight:900; color:#ffe7b0; letter-spacing:1px;
  text-shadow:0 0 18px #e8541e, 0 3px 0 #000, 0 -1px 0 #fff6; opacity:0; pointer-events:none; white-space:nowrap; padding:6px 28px;
  background:linear-gradient(90deg,transparent,#000a 20%,#000a 80%,transparent) }
.td-banner.red { color:#ffd2cc; text-shadow:0 0 22px #ff1a1a, 0 3px 0 #000 } .td-banner.gold { color:#fff3c2; text-shadow:0 0 22px #ffb000, 0 3px 0 #000 } .td-banner.ev { color:#dff4ff; text-shadow:0 0 22px #3aa0ff, 0 3px 0 #000 }
.td-banner.on { animation:tdBan 1.7s cubic-bezier(.2,.9,.3,1.2) forwards }
@keyframes tdBan { 0% { opacity:0; transform:translate(-50%,10px) scale(1.6) } 14% { opacity:1; transform:translate(-50%,0) scale(1) } 75% { opacity:1 } 100% { opacity:0; transform:translate(-50%,-12px) } }

/* ---------- الشريط السفلي ---------- */
.td-cards { position:absolute; bottom:calc(8px + var(--tdb)); left:50%; transform:translateX(-50%); z-index:3; display:flex; gap:6px; max-width:calc(100% - 16px); overflow-x:auto; padding:6px 8px 4px; scrollbar-width:thin;
  background:linear-gradient(180deg,#0b0d12cc,#0b0d12f2); border:1px solid #ffffff14; border-radius:6px }
.td-card { position:relative; flex:none; width:80px; display:flex; flex-direction:column; align-items:center; gap:2px; background:var(--tdm); border:1px solid #ffffff1c; color:var(--text); font:inherit; padding:6px 4px 5px; cursor:pointer; overflow:hidden;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px); transition:transform .12s, border-color .12s, filter .12s; box-shadow:inset 0 1px 0 #ffffff14 }
.td-card img { width:40px; height:40px; image-rendering:pixelated; filter:drop-shadow(0 2px 0 #000) }
.td-card b { font-size:.7rem; line-height:1.2; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100% }
.td-card em { font-style:normal; font-weight:900; color:#ffd166; font-size:.85rem; background:#0008; padding:0 8px; border-radius:99px; min-width:30px; text-align:center }
.td-card kbd { position:absolute; top:3px; inset-inline-start:4px; font-size:.6rem; opacity:.5; font-family:ui-monospace,monospace }
.td-card:hover { transform:translateY(-3px); border-color:#ffd16688 }
.td-card.on { border-color:#ffd166; background:linear-gradient(180deg,#4a3a14,#1c170b); transform:translateY(-5px); box-shadow:0 0 16px #ffd16655, inset 0 1px 0 #fff3 }
.td-card.poor em { color:var(--tdr) } .td-card.poor img { filter:grayscale(.7) brightness(.6) }
.td-card.lock { opacity:.4; pointer-events:none }
.td-cd { position:absolute; left:0; right:0; bottom:0; background:#000b; pointer-events:none; transition:height .2s linear }
.td-tico { font-size:1.6rem; line-height:40px; height:40px; color:#c9c6bd; text-shadow:0 2px 0 #000 }
.td-tool { width:64px } .td-tool em { font-size:.72rem; color:#c9c6bd }
.td-tool.on { border-color:var(--tdr); background:linear-gradient(180deg,#4a1a1a,#1c0b0b); box-shadow:0 0 16px #ff5b5744 }
/* القدرة: حلقة شحن */
.td-abil { width:84px; --p:0%; background:linear-gradient(180deg,#3a2e12,#17120a); border-color:#ffd16655 }
.td-abil.atk { background:linear-gradient(180deg,#2e1a3a,#120a17); border-color:#b88aff55 }
.td-abil .td-ring { position:absolute; inset:0; background:conic-gradient(#ffd16633 var(--p), #0009 0); pointer-events:none }
.td-abil.atk .td-ring { background:conic-gradient(#b88aff33 var(--p), #0009 0) }
.td-abil > *:not(.td-ring) { position:relative }
.td-abil .td-tico { color:#ffd166 } .td-abil.atk .td-tico { color:#c9a8ff }
.td-abil.ready { animation:tdReady 1.2s ease-in-out infinite; border-color:#ffd166 } .td-abil.atk.ready { border-color:#c9a8ff }
.td-abil.ready .td-ring { background:none }
.td-abil em { color:#fff3c2 }
@keyframes tdReady { 50% { box-shadow:0 0 18px #ffd16688, inset 0 0 12px #ffd16644 } }

/* ---------- نافذة الوحدة ---------- */
.td-pop { position:absolute; z-index:6; width:200px; background:var(--tdm); border:1px solid #ffd16655; padding:8px; box-shadow:0 12px 30px #000c;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); animation:tdIn .12s ease-out }
.td-pop-h { display:flex; gap:8px; align-items:center } .td-pop-h img { width:36px; height:36px; image-rendering:pixelated; background:#0b0d12; border:1px solid #ffffff1a }
.td-pop-h b { display:block; font-size:.9rem } .td-pop-h small { color:#ffd166; font-size:.72rem }
.td-pop-b { display:flex; gap:6px; margin-top:8px }
.td-pbtn { flex:1; font:inherit; font-weight:800; font-size:.8rem; padding:7px 4px; cursor:pointer; color:#fff; border:1px solid #ffffff22; clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px) }
.td-pbtn i { font-style:normal; background:#0006; padding:0 6px; border-radius:99px; margin-inline-start:4px }
.td-pbtn.up { background:linear-gradient(180deg,#5a8a2a,#2a4a12) } .td-pbtn.rm { background:linear-gradient(180deg,#6a2a2a,#3a1212) }
.td-pbtn:disabled { filter:grayscale(1) brightness(.6); cursor:not-allowed }
.td-pop-f { display:block; margin-top:6px; font-size:.68rem; opacity:.65; text-align:center }

/* ---------- العد التنازلي ---------- */
.td-count { position:absolute; inset:0; z-index:7; display:grid; place-items:center; background:radial-gradient(ellipse at 50% 45%,#000a,#000e 75%); animation:tdIn .25s }
.td-cbox { width:min(420px,calc(100% - 32px)); text-align:center; padding:22px 20px 18px; background:var(--tdm); border:2px solid #9be15d88; box-shadow:0 0 40px #9be15d22, 0 30px 80px #000;
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px) }
.td-cbox.atk { border-color:#ff5b5788; box-shadow:0 0 40px #ff5b5722, 0 30px 80px #000 }
.td-cbox small { opacity:.6; font-size:.78rem } .td-cbox h3 { margin:4px 0; font-size:2rem; font-weight:900; color:#d9f7b8; text-shadow:0 3px 0 #000 } .td-cbox.atk h3 { color:#ffd2cc }
.td-cbox p { margin:0 0 10px; color:#ffe7b0; font-weight:700 }
.td-cbox ul { list-style:none; margin:0 0 6px; padding:0; display:flex; flex-direction:column; gap:4px; font-size:.82rem; opacity:.8 } .td-cbox li::before { content:'▸ '; color:#ffd166 }
.td-num { font-size:4.5rem; font-weight:900; line-height:1.1; color:#fff; text-shadow:0 0 30px #ffd166, 0 5px 0 #000 }
.td-num.pop { animation:tdNum .75s cubic-bezier(.2,.9,.3,1.3) } .td-num.go { color:#ffe7b0; font-size:3rem }
@keyframes tdNum { 0% { transform:scale(2.2); opacity:0 } 35% { transform:scale(1); opacity:1 } }

/* ---------- الردهة ---------- */
.td-lobby { position:absolute; inset:0; z-index:5; display:grid; place-items:start center; background:radial-gradient(ellipse at 50% 20%, #12151dcc, #000f 80%); padding:16px; overflow:auto }
.td-lob { width:min(820px,100%); display:flex; flex-direction:column; gap:10px; text-align:center; padding-bottom:20px }
.td-titleplate { padding:14px 18px 12px; border-color:#ffd16633 }
.td-titleplate small { color:#ff7a70; font-weight:800; font-size:.72rem; letter-spacing:1px }
.td-lob h2 { margin:2px 0; font-size:2.3rem; font-weight:900; color:#ffe7b0; text-shadow:0 0 22px #e8541e88, 0 3px 0 #000 }
.td-intro { margin:0; opacity:.8; font-size:.9rem }
.td-step { display:flex; align-items:center; gap:8px; font-weight:800; font-size:.85rem; opacity:.85; margin-top:4px }
.td-step b { width:22px; height:22px; display:grid; place-items:center; background:#ffd166; color:#1a1308; font-size:.8rem; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%) }
.td-sides { display:grid; grid-template-columns:1fr 1fr; gap:10px }
.td-side { display:flex; flex-direction:column; gap:6px; align-items:center; background:var(--tdm); border:2px solid #ffffff18; color:var(--text); font:inherit; padding:14px 12px; cursor:pointer; transition:.15s; text-align:center;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px) }
.td-side:hover { transform:translateY(-2px) }
.td-side b { font-size:1.5rem; font-weight:900; color:var(--tdh); text-shadow:0 2px 0 #000 } .td-side.atk b { color:#ff7a70 }
.td-side span { font-size:.82rem; opacity:.75 }
.td-side em { font-style:normal; font-size:.72rem; opacity:.75; line-height:1.5 } .td-side em i { font-style:normal; background:#ffd16622; color:#ffd166; padding:0 6px; margin-inline-end:4px }
.td-side.on { border-color:var(--tdh); background:linear-gradient(180deg,#1f3320,#101a12); box-shadow:0 0 26px #9be15d33 } .td-side.atk.on { border-color:var(--tdr); background:linear-gradient(180deg,#3a1a1c,#1a0c0e); box-shadow:0 0 26px #ff5b5733 }
.td-row { display:flex; gap:3px; flex-wrap:wrap; justify-content:center } .td-row img { width:30px; height:30px; image-rendering:pixelated; filter:drop-shadow(0 2px 0 #000) }
.td-maps { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:8px }
.td-map { display:flex; flex-direction:column; gap:3px; align-items:stretch; background:var(--tdm); border:2px solid #ffffff14; color:var(--text); font:inherit; padding:8px; cursor:pointer; text-align:start; transition:.15s }
.td-map img { width:100%; aspect-ratio:2/1; object-fit:contain; image-rendering:pixelated; background:#07080b; border:1px solid #ffffff10 }
.td-map b { font-size:.92rem } .td-map small { color:#ffd166; font-size:.7rem } .td-map span { font-size:.72rem; opacity:.7 }
.td-map:hover { border-color:#ffffff33 } .td-map.on { border-color:#ffd166; box-shadow:0 0 18px #ffd16633 }
.td-lvls { display:flex; gap:8px; justify-content:center }
.td-lvls button { flex:1; max-width:200px; display:flex; flex-direction:column; align-items:center; gap:2px; background:var(--tdm); border:2px solid #ffffff18; color:var(--text); font:inherit; padding:8px; cursor:pointer;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px) }
.td-lvls b { font-size:1.05rem } .td-lvls small { opacity:.75; font-size:.72rem } .td-lvls small i { font-style:normal; color:#ffd166; font-weight:900 }
.td-lvls button.on { border-color:#ffd166; background:linear-gradient(180deg,#3a2f14,#1c170b); box-shadow:0 0 18px #ffd16633 }
.td-skulls { display:flex; gap:3px } .td-skulls u { width:10px; height:10px; background:#ff5b57; clip-path:polygon(20% 0,80% 0,100% 30%,100% 65%,75% 65%,75% 100%,25% 100%,25% 65%,0 65%,0 30%) }
.td-chal { display:flex; align-items:center; gap:12px; padding:10px 14px; text-align:start; background:linear-gradient(90deg,#2a2210,#12100a); border:1px solid #ffd16655;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px) }
.td-chal > i { font-style:normal; font-size:.7rem; font-weight:900; color:#1a1308; background:#ffd166; padding:3px 8px; white-space:nowrap }
.td-chal div { flex:1; display:flex; flex-direction:column } .td-chal b { color:#ffe7b0 } .td-chal span { font-size:.76rem; opacity:.75 }
.td-chal em { font-style:normal; font-weight:900; color:#ffd166; white-space:nowrap } .td-chal.done { filter:saturate(.3); opacity:.75 } .td-chal.done em { color:var(--tdh) }
.td-meter { display:flex; align-items:center; gap:10px; font-size:.78rem }
.td-meter > span { opacity:.7; white-space:nowrap } .td-meter > div { flex:1; height:8px; background:#0b0d12; border:1px solid #ffffff1a } .td-meter > div i { display:block; height:100%; background:linear-gradient(90deg,#b8741e,#ffd166) }
.td-meter b { color:#ffd166 } .td-meter small { opacity:.6 }
.td-acts { display:flex; gap:10px; justify-content:center; margin-top:4px }
.td-go { position:relative; font:inherit; font-weight:900; font-size:1.2rem; color:#fff; padding:14px 40px; cursor:pointer; border:0; background:linear-gradient(180deg,#e8541e,#9a2a0e);
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px); box-shadow:inset 0 2px 0 #ffb08a, inset 0 -3px 0 #5a1606; text-shadow:0 2px 0 #0008; transition:.12s }
.td-go:hover { filter:brightness(1.15); transform:translateY(-1px) } .td-go:active { transform:scale(.97) }
.td-go span { position:relative } .td-go::after { content:''; position:absolute; inset:0; background:linear-gradient(100deg,transparent 30%,#ffffff44 50%,transparent 70%); background-size:250% 100%; animation:tdShine 2.4s infinite }
@keyframes tdShine { 0% { background-position:150% 0 } 60%,100% { background-position:-50% 0 } }
.td-ghost { font:inherit; font-weight:800; color:var(--text); background:var(--tdm); border:1px solid #ffffff22; padding:12px 22px; cursor:pointer; clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px) }
.td-ghost:hover { border-color:#ffffff44 }

/* ---------- النهاية ---------- */
.td-end { position:absolute; inset:0; z-index:6; display:grid; place-items:center; background:#000c; animation:tdIn .3s ease-out }
.td-endbox { width:min(470px,calc(100% - 24px)); background:var(--tdm); border:2px solid #ffffff22; padding:22px; text-align:center; display:flex; flex-direction:column; gap:10px;
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px); animation:tdEndIn .5s cubic-bezier(.2,.9,.3,1.2) }
@keyframes tdEndIn { from { transform:scale(.8); opacity:0 } }
.td-end.win .td-endbox { border-color:var(--tdh); box-shadow:0 0 50px #9be15d33 } .td-end.lose .td-endbox { border-color:var(--tdr); box-shadow:0 0 50px #ff5b5733 }
.td-endk { font-weight:900; letter-spacing:3px; font-size:.75rem; opacity:.7 }
.td-endbox h2 { margin:0; font-size:2.8rem; font-weight:900; text-shadow:0 4px 0 #000 } .td-end.win h2 { color:var(--tdh) } .td-end.lose h2 { color:var(--tdr) }
.td-endbox > p { margin:0 }
.td-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:6px } .td-stats span { display:flex; flex-direction:column; background:#0b0d12; border:1px solid #ffffff10; padding:6px; font-size:.7rem } .td-stats b { font-size:1.3rem; color:#ffe7b0 }
.td-endch { font-size:.82rem; opacity:.7 } .td-endch.ok { color:#ffd166; opacity:1; font-weight:800 }
.td-reward { margin:0; font-size:1.05rem; display:flex; flex-direction:column; align-items:center; gap:2px } .td-reward small { color:#c9c6bd; font-size:.75rem }
.td-coin { font-size:1.4rem; font-weight:900; color:#ffd166; text-shadow:0 0 14px #ffd16688; animation:tdBump .6s }
@keyframes tdIn { from { opacity:0 } }

body:has(#ptb:not([hidden])) #scr-defense .td-hud { top:62px }
body:has(#ptb:not([hidden])) #scr-defense .td-stage { top:110px }
@media (max-width:640px) {
  .td-stage { inset-block:50px calc(84px + var(--tdb)) }
  .td-sides { grid-template-columns:1fr } .td-lob h2 { font-size:1.6rem }
  .td-card { width:66px } .td-card img { width:30px; height:30px } .td-card b { font-size:.62rem } .td-tool, .td-abil { width:60px } .td-tico { font-size:1.2rem; line-height:30px; height:30px }
  .td-role { display:none } .td-banner { font-size:1.5rem } .td-res { min-width:90px; padding:4px 10px } .td-res b { font-size:1.15rem } .td-time { font-size:1.1rem; padding:0 10px }
  .td-x, .td-res, .td-time, .td-door, .td-evchip { height:34px } .td-x { width:34px }
  body:has(#ptb:not([hidden])) #scr-defense .td-hud { top:52px }
  .td-maps { grid-template-columns:1fr 1fr } .td-go { padding:12px 26px }
}
/* جوال بالعرض: بطاقات أصغر عشان ما تغطي المسارات */
@media (max-height:480px) {
  .td-stage { inset-block:44px calc(64px + var(--tdb)) }
  .td-cards { bottom:calc(2px + var(--tdb)); padding:3px 4px; gap:4px } .td-card { width:50px; padding:3px 2px 3px; gap:1px } .td-card img { width:26px; height:26px } .td-card b { display:none } .td-card em { font-size:.68rem; padding:0 5px }
  .td-card kbd { display:none } .td-tool, .td-abil { width:50px } .td-tico { font-size:1rem; line-height:26px; height:26px } .td-abil b { display:block; font-size:.55rem }
  .td-hud { top:4px } .td-x, .td-res, .td-time, .td-door, .td-evchip { height:32px } .td-banner { font-size:1.3rem }
}
/* جوال بالطول: تلميح التدوير */
@media (orientation:portrait) and (max-width:640px) {
  #scr-defense .td-stage::before { content:'دوّر الجوال بالعرض عشان الساحة تكبر'; position:absolute; top:12%; inset-inline:16px; text-align:center; font-size:.8rem; opacity:.6; pointer-events:none }
}
#scr-defense:has(.td-lobby:not([hidden])) .td-stage::before, #scr-defense:has(.td-end:not([hidden])) .td-stage::before { display:none }
@media (prefers-reduced-motion: reduce) { .td-banner.on, .td-time.hot, .td-abil.ready, .td-go::after, .td-evchip { animation:none } }
/* زر القائمة */
#btn_defense { position:relative; overflow:hidden; border-color:#ff5b5766 !important; background:linear-gradient(100deg,#2a0e10 0%,#3d1414 45%,#140808 100%) !important }
#btn_defense .t-ic { color:#ff7a70 } #btn_defense b { color:#ffd2cc }