*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#071018;color:#d4f3f4;font-family:Arial,sans-serif}#player{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}canvas{width:100%;height:100%;display:block;outline:none}#loading,#error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;background:radial-gradient(ellipse at 60% 40%,#173d49,#071018 70%)}#error[hidden],#loading[hidden]{display:none}#loading span{font-size:12px;letter-spacing:.2em;color:#8fbdc8}h1{font-size:32px;font-weight:400;margin:18px 0 8px}p{font-size:14px;line-height:1.7;max-width:460px}progress{width:min(340px,80%);height:6px;accent-color:#a7ecee}a{color:#a7ecee}noscript{position:absolute;inset:0;padding:40px;background:#071018}