@font-face{font-family:GuidePixel;src:url('air-beats/fonts/fusion-pixel-12px-proportional-zh_hans.ttf.woff2') format('woff2');font-display:swap}
.pixel-guide[hidden],.pixel-guide [hidden]{display:none!important}
.pixel-guide{position:fixed;inset:0;z-index:3;display:grid;place-items:center;padding:12px;background:rgba(13,16,36,.34);color:#ffedc6;font:18px/1.4 GuidePixel,monospace;font-synthesis:none;text-align:center;box-sizing:border-box}
.pixel-guide section{width:min(540px,100%);box-sizing:border-box;background:#212541;border:2px solid #777598;padding:18px 14px;box-shadow:5px 5px #101329}
.pixel-guide h2{font:28px/1.15 GuidePixel,monospace;margin:0 0 10px;color:#ffe2a5;text-shadow:2px 2px #11152b}
.pixel-guide p{margin:0}
.pixel-guide .guide-rules{font-size:14px;color:#c7bfd8;margin-top:6px}
.guide-picture{width:216px;height:114px;margin:0 auto 8px;position:relative;background:#191d36;border:2px solid #444b71}
.guide-picture svg{display:block;width:100%;height:100%;overflow:visible}
.guide-cross{stroke:#737b9f;stroke-dasharray:2 2;fill:none}
.guide-gesture{fill:#ffe3aa}
.guide-motion{display:none;stroke:#8fe1cf;fill:none}
.pixel-guide[data-step=move] .guide-motion{display:block}
.pixel-guide[data-step=move] .guide-gesture{fill:#a3edda}
.guide-actions{display:flex;justify-content:center;gap:8px;margin-top:13px}
.guide-actions button{font:14px/1 GuidePixel,monospace;color:#ffedc6;background:#303653;border:2px solid #777598;padding:6px 10px;box-shadow:2px 2px #11152b}
.guide-actions button:hover,.guide-actions button:focus-visible{border-color:#ffe2a5}
.guide-count{display:none}
.pixel-guide[data-step=count] svg{display:none}
.pixel-guide[data-step=count] .guide-count{display:grid;place-items:center;height:100%;font-size:84px;line-height:1;color:#a3edda}
.pixel-guide-entry #message:has(#levels){inset:12px auto auto 50%;transform:translateX(-50%);z-index:4;padding:0;pointer-events:none}
.pixel-guide-entry #message:has(#levels) > :not(#levels){display:none}
.pixel-guide-entry #levels button{pointer-events:auto}
@media(max-width:650px){.pixel-guide-entry #message:has(#levels){top:62px}}
@media(max-height:370px){.guide-picture{height:76px;width:144px}.pixel-guide section{padding:8px 12px}.pixel-guide h2{font-size:22px;margin-bottom:4px}}
.camera-panel{z-index:5}
.camera-preview,#preview{z-index:4}
header:has(>.pixel-controls){z-index:5}
body:has(>.pixel-guide:not([hidden])) .camera-panel small:not(.camera-status-sr){visibility:hidden}