*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080f20;color:#e7ecd1;font-family:monospace}body{display:flex;align-items:center;justify-content:center;min-height:100dvh}main{display:flex;flex-direction:column;align-items:center;width:100%}.viewport{position:relative;line-height:0}canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}header{display:flex;align-items:center;justify-content:center;height:28px}.brand,#pad,#hud,.overlay,.vignette,footer{display:none!important}.top{display:flex;gap:16px}.top button{background:#080f20;color:#adbdb5;border:0;padding:4px;font:11px monospace;cursor:pointer}kbd{font:inherit}.touchcontrols{display:none;align-items:center;justify-content:space-between;height:76px;position:absolute;top:100%;left:0;right:0;line-height:1;gap:8px}.touchcontrols button,#touchstick{touch-action:none;user-select:none;-webkit-user-select:none;border:2px solid #52667d;background:#18263b;color:#e7ecd1;font:10px monospace}#touchstick{width:64px;height:64px;position:relative;flex-shrink:0}#touchstick i{position:absolute;width:18px;height:18px;left:21px;top:21px;background:#7896bd}.touchactions{display:flex;gap:4px}.touchactions button{padding:8px 5px;min-height:36px}#touchlaser{min-height:54px;color:#e98c58}#touchevade{color:#a8d5b5}@media(pointer:coarse){.touchcontrols{display:flex}body{padding-bottom:76px}}button:focus-visible,canvas:focus-visible{outline:2px solid #e8c66a}:fullscreen body{background:#080f20}

header,.top{display:none!important}