.he-container .he-beat{display:inline-block;margin-top:8px;padding:4px 12px;border-radius:999px;background:var(--primary-muted);color:var(--primary);font-size:12px;font-weight:700}.he-container .he-beat[hidden]{display:none}.he-sound{font-size:15px;line-height:1}.he-sound.is-off{opacity:.45}.he-container .he-board{--he-bg: #2f7cf6;--he-bar: #262d3e;--he-dot-h: #f0932b;--he-dot-v: #12bcc9;position:relative;overflow:hidden;background:var(--he-bg);border-radius:var(--radius);padding:22px 16px 28px;text-align:center;transition:background .25s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}[data-theme=dark] .he-container .he-board{--he-bg: #15459c;--he-bar: #161b27}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .he-container .he-board{--he-bg: #15459c;--he-bar: #161b27}}.he-container .he-board.is-pass{background:#2f9e57}.he-container .he-board.is-fail{background:#c0392b}.he-container .he-board.is-idle{cursor:default}.he-container .he-board:not(.is-idle){cursor:pointer}.he-container .he-level{color:#fff;font-weight:900;line-height:1.1;font-size:clamp(24px,5vw,36px);letter-spacing:-.5px;font-variant-numeric:tabular-nums}.he-container .he-level i{font-style:normal;opacity:.55;margin:0 6px}.he-container .he-subline{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:7px;color:#ffffffe0;font-size:14px;font-weight:600;min-height:22px}.he-container .he-lives{color:#fff;letter-spacing:3px;font-size:13px;background:#ffffff29;border-radius:999px;padding:3px 11px}.he-container .he-arena{position:relative;width:min(100%,420px);aspect-ratio:1;margin:18px auto 0}.he-container .he-bar{position:absolute;background:var(--he-bar);border-radius:999px}.he-container .he-bar-h{left:0;right:0;top:50%;height:14%;transform:translateY(-50%)}.he-container .he-bar-v{top:0;bottom:0;left:50%;width:14%;transform:translate(-50%)}.he-container .he-target{position:absolute;left:50%;top:50%;width:var(--he-tgt, 41%);height:var(--he-tgt, 41%);transform:translate(-50%,-50%);border:2px dashed rgba(255,255,255,.62);border-radius:50%}.he-container .he-dot{position:absolute;left:0;top:0;width:18%;height:18%;border-radius:50%;will-change:transform;box-shadow:0 2px 8px #00000038;display:flex;align-items:center;justify-content:center}.he-container .he-dot span{color:#fff;font-weight:900;line-height:1;font-size:clamp(13px,4.2vw,22px);text-shadow:0 1px 2px rgba(0,0,0,.35);pointer-events:none}.he-container .he-dot.is-stopped span{opacity:.55}.he-container .he-dot-h{background:var(--he-dot-h)}.he-container .he-dot-v{background:var(--he-dot-v)}.he-container .he-dot.is-stopped{box-shadow:0 0 0 3px #ffffffd9,0 2px 8px #00000038}.he-container .he-mark{position:absolute;left:0;top:0;width:7%;height:7%;border-radius:50%;will-change:transform;background:#fff;box-shadow:0 0 0 3px #ffffff59}.he-container .he-mark[hidden]{display:none}.he-container .he-mark.is-bull{background:#ffd83d;box-shadow:0 0 0 5px #ffd83d66}.he-container .he-mark.is-out{background:#1b1f2a;box-shadow:0 0 0 3px #0000004d}@media(max-width:560px){.he-container .he-board{padding:18px 12px 22px}.he-container .he-arena{margin-top:14px}}.he-container .he-start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000057;backdrop-filter:blur(2px);padding:16px}.he-container .he-start[hidden]{display:none}.he-container .he-start-card{background:var(--card);border-radius:var(--radius);padding:22px 20px;max-width:340px;width:100%;box-shadow:0 8px 30px #0000003d}.he-container .he-start-icon{font-size:34px;line-height:1}.he-container .he-start-title{margin-top:8px;font-size:16px;font-weight:800;color:var(--text)}.he-container .he-start-sub{margin-top:8px;font-size:13px;line-height:1.7;color:var(--sub)}.he-container .he-start-sub b{color:var(--text);font-weight:700}.he-container .he-start-tip{margin-top:9px;font-size:12px;color:var(--sub)}.he-container .he-primary{margin-top:14px;padding:11px 22px;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:filter .15s}.he-container .he-primary:hover{filter:brightness(1.07)}.he-container .he-ghost{padding:11px 18px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--sub);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}.he-container .he-ghost:hover{color:var(--text);border-color:var(--sub)}.he-container .he-card{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 6px #00000012;padding:22px 18px;margin-top:14px;text-align:center}.he-container .he-card[hidden]{display:none}.he-container .he-hero{display:flex;align-items:baseline;justify-content:center;gap:6px}.he-container .he-hero-val{font-size:68px;font-weight:900;line-height:1;letter-spacing:-2px;color:var(--primary);font-variant-numeric:tabular-nums}.he-container .he-hero-unit{font-size:24px;font-weight:700;color:var(--sub)}.he-container .he-hero-sub{font-size:13px;color:var(--sub);margin-top:6px}.he-container .he-verdict{display:flex;align-items:flex-start;gap:12px;text-align:left;background:var(--card-alt);border-radius:12px;padding:14px 16px;margin-top:16px}.he-container .he-verdict-icon{font-size:26px;line-height:1.2;flex-shrink:0}.he-container .he-verdict-title{font-size:15px;font-weight:800;color:var(--text)}.he-container .he-verdict-desc{font-size:13px;line-height:1.75;color:var(--sub);margin-top:4px}.he-container .he-verdict-desc b{color:var(--text);font-weight:700}.he-container .he-verdict.fast .he-verdict-title{color:#2f9e57}.he-container .he-verdict.slow .he-verdict-title{color:#c0392b}.he-container .he-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.he-container .he-m{background:var(--card-alt);border-radius:10px;padding:11px 6px}.he-container .he-m-v{font-size:19px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.he-container .he-m-k{font-size:11px;color:var(--sub);margin-top:3px}.he-container .he-act{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:18px}.he-container .he-best{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:var(--radius);box-shadow:0 1px 6px #00000012;padding:12px 16px;margin-top:14px}.he-container .he-best[hidden]{display:none}.he-container .he-best-ic{font-size:18px}.he-container .he-best-body{flex:1;font-size:13px;font-weight:600;color:var(--text)}.he-container .he-best-clear{border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--sub);font-size:12px;font-family:inherit;padding:5px 10px;cursor:pointer}.he-container .he-best-clear:hover{color:var(--text);border-color:var(--sub)}@media(prefers-reduced-motion:reduce){.he-container .he-board{transition:none}}