.skill-video-editor{margin-top:14px;padding-top:12px;border-top:1px solid #b4a07840}
.skill-video-editor video{display:block;width:min(100%,420px);max-height:240px;object-fit:contain;background:#0b1010;border-radius:8px;margin:10px 0}
.skill-cinematic{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box;background:radial-gradient(ellipse,#080c0cab,#080c0cf0);backdrop-filter:blur(3px)}
.skill-cinematic-stage{position:relative;width:min(960px,100%);max-height:85dvh;border:1px solid #d7b772aa;border-radius:8px;overflow:hidden;background:#090c0d;box-shadow:0 0 55px #d4ab5633,0 24px 80px #000c;animation:skill-cinematic-enter .45s ease-out}
.skill-cinematic video{display:block;width:100%;max-height:80dvh;min-height:160px;object-fit:contain}
.skill-cinematic-caption{position:absolute;inset:auto 0 0;padding:28px 18px 14px;background:linear-gradient(transparent,#000d);color:#f6dfac;font-size:clamp(15px,2.4vw,24px);text-shadow:0 2px 6px #000;pointer-events:none;overflow-wrap:anywhere}
.skill-cinematic-skip{position:absolute;right:12px;top:12px;min-width:64px;min-height:44px;border-color:#d8c49a88;background:#17211dea;color:#f8e4bd}
@keyframes skill-cinematic-enter{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.skill-cinematic-stage{animation:none}.skill-cinematic{backdrop-filter:none}}