html.runner,body.runner{height:100%;overflow:hidden;background:#000;overscroll-behavior:none;touch-action:none}html.runner.hide-cursor,body.runner.hide-cursor{cursor:none!important}.stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#000;overflow:hidden;z-index:1}@supports (height: 100dvh){.stage{height:100dvh}}.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;object-fit:contain;opacity:0;transition:opacity .18s ease;display:block;background:#000}@supports (height: 100dvh){.bg{height:100dvh}}.bg.show{opacity:1}img.bg{transition:none}video.bg{pointer-events:none}.pair-stage{display:flex;align-items:center;justify-content:center;gap:min(4vw,48px);padding:min(6vw,56px);box-sizing:border-box}.pair-image{flex:1 1 0;width:min(38vw,560px);max-width:560px;max-height:calc(100vh - 112px);object-fit:contain;display:block}.stage-highlight{position:absolute;width:min(28vw,320px);height:min(28vw,320px);border:4px solid rgba(250,204,21,.92);border-radius:28px;box-shadow:0 0 0 9999px #0000002e,0 0 24px #facc1573;pointer-events:none;z-index:3}.stage-highlight.quadrant-tl{top:10vh;left:8vw}.stage-highlight.quadrant-tr{top:10vh;right:8vw}.stage-highlight.quadrant-bl{bottom:10vh;left:8vw}.stage-highlight.quadrant-br{bottom:10vh;right:8vw}@media (max-width: 900px){.pair-stage{gap:16px;padding:16px}.pair-image{width:44vw;max-height:calc(100dvh - 48px)}.stage-highlight{width:30vw;height:30vw;border-radius:20px}}.runner-preview-stage{position:relative;width:min(100%,44vh,420px);aspect-ratio:1 / 1;border-radius:24px;overflow:hidden;background:#05070c;box-shadow:0 18px 44px #0000006b;justify-self:center}.runner-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#111;object-fit:cover;z-index:3}.runner-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;pointer-events:auto;background:transparent}.runner-preview-overlay.clickable{cursor:pointer}.runner-guide-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.runner-guide-pane{position:absolute;background:#02061747;-webkit-backdrop-filter:blur(10px) saturate(115%);backdrop-filter:blur(10px) saturate(115%)}.runner-guide-pane.top,.runner-guide-pane.bottom{left:0;right:0;height:14%}.runner-guide-pane.top{top:0}.runner-guide-pane.bottom{bottom:0}.runner-guide-pane.left,.runner-guide-pane.right{top:14%;bottom:14%;width:14%}.runner-guide-pane.left{left:0}.runner-guide-pane.right{right:0}.runner-guide-square{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:24px;border:3px solid rgba(250,204,21,.92);box-shadow:0 0 0 1px #ffffff2e,inset 0 0 0 1px #ffffff14}.runner-guide-mask.is-ready .runner-guide-square{border-color:#22c55ef5;box-shadow:0 0 0 1px #a7f3d03d,0 0 30px #22c55e2e}.runner-guide-mask.is-warning .runner-guide-square{border-color:#facc15f5}.runner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box;z-index:4;pointer-events:none}.runner-ui{pointer-events:auto;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-align:center;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;padding:0;max-width:none}.runner-ui-start{width:min(100%,980px);max-height:calc(100dvh - 24px);display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:clamp(14px,2.4vw,28px);align-items:center}.runner-start-panel{min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.runner-start-copy{min-height:0}.runner-start-stepper{margin-top:2px}.runner-start-status{display:flex;min-height:48px;flex-direction:column;justify-content:center;align-items:center;gap:8px}.runner-start-status-inline{display:flex;align-items:center;justify-content:center;gap:10px}.runner-start-status-copy,.runner-start-meta{opacity:.82}.runner-start-actions{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.runner-start-actions .MuiButton-root{min-height:48px;border-radius:14px}@media (max-width: 860px){.runner-overlay{align-items:stretch}.runner-ui-start{width:min(100%,640px);margin:auto;grid-template-columns:1fr;gap:12px;align-content:center;justify-items:center}.runner-preview-stage{width:min(82vw,38vh,320px);border-radius:22px}.runner-guide-square{border-radius:20px}.runner-start-panel{width:min(100%,560px);gap:10px}.runner-ui-start{max-height:calc(100dvh - 24px)}}@media (max-height: 820px){.runner-preview-stage{width:min(100%,34vh,320px)}.runner-start-panel,.runner-start-actions{gap:8px}}@media (max-height: 700px){.runner-overlay{padding:10px}.runner-ui-start{gap:10px;max-height:calc(100dvh - 20px)}.runner-preview-stage{width:min(100%,28vh,250px);border-radius:18px}.runner-guide-square{border-radius:16px}.runner-start-status{min-height:36px;gap:6px}.runner-start-actions .MuiButton-root{min-height:42px}}@media (max-width: 480px){.runner-start-actions{grid-template-columns:1fr}}.camHidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.hud{position:absolute;left:12px;bottom:12px;background:#02061799;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#fff;padding:6px 10px;border-radius:12px;font:14px system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;z-index:5}.hud-top{top:12px;bottom:auto;width:min(520px,calc(100vw - 24px))}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.hud-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-bar{margin-top:8px;height:6px;border-radius:999px;background:#ffffff29;overflow:hidden}.hud-bar>i{display:block;height:100%;width:0%;background:#60a5faf2;border-radius:999px}.full{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;padding:24px;color:#fff;background:#000}.center{align-items:center;justify-content:center}.stack{flex-direction:column;gap:14px}.error{color:#fca5a5}