.arcplayer{--aspect:16/9;--crop:2000px;--accent:var(--arcplayer-accent, #202020);--bar-color:var(--accent);--track-color:#202532;position:relative;width:100%;aspect-ratio:var(--aspect);background:#000;overflow:hidden;border-radius:.75rem;box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1)}.arcplayer .arcplayer-frame{position:relative;width:100%;height:100%;background:#000;overflow:hidden}.arcplayer iframe{position:absolute;inset:0;width:100%;height:calc(100% + var(--crop));top:calc(var(--crop) * -.5);border:0;display:block;opacity:0;transition:opacity .18s ease}.arcplayer.ready iframe{opacity:1}.arcplayer .arcplayer-veil{position:absolute;inset:0;background:#000;z-index:8;opacity:1;transition:opacity .18s ease}.arcplayer.ready .arcplayer-veil{opacity:0;pointer-events:none}.arcplayer .arcplayer-clickzone{position:absolute;inset:0;z-index:9;cursor:pointer}.arcplayer .arcplayer-overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:rgba(0,0,0,.5);pointer-events:none}.arcplayer .arcplayer-overlay[hidden]{display:none}.arcplayer .arcplayer-cover{display:grid;place-items:center;text-align:center}.arcplayer .arcplayer-icon{width:100px;height:100px;filter:drop-shadow(0 8px 24px rgba(0, 0, 0, .5));animation:arcplayer-pulse 1.6s ease-in-out infinite}@keyframes arcplayer-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}.arcplayer .arcplayer-hud{position:absolute;left:0;right:0;bottom:0;z-index:12;height:10px;pointer-events:auto}.arcplayer .arcplayer-progress{position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--track-color);border:0;overflow:hidden;cursor:pointer}.arcplayer .arcplayer-progress .arcplayer-bar{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--bar-color);transition:width 80ms linear}.arcplayer .arcplayer-timecode{position:absolute;left:12px;bottom:14px;z-index:13;padding:4px 8px;border-radius:8px;background:rgba(0,0,0,.55);color:#fff;font:600 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif}.arcplayer .arcplayer-controls{position:absolute;right:10px;bottom:12px;z-index:13;display:flex;gap:8px}.arcplayer .arcplayer-btn{width:30px;height:30px;border:0;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .12s ease,filter .12s ease}.arcplayer .arcplayer-btn:hover{transform:translateY(-1px);filter:brightness(.9)}.arcplayer .arcplayer-btn:active{transform:translateY(0)}.arcplayer .arcplayer-btn svg{width:25px;height:25px;display:block;pointer-events:none;fill:currentColor}.arcplayer .arcplayer-ui{opacity:1;transition:opacity .18s ease,transform .18s ease}.arcplayer.controls-hidden .arcplayer-ui{opacity:0;transform:translateY(12px);pointer-events:none}:-webkit-full-screen .arcplayer .arcplayer-frame,:fullscreen .arcplayer .arcplayer-frame{aspect-ratio:auto;height:100vh}.arcplayer.vertical{--aspect:9/16;width:min(520px,100%);max-height:84vh;margin:0 auto;border-radius:14px}.arcplayer.vertical iframe{width:calc(100% + var(--crop));height:100%;left:calc(var(--crop) * -.5);top:0}.arcplayer .arcplayer-loader{position:absolute;inset:0;z-index:7;display:grid;place-items:center;background:#000}.arcplayer .arcplayer-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:arcplayer-spin .8s linear infinite}@keyframes arcplayer-spin{to{transform:rotate(360deg)}}.arcplayer.ready .arcplayer-loader{opacity:0;pointer-events:none;transition:opacity .3s ease}.arcplayer .arcplayer-volume-control{position:relative;display:flex;align-items:center}.arcplayer .arcplayer-volume-slider{width:0;overflow:hidden;transition:width .2s ease;display:flex;align-items:center}.arcplayer .arcplayer-volume-control.expanded .arcplayer-volume-slider,.arcplayer .arcplayer-volume-control:focus-within .arcplayer-volume-slider{width:80px;margin-left:8px}.arcplayer .arcplayer-volume-input{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--track-color);border-radius:3px;cursor:pointer}.arcplayer .arcplayer-volume-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3)}.arcplayer .arcplayer-volume-input::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;border:none;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3)}.arcplayer .arcplayer-quality-control,.arcplayer .arcplayer-speed-control{position:relative}.arcplayer .arcplayer-speed{font-weight:700;font-size:14px;min-width:48px}.arcplayer .arcplayer-menu{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;background:rgba(20,20,30,.95);backdrop-filter:blur(10px);border-radius:10px;padding:6px;min-width:80px;box-shadow:0 8px 24px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(10px);transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:20}.arcplayer .arcplayer-menu.open{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.arcplayer .arcplayer-menu-item{display:block;width:100%;padding:8px 14px;border:none;background:0 0;color:#fff;font-size:13px;font-weight:500;text-align:center;cursor:pointer;border-radius:6px;transition:background .12s ease}.arcplayer .arcplayer-menu-item:hover{background:rgba(255,255,255,.1)}.arcplayer .arcplayer-menu-item.active{background:var(--accent);color:#fff}.arcplayer .arcplayer-controls{gap:6px;align-items:center}