:root{color:#34363b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f5f7;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}main{background:#f5f5f7;width:100%;height:100svh;position:relative}.viewport{touch-action:none;outline:none;position:absolute;inset:0}.viewport:focus-visible{outline-offset:-3px;outline:2px solid #8a9bb5}.viewport canvas{cursor:grab;width:100%;height:100%;display:block}.viewport canvas:active{cursor:grabbing}.guide{z-index:2;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;color:#272f3aad;letter-spacing:.12em;text-shadow:0 1px 10px #ffffffb3;align-items:center;gap:.55em;margin:0;font-size:clamp(12px,1.08vw,15px);font-weight:500;line-height:1.4;display:flex;position:absolute;left:50%;transform:translate(-50%)}.guide-top{top:clamp(26px,7.5vh,76px)}.guide-bottom{bottom:clamp(26px,7vh,68px)}.guide-glyph{color:#272f3a75;letter-spacing:0;place-items:center;font-size:1.25em;line-height:1;display:inline-grid}.error{color:#74767b;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.audio-error{font:inherit;color:#74767b;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}