.custom-video-player{background:#0a2536;border-radius:8px;width:100%;margin:0;position:relative;overflow:hidden}.video-wrapper{aspect-ratio:16/9;background:#888;justify-content:center;align-items:center;width:100%;max-height:500px;display:flex;position:relative}.video-element{object-fit:contain;background:#0a2536;width:100%;height:100%;display:block}.play-overlay{color:#fff;cursor:pointer;z-index:2;background:rgba(0,0,0,.35);border:none;border-radius:50%;padding:12px;transition:background .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:640px){.play-overlay{padding:16px}}.play-overlay:hover{background:rgba(0,0,0,.55)}.controls{color:#fff;box-sizing:border-box;background:#05202e;border-top:2px solid #0a2536;flex-wrap:wrap;align-items:center;gap:4px;width:100%;padding:8px;font-size:14px;display:flex}@media (min-width:640px){.controls{flex-wrap:nowrap;gap:8px;padding:10px 16px;font-size:15px}}.controls button{padding:4px}@media (min-width:640px){.controls button{padding:6px}}.seek-bar{accent-color:#2196f3;flex:1;order:-1;width:100%;height:4px;margin:0 4px}@media (min-width:640px){.seek-bar{order:unset;width:auto;margin:0 8px}}.volume-bar{accent-color:#2196f3;width:60px;margin:0 2px;display:none}@media (min-width:640px){.volume-bar{width:80px;margin:0 4px;display:block}}.time{text-align:right;font-variant-numeric:tabular-nums;color:#b3c2d1;min-width:70px;font-size:12px}@media (min-width:640px){.time{font-size:13px}}