/* PWA style compatibility bundle: current map/supply additions + full UI styles */
@import url('./styles-current-v28.css');
@import url('./styles-full-ui-v28.css');

/* Video-Akademie: YouTube-Startbilder direkt anzeigen */
.video-preview{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#0d3558,#1a5f8f)}
.video-thumbnail{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.video-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,30,52,.38),transparent 58%)}
.video-play{position:absolute;z-index:1;left:50%;top:50%;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--red);color:#fff;font-size:1.45rem;line-height:1;transform:translate(-50%,-50%);box-shadow:0 8px 24px rgba(0,0,0,.35);padding-left:3px}
.video-card:hover .video-thumbnail{transform:scale(1.035)}
.video-card:hover .video-play{background:#b91f30;transform:translate(-50%,-50%) scale(1.06)}
.video-meta{min-height:86px}
.video-frame{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#071e34;box-shadow:var(--shadow)}
.video-frame iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:520px){.video-play{width:52px;height:52px;font-size:1.3rem}.video-meta{min-height:0}}