/* Approved comic header. Scoped to the header; no preview page styles. */
.dk-flight-track{z-index:2}
.dk-flight-pause{z-index:5}
.dk-flight-band .battle-panel{--accent:#ffd75e;position:absolute;top:5px;bottom:5px;width:clamp(70px,22vw,310px);overflow:hidden;z-index:1;border:2px solid #ffd75e45;background:radial-gradient(circle,#ffde7719 1px,transparent 1.6px) 0 0/6px 6px,linear-gradient(115deg,#372329,#191925);clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);opacity:.15;transition:opacity .18s,border-color .25s,box-shadow .25s;isolation:isolate}
.dk-flight-band .battle-panel.left{left:14px}
.dk-flight-band .battle-panel.right{right:60px;--accent:#7dffee;background:radial-gradient(circle,#7dffee20 1px,transparent 1.6px) 0 0/6px 6px,linear-gradient(115deg,#142b32,#1c1932);clip-path:polygon(0 0,96% 0,100% 100%,4% 100%)}
.dk-flight-band .battle-panel.lit{border-color:var(--accent);box-shadow:inset 0 0 24px #fff2}
.dk-flight-band .battle-panel::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#ffffff24 50%,transparent 65%);transform:translateX(-100%)}
.dk-flight-band .battle-panel.lit::after{animation:shine 3.5s ease-out both}
.dk-flight-band .actor{position:absolute;left:48%;top:48%;width:72px;height:62px;transform:translate(-50%,-50%);z-index:2}
.dk-flight-band .actor img{position:absolute;max-width:none;image-rendering:auto}
.dk-flight-band .burst{position:absolute;right:8px;top:11px;color:#121723;background:var(--accent);padding:4px 9px;font:900 italic clamp(11px,1.1vw,17px)/1.1 'Segoe UI',sans-serif;transform:rotate(7deg) scale(.2);opacity:0;z-index:3;clip-path:polygon(0 18%,17% 20%,20% 0,42% 12%,64% 0,76% 16%,100% 11%,90% 50%,100% 83%,75% 79%,66% 100%,45% 86%,20% 100%,18% 78%,0 85%,8% 51%)}
.dk-flight-band .right .burst{left:8px;right:auto;transform:rotate(-7deg) scale(.2)}
.dk-flight-band .battle-panel.impact .burst{opacity:1;transform:rotate(7deg) scale(1);transition:transform .17s cubic-bezier(.2,1.8,.4,1),opacity .14s}
.dk-flight-band .right.impact .burst{transform:rotate(-7deg) scale(1)}
.dk-flight-band .caption{position:absolute;bottom:2px;left:12px;color:#fff9dc;text-shadow:0 1px 3px #000;font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.04em;text-transform:uppercase;z-index:3}
.dk-flight-band .right .caption{left:auto;right:12px}
.dk-flight-band .speed{position:absolute;inset:8px;opacity:0;background:repeating-linear-gradient(173deg,transparent 0 13px,#ffffff50 14px,transparent 15px 26px);mask-image:linear-gradient(90deg,#000,transparent 40%,transparent 60%,#000)}
.dk-flight-band .impact .speed{opacity:.7;animation:speed .45s linear infinite}
.dk-flight-band .battle-panel.off{visibility:hidden}
.dk-flight-band .heli-body{width:35px!important;height:68px!important;left:18px!important;top:-3px!important;transform:rotate(-90deg)}
.dk-flight-band .rotor{width:57px!important;height:57px!important;left:7px!important;top:3px!important;animation:rotor .12s linear infinite}
.dk-flight-band .right .heli-body{transform:rotate(-90deg)}
@keyframes rotor{to{transform:rotate(360deg)}}
@keyframes speed{to{background-position:32px 0}}
@keyframes shine{to{transform:translateX(150%)}}
@media(max-width:900px){.dk-flight-band .battle-panel{width:18vw}
.dk-flight-band .burst{font-size:10px;padding:4px}
.dk-flight-band .caption{font-size:8px}
.dk-flight-band .actor{left:50%}}
@media(max-width:620px){.dk-flight-band .battle-panel{width:19vw;top:3px;bottom:3px}
.dk-flight-band .battle-panel.left{left:3px}
.dk-flight-band .battle-panel.right{right:43px}
.dk-flight-band .caption,.dk-flight-band .burst{display:none}}
@media(prefers-reduced-motion:reduce){.dk-flight-band .battle-panel::after,.dk-flight-band .speed,.dk-flight-band .rotor{animation:none!important}
.dk-flight-band .battle-panel{transition:none}}
.dk-flight-band .battle-panel,.dk-flight-band .battle-panel.right{--activity:.35;--paper:#efbd55;opacity:1;top:4px;bottom:4px;border:0;background:#f5e7c6;width:clamp(72px,22vw,310px);clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);box-shadow:none;transition:none}
.dk-flight-band .battle-panel.right{--paper:#63cdc7;clip-path:polygon(0 0,97% 0,100% 100%,3% 100%)}
.dk-flight-band .battle-panel::before{content:'';position:absolute;inset:3px;background:radial-gradient(circle,#10151f65 1px,transparent 1.3px) 0 0/5px 5px,linear-gradient(110deg,transparent 76%,#141822 76.5%,#141822 77.5%,transparent 78%),var(--paper);border:3px solid #10151c;clip-path:inherit;opacity:calc(.5 + var(--activity)*.5)}
.dk-flight-band .battle-panel.lit{border:0;box-shadow:none}
.dk-flight-band .battle-panel .actor{left:33%;top:44%;transition:opacity .18s}
.dk-flight-band .battle-panel.right .actor{left:67%}
.dk-flight-band .battle-panel .caption{bottom:3px;left:10px;background:#10151f;color:#fff4d3;padding:0 6px;font-size:10px;line-height:15px;text-shadow:none;border:1px solid #f5e7c6;transform:skew(-4deg)}
.dk-flight-band .battle-panel.right .caption{left:auto;right:10px}
.dk-flight-band .battle-panel .burst{top:18px;right:10px;font-size:clamp(12px,1.3vw,19px);padding:8px 10px;background:#fff2b5;color:#11131d;filter:drop-shadow(2px 2px 0 #11131d)}
.dk-flight-band .battle-panel.right .burst{left:10px;right:auto;background:#d4fff5}
.dk-flight-band .battle-panel .speed{inset:8px;background:repeating-linear-gradient(170deg,transparent 0 10px,#10151f90 11px,transparent 13px 22px);z-index:1}
@media(max-width:900px){.dk-flight-band .battle-panel,.dk-flight-band .battle-panel.right{width:20vw}
.dk-flight-band .battle-panel .actor{left:44%}
.dk-flight-band .battle-panel.right .actor{left:56%}
.dk-flight-band .battle-panel .burst{font-size:11px;padding:6px;right:5px;top:8px}
.dk-flight-band .battle-panel.right .burst{left:5px}
.dk-flight-band .battle-panel .caption{font-size:9px;padding:0 4px}}
@media(max-width:620px){.dk-flight-band .battle-panel,.dk-flight-band .battle-panel.right{width:19vw}
.dk-flight-band .battle-panel .actor,.dk-flight-band .battle-panel.right .actor{left:50%}
.dk-flight-band .battle-panel::before{inset:2px;border-width:2px}}
.dk-flight-band{--center-space:clamp(160px,42vw,850px)}
.dk-flight-band .battle-bank{position:absolute;top:0;bottom:0;display:flex;gap:6px;width:calc((100% - 64px - var(--center-space))/2);align-items:stretch;pointer-events:none}
.dk-flight-band .battle-bank.left{left:8px;flex-direction:row-reverse}
.dk-flight-band .battle-bank.right{right:56px;flex-direction:row}
.dk-flight-band .battle-bank .battle-panel{position:relative;flex:1 1 0;min-width:0;width:auto;left:auto;right:auto;top:auto;bottom:auto;margin-block:4px;visibility:hidden;opacity:0;transform:scale(.75);transition:opacity .45s,transform .45s;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}
.dk-flight-band .battle-bank .battle-panel.revealed{visibility:visible;opacity:1;transform:scale(1)}
.dk-flight-band .battle-bank .actor{left:50%;top:44%}
.dk-flight-band .battle-bank .caption{left:6px;right:6px;bottom:3px;text-align:center;padding:0 2px;font-size:9px;white-space:nowrap;overflow:hidden}
.dk-flight-band .battle-bank .burst{left:auto;right:4px;top:5px;font-size:12px;padding:5px 7px}
@media(max-width:759px){.dk-flight-band{--center-space:44vw}
.dk-flight-band .battle-bank{gap:3px}
.dk-flight-band .battle-bank .caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.dk-flight-band .battle-bank .battle-panel{transition:none}}