*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#091126;font-family:Arial,sans-serif;touch-action:none}canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.hud{position:fixed}.hud{}#hud{position:fixed;top:16px;left:20px;right:20px;display:flex;justify-content:space-between;color:white;font-size:17px;letter-spacing:2px;text-shadow:0 2px 3px #000;z-index:3;pointer-events:none}#screen{position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.35);color:white;text-align:center}#title{font-size:clamp(42px,9vw,82px);font-weight:900;letter-spacing:5px;text-shadow:0 6px #111}#sub{margin-top:12px;font-size:14px;font-weight:800;letter-spacing:2px}button{margin-top:24px;padding:15px 44px;border:0;border-radius:8px;background:white;color:#111;font-size:20px;font-weight:900;cursor:pointer;box-shadow:0 5px #8b93a8}button:active{transform:translateY(4px);box-shadow:0 1px #8b93a8}.off{display:none!important}