html,body{color:#e8e6f0;background:#101018;height:100%;margin:0;font-family:system-ui,Microsoft YaHei,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#app canvas{display:block}#hud{pointer-events:auto;background:#0000008c;border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;max-width:calc(100vw - 48px);padding:8px 12px;font-size:13px;display:flex;position:fixed;top:12px;left:12px}#hud .row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}#hud .button{cursor:pointer;background:#ffffff26;border-radius:4px;padding:3px 10px}#hud .button:hover{background:#ffffff40}#hud button.button{color:inherit;font:inherit;border:none}#hud button.button.capturing{background:#b33}#more summary{cursor:pointer;-webkit-user-select:none;user-select:none}#more>.row{margin-top:6px}#hud input[type=number]{width:56px}#stats:empty{display:none}#failbar{background:#ffffff26;border-radius:2px;width:240px;height:4px;overflow:hidden}#failbar>div{background:#ff4e4e;width:0;height:100%}#judge{text-shadow:0 2px 6px #000000b3;pointer-events:none;opacity:0;font-size:28px;font-weight:700;position:fixed;top:30%;left:50%;transform:translate(-50%)}#judge.show{animation:.6s ease-out forwards judge-fade}@keyframes judge-fade{0%{opacity:1;transform:translate(-50%)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-12px)}}#message{pointer-events:none;background:#0000008c;border-radius:8px;padding:8px 16px;font-size:16px;position:fixed;bottom:12%;left:50%;transform:translate(-50%)}