
.deckbtn{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 18px;padding:16px 20px;border-radius:999px;background:linear-gradient(135deg,#f5c969,#e9a93a);color:#141b3d!important;font-weight:800;font-size:1.12rem;text-decoration:none;box-shadow:0 6px 22px rgba(245,201,105,.35)}
.deckbtn:hover{filter:brightness(1.06)}
.deckrow{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 16px}
body.dk-open{overflow:hidden}
.dk{position:fixed;inset:0;z-index:9999;background:#070c22;color:#fff8ec;direction:rtl;font-family:inherit;user-select:none;-webkit-user-select:none}
.dk-stage{position:absolute;inset:0}
.dk-slide{position:absolute;inset:0;overflow:hidden;animation:dkIn .45s ease}
@keyframes dkIn{from{opacity:.25;transform:scale(1.015)}to{opacity:1;transform:none}}
.dk-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:dkKen 14s ease-out forwards}
@keyframes dkKen{from{transform:scale(1.06)}to{transform:scale(1)}}
.dk-shade{position:absolute;inset:0}
.dk-side .dk-shade{background:linear-gradient(to left,rgba(11,18,48,.95) 0,rgba(11,18,48,.9) 36%,rgba(11,18,48,0) 64%)}
.dk-center .dk-shade{background:linear-gradient(to top,rgba(11,18,48,.95) 0,rgba(11,18,48,.75) 32%,rgba(11,18,48,0) 62%)}
.dk-txt{position:absolute;text-align:right}
.dk-side .dk-txt{right:max(7vw,84px);top:50%;transform:translateY(-50%);width:40vw}
.dk-center .dk-txt{left:8vw;right:8vw;bottom:11vh;text-align:center}
.dk-txt h2{margin:0 0 .3em;color:#f5c969;font-size:clamp(2rem,4.6vw,4.4rem);line-height:1.12;font-weight:800;text-shadow:0 3px 18px rgba(0,0,0,.5)}
.dk-side .dk-txt h2:after{content:"";display:block;width:6vw;min-width:60px;height:4px;border-radius:4px;background:#f5c969;margin:.35em 0 0 auto}
.dk-sub{margin:0 0 .6em;font-size:clamp(1.25rem,2.7vw,2.5rem);font-weight:700;line-height:1.35}
.dk-small{color:#e9d9b8;font-size:clamp(1rem,1.6vw,1.4rem)}
.dk-act{margin-top:1.2em;padding:.8em 1.1em;border:1.5px solid #f5c969;border-radius:20px;background:rgba(28,39,92,.85);color:#e9d9b8;font-size:clamp(1rem,1.6vw,1.45rem);line-height:1.45}
.dk-act b{color:#f5c969}
.dk-credit{display:inline-flex;align-items:center;gap:12px;margin-top:1em;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.08);color:#e9d9b8;font-size:clamp(.95rem,1.4vw,1.2rem)}
.dk-credit img{width:44px;height:44px;border-radius:50%;background:#fff}
.dk-chan{position:absolute;right:4vw;bottom:11vh;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:10px;padding:0 6px 6px;border-bottom:4px solid #f5c969;border-radius:3px}
.dk-chan i{position:relative;display:block;width:9px;height:24px;border-radius:3px;background:#f5c969}
.dk-chan i.sh{height:34px;background:#ffe096}
.dk-chan i.on:before{z-index:2;content:"";position:absolute;left:50%;top:-17px;width:11px;height:15px;margin-left:-5.5px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 50% 65%,#fff5c8 0 30%,#ffbe46 60%,rgba(255,150,40,0) 72%);animation:dkFl 1.6s ease-in-out infinite alternate}
@keyframes dkFl{from{transform:scale(1) rotate(-2deg)}to{transform:scale(1.12) rotate(2deg)}}
.dk-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(to bottom,rgba(7,12,34,.85),rgba(7,12,34,0));z-index:3}
.dk-title{font-weight:700;color:#f5c969;flex:1}
.dk-count{opacity:.85;font-variant-numeric:tabular-nums;direction:ltr}
.dk-b{width:46px;height:46px;border-radius:50%;border:1px solid rgba(245,201,105,.6);background:rgba(28,39,92,.75);color:#fff8ec;font-size:1.25rem;cursor:pointer}
.dk-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:56px;height:56px;border-radius:50%;border:1px solid rgba(245,201,105,.6);background:rgba(28,39,92,.6);color:#f5c969;font-size:2.2rem;line-height:1;cursor:pointer}
.dk-prev{right:12px}.dk-next{left:12px}
.dk-dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:3}
.dk-dots button{width:12px;height:12px;padding:0;border-radius:50%;border:0;background:rgba(255,248,236,.35);cursor:pointer}
.dk-dots button.on{background:#f5c969;transform:scale(1.25)}
.dk-notes{position:absolute;left:12px;right:12px;bottom:40px;max-width:760px;margin:0 auto;padding:12px 16px;border-radius:16px;background:rgba(7,12,34,.92);border:1px solid rgba(245,201,105,.5);font-size:1rem;line-height:1.5;z-index:4}
@media (max-aspect-ratio:1/1){
 .dk-img{height:52%;bottom:auto}
 .dk-side .dk-shade,.dk-center .dk-shade{background:linear-gradient(to bottom,rgba(11,18,48,0) 0,rgba(11,18,48,0) 36%,rgba(11,18,48,1) 52%)}
 .dk-side .dk-txt,.dk-center .dk-txt{left:6vw;right:6vw;width:auto;top:calc(50% + 6px);bottom:auto;transform:none;text-align:center}
 .dk-side .dk-txt h2:after{margin:.35em auto 0}
 .dk-txt h2{font-size:clamp(1.8rem,8.5vw,2.8rem)}
 .dk-sub{font-size:clamp(1.15rem,5.2vw,1.6rem)}
 .dk-act{font-size:1rem}
 .dk-chan{right:auto;left:50%;transform:translateX(-50%) scale(.8);bottom:auto;top:calc(50% - 74px)}
 .dk .dk-slide .dk-txt{top:calc(50% + 8px);bottom:auto}
 .dk-nav{top:auto;bottom:4px;transform:none;width:48px;height:48px;font-size:1.9rem}
}
@media print{.dk{display:none}}
