:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101114;--surface:#191b20;--surface-2:#22262d;--ink:#f6f1e8;--muted:#aeb4bd;--coral:#ff5a5f;--teal:#21d3c4;--lime:#b8f35d;--amber:#ffd166;--violet:#8f7cff;--line:#ffffff1f;--shadow:0 22px 70px #00000073;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 20% 0,#21d3c42e,#0000 30%),radial-gradient(circle at 86% 18%,#ffd16629,#0000 27%),linear-gradient(145deg,#101114 0%,#171317 52%,#11181a 100%);margin:0;overflow:hidden auto}button{font:inherit;color:inherit;border:0}.app{width:min(100vw,540px);min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 16px calc(12px + env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:12px;margin:0 auto;display:grid;position:relative}.topbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.eyebrow,.mode-label{color:var(--teal);letter-spacing:0;margin:0;font-size:.74rem;font-weight:800}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(1.35rem,6vw,2rem);line-height:1}h2{letter-spacing:0;word-break:keep-all;font-size:1.35rem;line-height:1.12}.best-pill{border:1px solid var(--line);background:#191b20d1;border-radius:8px;align-content:center;justify-items:end;min-width:86px;min-height:48px;padding:8px 12px;display:grid}.best-pill span,.hud-item span,.result-grid span,.sponsor-slot span,.footer{color:var(--muted);letter-spacing:0;font-size:.72rem;font-weight:800}.best-pill strong{font-size:1.15rem;line-height:1}.hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hud-item{border:1px solid var(--line);background:#191b20e0;border-radius:8px;align-content:center;gap:5px;min-height:58px;padding:10px 12px;display:grid}.hud-item strong{font-variant-numeric:tabular-nums;font-size:clamp(1.2rem,7vw,2rem);line-height:1}.stage-wrap{min-height:0;display:grid}.app.has-result{grid-template-rows:auto auto auto auto}.app.has-result .stage-wrap{display:none}.stage{height:100%;min-height:360px;max-height:calc(100dvh - 260px);box-shadow:var(--shadow);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 24% 24%,#ff5a5f38,#0000 28%),radial-gradient(circle at 84% 74%,#21d3c433,#0000 31%),#161a1f;border:1px solid #ffffff24;border-radius:8px;position:relative;overflow:hidden}.stage.is-running{cursor:crosshair}.target{--size:70px;width:var(--size);height:var(--size);background:radial-gradient(circle at 34% 30%, #fff 0 8%, transparent 9%), radial-gradient(circle, var(--amber) 0 28%, var(--coral) 29% 56%, #8f7cff 57% 100%);opacity:0;will-change:transform, left, top;border:4px solid #ffffffb8;border-radius:50%;transition:transform .1s,opacity 90ms;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 0 12px #ff5a5f21,0 18px 34px #00000061}.target.is-live{opacity:1;animation:.9s ease-in-out infinite targetPulse;transform:translate(-50%,-50%)scale(1)}@keyframes targetPulse{0%,to{box-shadow:0 0 0 10px #ff5a5f21,0 18px 34px #00000061}50%{box-shadow:0 0 0 18px #21d3c41f,0 18px 34px #00000061}}.overlay{text-align:center;background:linear-gradient(#101114a8,#101114e0);align-content:center;justify-items:center;gap:16px;padding:28px;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.subcopy{color:var(--muted);font-size:.96rem;line-height:1.45}.primary-button,.secondary-button{cursor:pointer;border-radius:8px;grid-auto-flow:column;justify-content:center;align-items:center;gap:10px;min-height:48px;font-weight:900;display:inline-grid}.primary-button{background:linear-gradient(135deg, var(--coral), #ff8c42 50%, var(--amber));color:#17100d;min-width:168px;padding:0 22px;box-shadow:0 16px 38px #ff5a5f4d}.primary-button.compact{min-width:0}.secondary-button{border:1px solid var(--line);background:var(--surface-2);min-width:112px;padding:0 18px}.button-icon{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:12px solid;width:0;height:0}.countdown{color:var(--ink);text-shadow:0 16px 36px #00000073;background:#10111480;place-items:center;font-size:clamp(4rem,26vw,8rem);font-weight:1000;display:none;position:absolute;inset:0}.countdown.is-visible{display:grid}.stage.flash-hit{animation:.18s ease-out hitFlash}.stage.flash-miss{animation:.18s ease-out missFlash}@keyframes hitFlash{0%{border-color:#b8f35de6}to{border-color:#ffffff24}}@keyframes missFlash{0%{border-color:#ff5a5fe6}to{border-color:#ffffff24}}.result-panel{border:1px solid var(--line);background:#191b20f0;border-radius:8px;gap:14px;padding:14px;display:grid}.result-panel[hidden]{display:none}.result-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.grade{aspect-ratio:1;color:#151110;background:linear-gradient(135deg, var(--lime), var(--amber));border-radius:8px;place-items:center;width:58px;font-size:2rem;font-weight:1000;display:grid}.result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.result-grid div{border:1px solid var(--line);background:#ffffff09;border-radius:8px;align-content:center;gap:4px;min-height:60px;padding:9px;display:grid}.result-grid strong{font-variant-numeric:tabular-nums;font-size:1.02rem}.result-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.detail-panel{border:1px solid var(--line);background:#ffffff09;border-radius:8px;overflow:hidden}.detail-panel summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 12px;font-weight:900;list-style:none;display:flex}.detail-panel summary::-webkit-details-marker{display:none}.detail-panel summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:9px;height:9px;transition:transform .14s;transform:rotate(45deg)}.detail-panel[open] summary:after{transform:rotate(225deg)}.detail-panel summary strong{color:var(--lime);background:#b8f35d24;border-radius:999px;margin-left:auto;padding:5px 8px;font-size:.74rem}.detail-panel summary strong[data-status=review]{color:var(--amber);background:#ffd16624}.detail-metrics{grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 10px;display:grid}.detail-metrics div,.reaction-row{border:1px solid var(--line);background:#0000001f;border-radius:8px}.detail-metrics div{align-content:center;gap:4px;min-height:56px;padding:9px;display:grid}.detail-metrics span,.reaction-row span,.reaction-row em,.integrity-note{color:var(--muted);font-size:.72rem;font-style:normal;font-weight:800}.detail-metrics strong{font-size:1rem}.reaction-list{gap:6px;padding:0 12px 10px;display:grid}.reaction-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:36px;padding:7px 9px;display:grid}.reaction-row strong{font-size:.86rem}.reaction-row em{text-align:right;min-width:38px;color:var(--teal)}.integrity-note{padding:0 12px 12px;line-height:1.45}.sponsor-slot{background:#ffffff06;border:1px dashed #ffffff2e;border-radius:8px;place-items:center;min-height:58px;display:grid}.footer{justify-content:space-between;min-height:24px;display:flex}@media (width<=380px){.app{gap:9px;padding-left:10px;padding-right:10px}.stage{min-height:322px}h2{font-size:1.22rem}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=720px){.app{min-height:100vh;padding-top:28px;padding-bottom:28px}.stage{min-height:500px}}