:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#10161d}*{box-sizing:border-box}html,body,#stage{width:100%;height:100%;margin:0;overflow:hidden;background:#10161d}#stage{position:relative;display:grid;place-items:center}#player{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#10161d}#brand{position:absolute;top:4.5vh;left:4.5vw;display:grid;grid-template-columns:9px auto;grid-template-rows:auto auto;column-gap:18px;filter:drop-shadow(0 2px 8px #0008);transition:opacity .35s}#brand i{grid-row:1/3;width:9px;background:#ed1b2f}#brand b{font-size:clamp(24px,2.4vw,46px);line-height:1;color:#fff}#brand span{font-weight:700;font-size:clamp(14px,1.25vw,24px);color:#d7dce1;margin-top:6px}#message{position:absolute;inset:0;display:none;place-content:center;text-align:center;padding:8vw;background:radial-gradient(circle at center,#1d2733,#10161d)}#message strong{display:block;font-size:clamp(38px,5vw,92px)}#message span{display:block;margin-top:24px;font-size:clamp(20px,2vw,38px);color:#d7dce1}#start{display:none;position:absolute;left:50%;bottom:10vh;transform:translateX(-50%);border:0;border-radius:14px;background:#ed1b2f;color:white;padding:22px 42px;font:700 clamp(22px,2vw,36px)/1 Arial;box-shadow:0 12px 36px #0008}#status{position:absolute;right:2vw;bottom:2vh;padding:7px 12px;border-radius:8px;background:#10161dcc;color:#cbd3da;font-size:clamp(11px,.8vw,16px);letter-spacing:.08em;opacity:0;transition:opacity .3s}#status.show{opacity:1}.playing #brand{opacity:0}.error #message{display:grid}.error #brand{opacity:1}@media (prefers-reduced-motion:reduce){*{transition:none!important}}