:root{--bg0: #07141c;--bg1: #0b1f2a;--bg2: #123041;--teal: #2ec4b6;--amber: #ff9f1c;--ink: #e8f4f2;--muted: #8fb4b0;--danger: #ff6b6b;--ok: #4ade80;--panel: color-mix(in srgb, var(--bg1) 88%, transparent);--font-display: "Segoe UI", "Helvetica Neue", sans-serif;--font-body: "Segoe UI", "Helvetica Neue", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:var(--font-body);background:radial-gradient(120% 80% at 10% 0%,#163642 0%,transparent 55%),radial-gradient(90% 70% at 90% 20%,#1c4d45 0%,transparent 50%),linear-gradient(165deg,var(--bg0),var(--bg1) 45%,#0a1820);color:var(--ink)}#app{position:relative;width:100%;height:100%}#ar-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;z-index:2}.hud-top{display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 16px 8px}.brand{font-family:var(--font-display);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;color:var(--teal);text-shadow:0 1px 8px rgba(0,0,0,.45)}.meters{display:flex;gap:14px;font-variant-numeric:tabular-nums;font-weight:700;background:#07141c8c;backdrop-filter:blur(8px);padding:8px 12px;border-radius:10px;border:1px solid rgba(46,196,182,.35)}.meters[data-urgent="1"]{border-color:#ff9f1cbf;box-shadow:0 0 0 1px #ff9f1c40}.meter{display:inline-flex;align-items:baseline;gap:6px}.meter-k{font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}#score-label{min-width:5ch;font-variant-numeric:tabular-nums}.meter-timer #timer-label{min-width:3.2ch;color:var(--amber);font-variant-numeric:tabular-nums}.hint[data-combo]{border-color:#2ec4b68c}.meters[data-urgent="1"] .meter-timer #timer-label{color:var(--danger)}.hint{position:absolute;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);margin:0;max-width:min(92vw,420px);text-align:center;font-size:.95rem;color:var(--ink);background:#07141c9e;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,159,28,.35);animation:hint-in .45s ease both}.vfx-layer{position:absolute;inset:0;overflow:hidden}.vfx-layer.flash{box-shadow:inset 0 0 80px #2ec4b659}.burst{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--burst, var(--amber));box-shadow:0 0 18px var(--burst, var(--amber));animation:burst-pop .55s ease-out forwards;pointer-events:none}.panel{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,420px);max-height:min(90vh,720px);overflow:auto;padding:22px 20px 18px;border-radius:18px;background:var(--panel);border:1px solid rgba(46,196,182,.28);box-shadow:0 20px 60px #00000073;backdrop-filter:blur(14px);animation:panel-in .4s ease both}.panel h1,.panel h2{margin:0 0 8px;font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.4rem,5vw,1.75rem)}.lede{margin:0 0 16px;color:var(--muted);line-height:1.45;font-size:.95rem}.field{display:grid;gap:6px;margin-bottom:10px;font-size:.8rem;color:var(--muted)}.field input{width:100%;border:1px solid rgba(46,196,182,.35);background:#07141cb3;color:var(--ink);border-radius:10px;padding:10px 12px;font-size:.95rem}.cta-row{display:grid;gap:8px;margin-top:14px}.btn{appearance:none;border:0;border-radius:12px;padding:12px 14px;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:wait}.btn.primary{background:linear-gradient(135deg,var(--teal),#1a9e92);color:#04201c}.btn.ghost{background:#ffffff0f;color:var(--ink);border:1px solid rgba(255,255,255,.12)}.target-banner{margin:0 0 12px;padding:10px 12px;border-radius:12px;font-size:.82rem;line-height:1.4;border:1px solid rgba(255,255,255,.12);background:#07141c8c;color:var(--muted)}.target-banner[data-kind=ok]{border-color:#4ade8073;color:var(--ok);background:#143c2859}.target-banner[data-kind=warn]{border-color:#ff9f1c80;color:var(--amber);background:#3c280a66}.target-banner[data-kind=err]{border-color:#ff6b6b80;color:var(--danger);background:#3c141466}.status{min-height:1.2em;margin:12px 0 0;font-size:.82rem;color:var(--muted)}.status[data-kind=ok]{color:var(--ok)}.status[data-kind=warn]{color:var(--amber)}.status[data-kind=err]{color:var(--danger)}.fine{margin:14px 0 0;font-size:.72rem;line-height:1.4;color:color-mix(in srgb,var(--muted) 80%,transparent)}#capture-preview{width:100%;border-radius:12px;margin:8px 0;border:1px solid rgba(255,255,255,.12)}.toast{position:absolute;z-index:5;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);background:#07141ce6;border:1px solid rgba(46,196,182,.4);color:var(--ink);padding:10px 14px;border-radius:999px;font-size:.85rem;animation:hint-in .25s ease both}@keyframes burst-pop{0%{transform:scale(.4);opacity:1}to{transform:scale(3.2);opacity:0}}@keyframes hint-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes panel-in{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(min-width:720px){.cta-row{grid-template-columns:1fr 1fr}.cta-row .btn.primary{grid-column:1 / -1}.results .cta-row{grid-template-columns:1fr}}