:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#071019;color:#f1f5f9}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#071019}body{min-height:100vh}.page{display:flex;min-height:100vh;flex-direction:column}.notice{width:100%;background:#ed1c2e;padding:12px;text-align:center;font-size:14px;font-weight:700;line-height:1.25;color:#f8fafc}main{width:100%;max-width:896px;flex:1;margin:0 auto;padding:16px 12px 24px}.player-frame{position:relative;width:100%;max-width:400px;margin:0 auto;overflow:visible;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#000;box-shadow:0 30px 80px -40px rgba(0,0,0,.9)}#player-host{width:100%;min-height:min(70vh,711px);background:#000}.player-placeholder{position:relative;width:100%;padding:177.7777777778% 0 0;background:#000}.load-error{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:24px;text-align:center;background:rgba(7,16,25,.97)}.load-error.visible{display:flex}.load-error p{margin:0;font-size:14px;font-weight:600}.retry{margin-top:16px;border:0;border-radius:6px;background:#ed1c2e;padding:10px 18px;color:#fff;font:700 14px Arial;cursor:pointer}footer{border-top:1px solid rgba(255,255,255,.1);color:#94a3b8}.footer-inner{max-width:768px;margin:0 auto;padding:20px;text-align:center;font-size:12px;line-height:1.35}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px}.link-button{border:0;background:none;padding:0;color:#94a3b8;font:600 12px Arial;text-decoration:none;cursor:pointer}.link-button:hover{text-decoration:underline}.copyright{margin:8px 0 0;font-weight:500}.modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.8)}.modal.open{display:flex}.dialog{position:relative;width:100%;max-width:512px;max-height:80vh;overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#101b25;padding:24px;color:#cbd5e1;box-shadow:0 25px 50px rgba(0,0,0,.5)}.dialog h2{margin:0 32px 16px 0;color:#f8fafc;font-size:18px}.dialog h3{margin:16px 0 6px;color:#f1f5f9;font-size:14px}.dialog p{margin:0 0 12px;font-size:14px;line-height:1.55}.close{position:absolute;top:10px;right:12px;border:0;background:none;color:#94a3b8;font-size:24px;cursor:pointer}@media(min-width:640px){.notice{font-size:16px}main{padding:24px 24px 48px}.footer-inner{padding:24px 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}