:root{color-scheme:dark;font-family:Arial,sans-serif;background:#080606;color:#fff}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;min-height:100%;overflow:auto}
.player{position:relative;display:flex;align-items:end;min-height:100%;max-width:800px;margin:auto;background:#080606;isolation:isolate}
.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}
.player::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08060600,#080606d9 42%,#080606 100%);z-index:-1}
.panel{width:100%;padding:clamp(20px,5vw,36px)}
.eyebrow{font-size:10px;letter-spacing:.12em;color:#d5c2af}
h1{font-family:"Arial Narrow",Impact,Arial,sans-serif;font-size:clamp(28px,7vw,46px);line-height:.96;margin:14px 0;letter-spacing:.01em}
#player-status{font-size:14px;line-height:1.45;max-width:38em;color:#e3d8ce;min-height:40px}
.launch,button{display:block;width:100%;min-height:44px;text-align:center;font:700 13px Arial,sans-serif;letter-spacing:.06em;text-decoration:none;cursor:pointer}
.launch{background:#efe8dd;color:#160a08;padding:15px;margin-top:18px}
button{background:#160b0980;color:#dfd1c3;border:1px solid #655147;margin-top:10px}
:is(a,button):focus-visible{outline:2px solid #fff;outline-offset:4px}
#copy-status{font-size:12px;margin:8px 0;min-height:14px}
.ownership{display:flex;gap:8px;align-items:center;margin-top:14px;font-size:12px}
#inline-options>label[for]{display:block;font-size:10px;letter-spacing:.12em;margin:12px 0 6px}
select{width:100%;padding:10px;background:#160b09;color:#eee;border:1px solid #655147;font:14px Arial,sans-serif}
#inline-play{background:#efe8dd;color:#160a08;border:0}
#inline-play:disabled{opacity:.4;cursor:default}
[hidden]{display:none!important}
.credit{font-size:10px;color:#b09f91;line-height:1.5;margin:10px 0 0}
@media(max-height:380px){.panel{padding:16px}h1{font-size:28px}#player-status{font-size:12px;min-height:0}.launch{margin-top:10px}.credit{display:none}}