*{box-sizing:border-box}html,body{margin:0;background:#071b22;color:#eff8f6;font:15px system-ui,sans-serif}body{height:100dvh;display:flex;flex-direction:column}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;border-radius:8px}header{height:74px;padding:0 32px;display:flex;align-items:center;gap:32px;border-bottom:1px solid #ffffff12;flex-shrink:0}header a{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:2px;text-decoration:none;color:inherit}header img{width:36px}header>span{font-size:10px;letter-spacing:2px;color:#88a5a9}header button{margin-left:auto;padding:10px 16px;background:#17313a;color:#d3e8e7}button:disabled{opacity:.4;cursor:default}main{position:relative;flex:1;min-height:0;overflow:hidden;background:#0b2027}canvas{width:100%;height:100%;display:block;outline:none}#welcome{position:absolute;inset:0;background:url(poster.png) center/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#071b22f5 0%,#071b22d9 34%,#071b2230 100%)}.intro{position:relative;padding:clamp(24px,6vh,90px) 6vw;max-width:690px}.eyebrow{font-size:10px;letter-spacing:2.6px;color:#42ddbe}h1{font-size:clamp(32px,4.5vw,68px);line-height:1.05;letter-spacing:-2px;margin:24px 0}p{line-height:1.65;color:#bfd0d1}.facts{display:flex;gap:40px;margin:28px 0;font-size:27px;font-weight:600}.facts small{display:block;font-size:11px;font-weight:400;color:#91aaae;margin-top:3px}#launch{padding:16px 22px;background:#3bdbb9;color:#052c2b;font-weight:750;min-width:245px;display:flex;justify-content:space-between;gap:32px}#launch:hover{background:#6ce8ce}.fine{font-size:11px}progress{width:100%;accent-color:#3bdbb9;height:8px}#loading{max-width:360px}#status{font-size:12px}footer{display:flex;justify-content:space-between;gap:16px;padding:15px 32px;font-size:10px;color:#8ca6aa;flex-shrink:0}footer b{color:#d0e0df;font-weight:500}#error{position:absolute;inset:0;background:#071b22f5;padding:10vh 8vw}#error button{padding:14px 22px;background:#3bdbb9}#rotate{display:none;position:absolute;bottom:16px;left:16px;right:16px;padding:12px;background:#071b22e8;border-radius:8px;font-size:12px;text-align:center}main:fullscreen{width:100vw;height:100dvh}body.playing footer{display:none}body.playing header{height:48px}body.playing header>span{display:none}[hidden]{display:none!important}@media(max-width:700px){header{padding:0 16px;height:56px;gap:10px}header>span{display:none}header a{font-size:12px}header button{font-size:11px;padding:8px}footer{padding:12px 16px}footer>span:first-child{display:none}.intro{padding:28px 24px}.facts{margin:18px 0}h1{margin:20px 0}#rotate{display:block}body.playing #rotate{pointer-events:none}}@media(orientation:landscape){#rotate{display:none}}@media(max-height:550px){.intro{padding:20px 5vw}h1{font-size:34px;margin:12px 0}.intro>p{margin:8px 0}.facts{margin:12px 0;gap:28px;font-size:20px}.fine{margin:6px 0}header{height:44px}footer{padding:8px 20px}}
canvas{touch-action:none;user-select:none;-webkit-user-select:none}button:focus-visible,a:focus-visible{outline:2px solid #71f4d7;outline-offset:4px}