body,html{margin:0;padding:0;background:#000;color:#fff;font-family:sans-serif}:root{--ctrl-h:clamp(32px,5.6vw,56px)}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden}body{margin:0;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.video_wrapper{position:fixed;width:100vw;height:100vh;left:0;top:0;background:#4b4b4b;overflow:hidden}.videos{position:relative;display:flex;align-items:center;justify-content:center}.video,.videos{width:100%;height:100%}.video{object-fit:contain}.control_wrapper{position:absolute;bottom:0;left:0;right:0;min-height:var(--ctrl-h);background:rgba(0,0,0,.9);display:flex;align-items:center;padding:clamp(6px,1.2vw,12px) clamp(8px,1.6vw,16px) calc(clamp(6px, 1.2vw, 12px) + env(safe-area-inset-bottom, 20px));opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;z-index:10}.control_wrapper.visible{opacity:1;transform:translateY(0);pointer-events:all}.main_control{display:flex;justify-content:space-between;align-items:center;width:100%}.control_left,.control_right{display:flex;align-items:center;gap:clamp(6px,1.2vw,12px)}button{background:transparent;color:#fff;border:none;min-width:clamp(18px,2.8vw,28px);min-height:clamp(18px,2.8vw,28px);padding:clamp(2px,.4vw,4px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease;border-radius:4px}button:hover{opacity:.8;background:hsla(0,0%,100%,.1)}button:active{opacity:.6}button:focus-visible{outline:2px solid hsla(0,0%,100%,.5);outline-offset:2px}.btn_fullscreen svg,.btn_play svg{width:clamp(12px,2vw,20px);height:clamp(12px,2vw,20px)}.logo_link{display:flex;align-items:center;gap:clamp(3px,.6vw,6px);font-size:clamp(8px,1.4vw,14px);font-weight:600;letter-spacing:.5px;color:hsla(0,0%,100%,.95);padding:clamp(2px,.4vw,4px) clamp(5px,1vw,10px);background:hsla(0,0%,100%,.15);border-radius:4px;height:clamp(16px,2.2vw,22px);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .2s ease,background .2s ease}.logo_link:hover{opacity:.8;background:hsla(0,0%,100%,.2)}.logo_link:active{opacity:.6}.logo_link:focus-visible{outline:2px solid hsla(0,0%,100%,.5);outline-offset:2px}.logo_icon{width:clamp(10px,1.6vw,16px);height:clamp(10px,1.6vw,16px);flex-shrink:0}.play_overlay{position:absolute;top:0;left:0;right:0;bottom:var(--ctrl-h);background:#4b4b4b;z-index:5}.play_overlay,.play_overlay_btn{display:flex;align-items:center;justify-content:center}.play_overlay_btn{width:clamp(50px,12vw,120px);height:clamp(50px,12vw,120px);min-width:clamp(50px,12vw,120px);min-height:clamp(50px,12vw,120px);background:hsla(0,0%,100%,.95);color:#000;border-radius:50%;cursor:pointer;transition:transform .2s ease,background .2s ease;box-shadow:0 8px 24px rgba(0,0,0,.4)}.play_overlay_btn:hover{background:#fff;transform:scale(1.05)}.play_overlay_btn:active{transform:scale(.95)}.play_overlay_btn:focus-visible{outline:3px solid hsla(0,0%,100%,.8);outline-offset:4px}.play_overlay_btn svg{width:clamp(33px,8vw,80px);height:clamp(33px,8vw,80px)}.spinner{display:flex;align-items:center;justify-content:center}.spinner_circle{width:clamp(40px,8vw,80px);height:clamp(40px,8vw,80px);border:clamp(3px,.6vw,6px) solid hsla(0,0%,100%,.2);border-top-color:hsla(0,0%,100%,.95);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.unavailable_overlay{position:absolute;top:0;left:0;right:0;bottom:var(--ctrl-h);background:#4b4b4b;display:flex;align-items:center;justify-content:center;z-index:5}.unavailable_message{text-align:center;color:#fff;padding:clamp(16px,3.2vw,32px);max-width:400px;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vw,20px)}.unavailable_message svg{width:clamp(28px,5vw,56px);height:clamp(28px,5vw,56px);color:hsla(0,0%,100%,.9)}.unavailable_message p{font-size:clamp(11px,2.5vw,18px);line-height:1.6;font-weight:500;margin:0;white-space:pre-line}.retry_btn{display:flex;align-items:center;gap:clamp(4px,.8vw,8px);background:hsla(0,0%,100%,.15);color:#fff;border:2px solid hsla(0,0%,100%,.3);padding:clamp(6px,1.2vw,12px) clamp(12px,2.4vw,24px);border-radius:8px;font-size:clamp(10px,1.6vw,16px);font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:clamp(4px,.8vw,8px)}.retry_btn:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5);transform:translateY(-1px)}.retry_btn:active{transform:translateY(0)}.retry_btn:focus-visible{outline:2px solid hsla(0,0%,100%,.8);outline-offset:4px}.retry_btn svg{width:clamp(12px,2vw,20px);height:clamp(12px,2vw,20px);flex-shrink:0}.auto_retry_spinner{display:flex;align-items:center;justify-content:center;margin-top:clamp(4px,.8vw,8px)}.auto_retry_spinner_circle{width:clamp(14px,2.4vw,24px);height:clamp(14px,2.4vw,24px);border:clamp(2px,.3vw,3px) solid hsla(0,0%,100%,.2);border-top-color:hsla(0,0%,100%,.8);border-radius:50%;animation:spin .8s linear infinite}.manual_retry_spinner{display:flex;align-items:center;justify-content:center;margin-top:clamp(4px,.8vw,8px)}.manual_retry_spinner_circle{width:clamp(28px,4.8vw,48px);height:clamp(28px,4.8vw,48px);border:clamp(2px,.4vw,4px) solid hsla(0,0%,100%,.2);border-top-color:hsla(0,0%,100%,.95);border-radius:50%;animation:spin .8s linear infinite}