*{box-sizing:border-box}html,body{background:var(--mb-bg);height:100%;color:var(--mb-fg);font:15px/1.45 var(--mb-font);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}.app-layer,.app-overlay{pointer-events:none;position:fixed;inset:0}.app-layer{z-index:10}.app-overlay{z-index:40}.app-screen{pointer-events:none;position:fixed;inset:0}.app-screen.is-full{pointer-events:auto;background:radial-gradient(1200px 800px at 50% 35%, #0d1626 0%, transparent 70%), radial-gradient(900px 600px at 85% 110%, #5ad1ff12 0%, transparent 70%), var(--mb-bg);justify-content:center;align-items:center;padding:24px;display:flex;overflow:auto}.app-screen.is-full:before{content:"";background-image:radial-gradient(circle at 1.5px 1.5px, var(--mb-dot) 1.2px, transparent 1.6px);opacity:.6;pointer-events:none;background-size:32px 32px;position:absolute;inset:0}.app-card{background:var(--mb-surface);border:1px solid var(--mb-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;border-radius:22px;padding:28px;position:relative;box-shadow:0 24px 70px #0000008c}.app-card:before,.app-card:after{content:"";border:2px solid var(--mb-accent);opacity:.5;pointer-events:none;width:26px;height:26px;position:absolute}.app-card:before{border-bottom:0;border-right:0;border-radius:22px 0 0;top:-1px;left:-1px}.app-card:after{border-top:0;border-left:0;border-radius:0 0 22px;bottom:-1px;right:-1px}.app-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.app-title{letter-spacing:.01em;margin:0 0 8px;font-size:26px;font-weight:750}.app-sub{margin:0 0 6px;font-size:16px;font-weight:700}.app-caption,.app-status,.app-tip{color:var(--mb-muted);margin:8px 0}.app-status[data-phase=failed]{color:var(--mb-danger)}.app-tip:empty{display:none}.app-tip{color:#ffe27a}.app-btn{--dwell:0;min-height:56px;font:700 17px/1 var(--mb-font);color:#04121b;background:var(--mb-accent);box-shadow:0 0 26px -6px var(--mb-accent-glow);cursor:pointer;transition:transform .14s var(--mb-ease-out), opacity .14s ease-out;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;display:inline-flex;position:relative;overflow:hidden}.app-btn:hover,.app-btn.is-aimed{transform:scale(1.04)}.app-btn:disabled{opacity:.35;cursor:default;transform:none}.app-btn[hidden]{display:none}.app-btn-fill{transform:scaleX(var(--dwell));transform-origin:0;pointer-events:none;background:#ffffff73;position:absolute;inset:0}.app-btn-label,.app-btn-icon{position:relative}.app-btn-label:empty{display:none}.app-btn-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.app-btn.is-ghost,.app-btn.is-small{color:var(--mb-fg);box-shadow:inset 0 0 0 1.5px var(--mb-line);background:#ffffff0f}.app-btn.is-ghost .app-btn-fill,.app-btn.is-small .app-btn-fill{background:var(--mb-accent-soft)}.app-btn.is-small{min-height:48px;padding:0 18px;font-size:15px}.app-btn.is-active{color:var(--mb-accent);box-shadow:inset 0 0 0 1.5px var(--mb-accent)}.app-btn.is-primary{color:#04121b;background:var(--mb-accent)}.app-btn.is-huge{min-width:min(360px,100%);min-height:96px;margin:18px 0 4px;font-size:26px}.app-btn.is-huge .app-btn-icon{width:34px;height:34px}.app-start{text-align:center;width:min(620px,100%)}.app-logo{letter-spacing:-.01em;margin:0;font-size:clamp(38px,6vw,60px);font-weight:800}.app-logo b{color:var(--mb-accent);text-shadow:0 0 30px var(--mb-accent-glow)}.app-lead{max-width:460px;color:var(--mb-fg);opacity:.85;margin:8px auto 0;font-size:18px}.app-sub{max-width:480px;color:var(--mb-muted);margin:6px auto 0;font-size:14px;line-height:1.5}.app-switch{gap:8px;display:flex}.app-cam{z-index:15;object-fit:cover;background:var(--mb-bg-raise);border:1px solid var(--mb-line);pointer-events:none;display:none;position:fixed;transform:scaleX(-1)}body[data-mode=camera][data-cam=ready] .app-cam,body[data-mode=camera][data-cam=loading] .app-cam{opacity:.85;border-radius:14px;width:168px;height:126px;display:block;top:16px;left:16px}body[data-mode=camera][data-screen=camera] .app-cam,body[data-mode=camera][data-screen=calibration] .app-cam{opacity:1;border-radius:22px;width:min(640px,86vw);height:min(45vh,480px);margin-left:calc(min(640px,86vw)/-2);display:block;top:5vh;left:50%;box-shadow:0 24px 70px #0000008c}.app-screen.is-camera,.app-screen.is-calibration{align-items:flex-end;padding-bottom:5vh}body[data-mode=mouse] .app-screen.is-camera,body[data-mode=mouse] .app-screen.is-calibration{align-items:center}.app-camera,.app-calib{text-align:center;width:min(640px,100%)}.app-seen{color:var(--mb-muted);background:#ffffff0d;border-radius:999px;align-items:center;gap:10px;margin:6px 0 10px;padding:8px 16px;display:inline-flex}.app-seen[hidden]{display:none}.app-seen.is-on{color:#3fe0b0;background:#3fe0b01f}.app-perms{margin:8px 0}.app-perm-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.app-perm{color:var(--mb-muted);background:#ffffff0d;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:600}.app-perm[hidden]{display:none}.app-perm[data-mark=ok]{color:#3fe0b0;background:#3fe0b01f}.app-perm[data-mark=off]{color:var(--mb-danger);background:#ff8a7a1f}.app-perm-advice{max-width:520px;color:var(--mb-danger);margin:8px auto 0;font-size:14px}.app-perm-advice:empty{display:none}.app-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:26px;height:26px}.app-calib-hand{width:96px;height:96px;color:var(--mb-accent);margin:0 auto 8px;position:relative}.app-calib-hand .app-calib-palm,.app-calib-hand .app-calib-fist{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;filter:drop-shadow(0 0 12px var(--mb-accent-glow));transition:opacity .24s ease-out;position:absolute;inset:0}.app-calib-fist{opacity:0}.app-calib[data-step=open] .app-calib-palm{animation:app-spread 1.4s var(--mb-ease-out) infinite}.app-calib[data-step=fist] .app-calib-palm{opacity:0}.app-calib[data-step=fist] .app-calib-fist{opacity:1;animation:app-squeeze .9s var(--mb-ease-out) infinite}.app-calib[data-step=done] .app-calib-hand{color:#3fe0b0}.app-calib[data-step=failed] .app-calib-hand{color:var(--mb-danger)}@keyframes app-spread{0%,to{transform:scale(.92)rotate(-4deg)}50%{transform:scale(1.06)rotate(3deg)}}@keyframes app-squeeze{0%,to{transform:scale(1)}50%{transform:scale(.82)}}.app-steps{color:var(--mb-muted);text-transform:uppercase;letter-spacing:.08em;justify-content:center;gap:18px;margin:0 0 6px;padding:0;font-size:13px;list-style:none;display:flex}.app-calib[data-step=open] .is-open,.app-calib[data-step=fist] .is-fist{color:var(--mb-accent)}.app-bar{--p:0;background:#ffffff12;border-radius:99px;height:8px;margin:10px 0;overflow:hidden}.app-bar-fill{background:var(--mb-accent);height:100%;transform:scaleX(var(--p));transform-origin:0}.app-load{width:min(420px,100%);margin:12px auto 0}.app-load .app-bar{margin:0}.app-load .app-bar-fill{transition:transform .2s linear}.app-load-label{font-variant-numeric:tabular-nums;margin:6px 0 0}.app-load .app-bar.is-waiting .app-bar-fill{animation:1.2s ease-in-out infinite app-load-pulse}@keyframes app-load-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.app-load .app-bar-fill{transition:none;animation:none!important}}.app-screen.is-hud>.app-card{border-radius:18px;width:min(720px,100vw - 440px);min-width:420px;padding:14px 18px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.app-corner{z-index:20;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:fixed;top:16px;left:16px}body[data-mode=camera][data-cam=ready] .app-corner,body[data-mode=camera][data-cam=loading] .app-corner{top:152px}body[data-mode=camera][data-cam][data-screen=camera] .app-corner,body[data-mode=camera][data-cam][data-screen=calibration] .app-corner{top:16px}.app-corner .app-home{display:none}.app-corner.is-home .app-home{display:inline-flex}.app-sound.is-muted{opacity:.6}.app-tut{flex-direction:column;gap:8px;display:flex}.app-tut-head{color:var(--mb-muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:12px;display:flex}.app-tut-dots{gap:6px;display:flex}.app-tut-dots span{background:#ffffff1a;border-radius:9px;width:26px;height:5px;transition:background .2s ease-out}.app-tut-dots span.is-done{background:var(--mb-accent)}.app-tut-main{align-items:flex-start;gap:14px;display:flex}.app-tut-icon{background:var(--mb-accent-soft);width:54px;height:54px;color:var(--mb-accent);border-radius:16px;flex:none;place-items:center;display:grid}.app-tut-icon .app-icon{width:32px;height:32px}.app-tut-title{margin:0;font-size:20px}.app-tut-text{margin:2px 0 0;font-size:16px}.app-tut-note{color:var(--mb-muted);margin:4px 0 0;font-size:13px}.app-tut-note:empty{display:none}.app-tut>.app-btn{align-self:flex-end}.app-tut.is-done .app-tut-icon{color:#3fe0b0;background:#3fe0b024}.app-zone{border:2px dashed color-mix(in srgb, var(--mb-accent) 60%, transparent);background:color-mix(in srgb, var(--mb-accent) 5%, transparent);pointer-events:none;border-radius:22px;position:absolute}.app-zone.is-danger{border-color:color-mix(in srgb, var(--mb-danger) 60%, transparent);background:color-mix(in srgb, var(--mb-danger) 6%, transparent)}.app-zone-title{letter-spacing:.16em;text-transform:uppercase;color:var(--mb-accent);font:600 14px/1.2 ui-monospace,Menlo,Consolas,monospace;position:absolute;top:12px;left:18px}.app-zone.is-danger .app-zone-title{color:var(--mb-danger)}.app-zone-note{color:var(--mb-muted);font-size:14px;position:absolute;top:42px;left:18px}.app-ch,.app-free{align-items:center;gap:16px;display:flex}.app-ch-text,.app-free-text{flex:1;min-width:0}.app-ch-title{font-size:16px;font-weight:750}.app-ch-task,.app-ch-stats,.app-free-status{color:var(--mb-muted);font-size:13px}.app-ch-stats{color:var(--mb-fg);opacity:.8}.app-timer{font-variant-numeric:tabular-nums;min-width:86px;color:var(--mb-accent);text-align:center;font:800 34px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.app-timer.is-low{color:var(--mb-danger);animation:1s ease-in-out infinite app-pulse}@keyframes app-pulse{50%{opacity:.55}}.app-final{width:min(1180px,100%);max-height:100%;overflow:auto}.app-final-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;display:grid}.app-final-board{flex-direction:column;gap:10px;display:flex}.app-final-img{aspect-ratio:16/10;object-fit:contain;background:var(--mb-bg);border:1px solid var(--mb-line);border-radius:14px;width:100%}.app-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0;display:grid}.app-stat{text-align:center;background:#ffffff0a;border-radius:14px;padding:12px}.app-stat-value{color:var(--mb-accent);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.app-stat-label{color:var(--mb-muted);font-size:12px}.app-mistake{background:#ffe27a14;border:1px solid #ffe27a33;border-radius:14px;padding:12px 14px}.app-mistake-label{text-transform:uppercase;letter-spacing:.08em;color:var(--mb-muted);font-size:12px}.app-mistake-title{font-size:17px;font-weight:700}.app-mistake-advice{color:#ffe27a}.app-records{margin-top:14px}.app-nicks{justify-content:flex-start}.app-nicks[hidden]{display:none}.app-rec-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.app-rec-table th{text-align:left;color:var(--mb-muted);padding:4px 6px;font-size:12px;font-weight:600}.app-rec-table td{border-top:1px solid var(--mb-line);padding:5px 6px}.app-rec-table tr.is-current td{color:var(--mb-accent);font-weight:700}.app-rec-score{font-weight:700}.app-final-actions{margin-top:18px}.app-hint{background:var(--mb-surface);border:1px solid var(--mb-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:14px;align-items:center;gap:10px;max-width:340px;padding:10px 14px;font-size:15px;font-weight:600;transition:opacity .16s ease-out;display:flex;position:absolute;top:0;left:0;box-shadow:0 14px 40px #00000080}.app-hint.is-on{opacity:1}.app-hint-icon{color:var(--mb-accent)}.app-hint[data-severity=warn]{border-color:#ff8a7a80}.app-hint[data-severity=warn] .app-hint-icon{color:var(--mb-danger)}.app-cursors.is-off,body[data-mode=mouse] .app-cursors{display:none}.app-cursor{background:var(--mb-accent);width:18px;height:18px;box-shadow:0 0 16px 3px var(--mb-accent-glow);opacity:.8;border-radius:50%;transition:opacity .12s ease-out;position:absolute;top:-9px;left:-9px}.app-cursor.is-fist{background:#fff}.app-cursor.is-hidden{opacity:0}@media (width<=900px){.app-final-grid{grid-template-columns:1fr}.app-screen.is-hud>.app-card{width:calc(100vw - 32px);min-width:0;top:auto;bottom:calc(12vh + 12px)}}@media (prefers-reduced-motion:reduce){.app-calib-hand *,.app-timer.is-low{animation:none!important}}body[data-nav=focus] .mb-cursor{opacity:0!important}