/* ═══ القنبلة الموقوتة — «حقيبة التفكيك» (البادئة kt3-) — فوق المشهد 3D بـ.bc-kt ═══
   هويّتها: ورشة تفكيك — أسود فحمي، شريط تحذير أصفر وأسود، أرقام شاشة حمرا، ولون كلّ سلك. */
.bc-kt{--kt-y:#ffc21a;--kt-r:#ff2b2b;--kt-pn:#0d0f14ee;--kt-ln:#ffffff1c;font-family:Cairo,Tajawal,Tahoma,sans-serif}
.bc-kt .bc-vig{background:radial-gradient(ellipse at 38% 45%,transparent 45%,#000a 100%)}
.kt3{position:absolute;inset:0;color:#f1ece2;font-weight:800}
.kt3 .num{font-family:Oswald,Cairo,sans-serif;font-weight:700;font-style:normal;direction:ltr;unicode-bidi:isolate}
.kt3 svg{display:block}

/* الرأس: لوحة معدنيّة بشريط تحذير */
.kt3-top{position:absolute;top:calc(22px*var(--u));right:calc(26px*var(--u));display:flex;align-items:stretch;height:calc(58px*var(--u));border-radius:calc(8px*var(--u));overflow:hidden;box-shadow:0 10px 30px #000b}
.kt3-top>*{display:flex;align-items:center;gap:.4em;padding:0 calc(18px*var(--u));white-space:nowrap}
.kt3-top b{background:repeating-linear-gradient(135deg,var(--kt-y) 0 18px,#14161b 18px 36px);color:#fff;font-size:calc(25px*var(--u));font-weight:900;text-shadow:0 2px 0 #000,0 0 10px #000,2px 0 0 #000,-2px 0 0 #000}
.kt3-top span{background:var(--kt-pn);font-size:calc(18px*var(--u));color:#c9c2b4;border-inline-start:1px solid var(--kt-ln)}
.kt3-top span i{font-size:calc(28px*var(--u));color:var(--kt-y)}

/* اللوحة الجانبيّة: بطاقة صاحب القنبلة + المراحل + الفريق */
.kt3-side{position:absolute;top:calc(100px*var(--u));right:calc(26px*var(--u));width:calc(430px*var(--u));bottom:calc(var(--bc-pb,0px) + 246px*var(--u));
 display:flex;flex-direction:column;gap:calc(12px*var(--u));padding:calc(20px*var(--u));background:var(--kt-pn);border:1px solid var(--kt-ln);border-radius:calc(14px*var(--u));
 box-shadow:0 18px 50px #000b;backdrop-filter:blur(6px);overflow:hidden}
.kt3-side>small{font-size:calc(17px*var(--u));color:var(--kt-y);letter-spacing:.5px}
.kt3-side .kt3-holder{width:100%;margin:0;box-shadow:0 0 0 calc(3px*var(--u)) var(--kt-r),0 0 calc(26px*var(--u)) #ff2b2b66!important;border-radius:calc(14px*var(--u))}
.kt3-side .kt3-holder .av{width:calc(64px*var(--u));height:calc(64px*var(--u));flex-shrink:0}
.kt3-side .kt3-holder .pb-name{font-size:calc(28px*var(--u));font-weight:900}
.kt3-side .kt3-holder .pb-at{display:none}
.kt3-steps{display:flex;gap:calc(8px*var(--u))}
.kt3-steps i{flex:1;display:flex;align-items:center;justify-content:center;gap:.4em;padding:calc(8px*var(--u)) 0;border-radius:calc(8px*var(--u));font-style:normal;font-size:calc(18px*var(--u));
 background:#ffffff0c;border:1px solid var(--kt-ln);color:#9a948a;transition:background .25s,color .25s}
.kt3-steps i em{display:grid;place-items:center;width:1.4em;height:1.4em;border-radius:50%;background:#ffffff14;font-size:.9em}
.kt3-steps i.on{background:var(--kt-y);border-color:var(--kt-y);color:#14161b}
.kt3-steps i.on em{background:#14161b;color:var(--kt-y)}
.kt3-side h2{font-size:calc(31px*var(--u));font-weight:900;line-height:1.25;color:#fff}
.kt3-side p{font-size:calc(18px*var(--u));color:#cfc8bb;line-height:1.5;margin-top:calc(-4px*var(--u))}
.kt3-side h4{font-size:calc(17px*var(--u));color:#9a948a;border-top:1px solid var(--kt-ln);padding-top:calc(10px*var(--u))}
.kt3-team{display:grid;grid-template-columns:1fr 1fr;gap:calc(6px*var(--u)) calc(10px*var(--u));align-content:start;min-height:0;overflow:hidden}
.kt3-team>div{display:flex;align-items:center;gap:calc(8px*var(--u));min-width:0}
.kt3-team .av{width:calc(34px*var(--u));height:calc(34px*var(--u));flex-shrink:0}
.kt3-team span{font-size:calc(17px*var(--u));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kt3-team .on span{color:var(--kt-y)}.kt3-team .on .av{box-shadow:0 0 0 2px var(--kt-r)}
.kt3-team .out{opacity:.38}.kt3-team .out span{text-decoration:line-through}
.kt3-team u{text-decoration:none;color:#9a948a;font-size:calc(16px*var(--u))}

/* الشريط السفلي: أطراف الأسلاك + الترتيب + الوقت */
.kt3-bar{position:absolute;left:calc(26px*var(--u));right:calc(26px*var(--u));bottom:calc(var(--bc-pb,0px) + 22px*var(--u));height:calc(210px*var(--u));
 display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto auto;gap:calc(10px*var(--u)) calc(22px*var(--u));padding:calc(16px*var(--u)) calc(20px*var(--u));
 background:var(--kt-pn);border:1px solid var(--kt-ln);border-radius:calc(14px*var(--u));box-shadow:0 -10px 40px #0009;backdrop-filter:blur(6px)}
.kt3-pads{grid-row:1/3;display:flex;gap:calc(12px*var(--u));direction:ltr}
.kt3-pad{position:relative;width:calc(122px*var(--u));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(4px*var(--u));padding:0;cursor:pointer;
 background:linear-gradient(180deg,#f3efe4,#d9d3c4);border:0;border-top:calc(9px*var(--u)) solid var(--c);border-radius:calc(10px*var(--u));color:#14161b;font-family:inherit;
 box-shadow:0 calc(6px*var(--u)) 0 #000a;transition:transform .12s,box-shadow .12s}
.kt3-pad b{font-size:calc(58px*var(--u));line-height:1}
.kt3-pad svg{width:calc(30px*var(--u));height:calc(30px*var(--u));position:absolute;top:calc(10px*var(--u));left:calc(8px*var(--u))}
.kt3-pad span{font-size:calc(17px*var(--u));font-weight:900;color:#3c3a35}
.kt3-pad.lit{transform:translateY(calc(-8px*var(--u)));box-shadow:0 0 0 calc(4px*var(--u)) var(--c),0 0 calc(34px*var(--u)) var(--c)}
.kt3-pad:disabled{cursor:default}
.kt3-seq{display:flex;align-items:center;gap:calc(14px*var(--u));min-width:0}
.kt3-seq>b{font-size:calc(19px*var(--u));color:var(--kt-y);white-space:nowrap}
.kt3-seq>div{display:flex;gap:calc(8px*var(--u));flex-wrap:wrap}
.kt3-seq i{display:grid;place-items:center;width:calc(54px*var(--u));height:calc(54px*var(--u));border-radius:calc(9px*var(--u));font-style:normal;font-size:calc(28px*var(--u));color:#6d675e;
 background:#ffffff08;border:calc(2px*var(--u)) dashed #ffffff26}
.kt3-seq i svg{width:62%;height:62%}
.kt3-seq i.seen{background:#ffffff14;border-style:solid;border-color:#ffffff30}
.kt3-seq i.cur{border:calc(2px*var(--u)) solid var(--kt-y);color:var(--kt-y);box-shadow:0 0 calc(16px*var(--u)) #ffc21a66}
.kt3-seq i.ok{border:calc(2px*var(--u)) solid var(--c);background:color-mix(in srgb,var(--c) 18%,transparent)}
.kt3-time{grid-column:2;height:calc(10px*var(--u));border-radius:9px;background:#ffffff12;overflow:hidden}
.kt3-time i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--kt-r),#ff7a2a,var(--kt-y));transition:width .1s linear}
.kt3-msg{grid-column:1/3;display:flex;align-items:center;gap:calc(14px*var(--u));min-width:0}
.kt3-msg b{font-size:calc(21px*var(--u));font-weight:900;white-space:nowrap}
.kt3-msg small{font-size:calc(16px*var(--u));color:#a8a296;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.kt3-btn{pointer-events:auto;flex-shrink:0;height:calc(44px*var(--u));padding:0 calc(22px*var(--u));border:0;border-radius:calc(9px*var(--u));cursor:pointer;
 background:var(--kt-y);color:#14161b;font:900 calc(19px*var(--u)) Cairo,Tahoma,sans-serif;box-shadow:0 calc(4px*var(--u)) 0 #8a6500}
.kt3 [hidden]{display:none!important}

/* حالات */
.kt3.urgent .kt3-side{box-shadow:0 0 0 calc(3px*var(--u)) var(--kt-r),0 18px 50px #000b;animation:kt3Pulse .5s infinite alternate}
.kt3.urgent .kt3-time i{animation:kt3Pulse .5s infinite alternate}
@keyframes kt3Pulse{to{opacity:.55}}
.kt3.blast{animation:kt3Shake .6s}
@keyframes kt3Shake{20%{transform:translate(10px,-6px)}40%{transform:translate(-9px,5px)}60%{transform:translate(6px,3px)}80%{transform:translate(-4px,-2px)}}
.kt3.pass .kt3-holder{animation:kt3Ok .7s}
@keyframes kt3Ok{40%{box-shadow:0 0 0 calc(5px*var(--u)) #3dff8a,0 0 calc(40px*var(--u)) #3dff8a}}
.kt3-cover,.kt3-event{position:absolute;inset:0 0 var(--bc-pb,0px) 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(16px*var(--u));text-align:center;
 background:#06070bd9;backdrop-filter:blur(8px);pointer-events:auto}
.kt3-event{pointer-events:none}.kt3-event .kt3-btn{pointer-events:auto}
.kt3-cover b{font-size:calc(46px*var(--u));font-weight:900}
.kt3-cover span{font-size:calc(20px*var(--u));color:#b5ae9f}
.kt3-event small{padding:calc(6px*var(--u)) calc(16px*var(--u));background:repeating-linear-gradient(135deg,var(--kt-y) 0 14px,#14161b 14px 28px);color:#fff;font-size:calc(20px*var(--u));text-shadow:0 0 6px #000,0 2px 0 #000;border-radius:6px}
.kt3-event h2{font-size:calc(58px*var(--u));font-weight:900;color:var(--kt-r);text-shadow:0 0 30px #ff2b2b88}
.kt3-event p{font-size:calc(22px*var(--u));color:#cfc8bb}
.kt3-event .kt3-gone{width:calc(440px*var(--u));max-width:90vw;margin:0;filter:grayscale(.5)}
.kt3-event .kt3-gone .av{width:calc(84px*var(--u));height:calc(84px*var(--u))}
.kt3-event .kt3-gone .pb-name{font-size:calc(30px*var(--u))}

/* الجوال الطولي: اللوحة فوق والشريط تحت والمشهد بالنصّ */
@media (max-aspect-ratio:1/1){
 .kt3-top{right:50%;transform:translateX(50%);top:calc(60px*var(--u))}
 .kt3-side{top:auto;bottom:calc(var(--bc-pb,0px) + 380px*var(--u));left:calc(16px*var(--u));right:calc(16px*var(--u));width:auto;height:auto;max-height:28%}
 .kt3-team,.kt3-side h4,.kt3-side p{display:none}
 .kt3-bar{left:calc(16px*var(--u));right:calc(16px*var(--u));height:auto;grid-template-columns:1fr;grid-template-rows:auto}
 .kt3-pads{grid-row:auto;justify-content:center}.kt3-pad{height:calc(130px*var(--u))}
 .kt3-time,.kt3-msg{grid-column:1}
}

/* الأزرار: نور واضح وقت المرور والضغط (طلب المالك ٢٠٢٦/١١/١١) */
.kt3-btn{transition:transform .12s,box-shadow .2s,filter .2s}
.kt3-btn:hover{filter:brightness(1.12);box-shadow:0 calc(4px*var(--u)) 0 #8a6500,0 0 calc(22px*var(--u)) #ffc93acc}
.kt3-btn:active{transform:translateY(calc(3px*var(--u)));box-shadow:0 calc(1px*var(--u)) 0 #8a6500,0 0 calc(34px*var(--u)) #ffe08a}
.kt3-cta{height:calc(64px*var(--u));padding:0 calc(40px*var(--u));font-size:calc(28px*var(--u));margin-top:calc(8px*var(--u));animation:kt3Cta 1.3s ease-in-out infinite}
@keyframes kt3Cta{50%{box-shadow:0 calc(4px*var(--u)) 0 #8a6500,0 0 calc(40px*var(--u)) #ffc93a}}
.kt3-pad{transition:transform .12s,box-shadow .2s,filter .2s}
.kt3-pad:not(:disabled):hover{filter:brightness(1.15);box-shadow:0 0 0 calc(3px*var(--u)) var(--c),0 0 calc(26px*var(--u)) var(--c)}
.kt3-pad:not(:disabled):active{transform:scale(.95)}