*{box-sizing:border-box}html,body{margin:0;height:100%;background:#050a10;color:#eef3f9;font:15px/1.5 'Segoe UI',Arial,sans-serif}header{position:absolute;top:0;left:0;right:0;z-index:3;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(#070c13e6,transparent);pointer-events:none}header>*{pointer-events:auto}h1{margin:0;font-size:24px;font-weight:500;letter-spacing:.02em}header p{margin:3px 0;color:#acbac8;font-size:12px}a{color:inherit;text-decoration:none;border-bottom:1px solid #657486}main{height:100%;width:100%;position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%;outline-offset:-5px}#poster{position:absolute;width:100%;height:100%;object-fit:contain;background:#050a10}#gate{position:absolute;inset:auto 20px 10%;text-align:center;background:radial-gradient(ellipse,#050a10c9,transparent 65%)}#gate p{color:#c1d2df;font-size:13px}.eyebrow{text-transform:uppercase;letter-spacing:.22em}button,select{font:inherit;color:#e5eef8;background:#101c28e8;border:1px solid #63758b;border-radius:5px;padding:8px 12px;min-height:44px;cursor:pointer}.primary{padding:12px 28px;background:#cbe4ed;color:#0c1b25;border-color:#e4f5ff;font-weight:600}#loading{position:absolute;inset:43% 20px auto;text-align:center;color:#d5e8f6;background:#09111ee6;padding:16px;border-radius:8px;margin:auto;max-width:430px}.tools{position:absolute;bottom:18px;left:20px;right:20px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.tools>*{pointer-events:auto}.views,.settings{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:8px}.settings{padding:6px 10px;border-radius:8px;background:#070e17d9}.settings label{font-size:12px;color:#a8bccb;display:flex;align-items:center;gap:6px}.settings select{font-size:13px}.tools p{margin:0;color:#a5b7c8;font-size:11px;text-align:center}#quality-status:empty{display:none}button:focus-visible,a:focus-visible,canvas:focus-visible,select:focus-visible{outline:2px solid #9bd8ff;outline-offset:4px}[hidden]{display:none!important}.noscript{position:absolute;top:50%;left:10%;right:10%;text-align:center}@media(max-width:600px){header{padding:12px 16px;align-items:flex-start}h1{font-size:20px}header a{font-size:12px}.tools{bottom:10px;left:8px;right:8px;gap:5px}.views{gap:5px}.views button{font-size:12px;padding:6px 10px}.settings{gap:5px;padding:4px}.settings label{flex-direction:column;gap:0;font-size:10px}.settings select{padding:4px 6px}.settings button{font-size:12px}.tools p{font-size:10px;max-width:90%}#gate{bottom:8%}}