:root{--bg: #0c1014;--panel: #11161c;--ink: #e6edf3;--ink-dim: rgba(230, 237, 243, .55);--faint: rgba(230, 237, 243, .16);--ghost: rgba(230, 237, 243, .07);--signal: #2ed9ff;--truth: #4bd88a;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans)}#app{width:100%;max-width:920px;min-height:100dvh;margin:0 auto;padding:10px 16px 24px;display:flex;flex-direction:column;align-items:center;gap:10px}#hdr{display:flex;align-items:baseline;gap:10px;padding:6px 0;font-family:var(--mono);letter-spacing:.25em}.brand{font-weight:700;font-size:17px}#hdr-no{color:var(--ink-dim);font-size:14px;letter-spacing:.1em}#main{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}#stage{position:relative;width:min(100%,880px,calc((100dvh - 100px)*1.6));aspect-ratio:8 / 5;border:1px solid var(--faint);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#cv{display:block;width:100%;height:100%}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center}#hud>*{pointer-events:auto}.chip{position:absolute;top:10px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:14px;color:var(--ink-dim);background:var(--panel);border:1px solid var(--faint);padding:8px 14px;white-space:nowrap;pointer-events:none!important}.chip b{color:var(--signal);font-size:16px;font-weight:700}.btn{font-family:var(--mono);font-size:16px;letter-spacing:.08em;min-height:48px;min-width:130px;padding:10px 28px;background:transparent;color:var(--ink);border:1px solid var(--ink);cursor:pointer}.btn.primary{background:var(--signal);color:#05242d;border-color:var(--signal);font-weight:700}.btn:focus-visible{outline:2px solid var(--signal);outline-offset:3px}#screen{width:100%}.card{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;padding:48px 20px}.card .step{font-family:var(--mono);font-size:12px;letter-spacing:.35em;color:var(--ink-dim)}.card .tag{font-family:var(--mono);font-size:28px;font-weight:700}.card p{font-size:18px;line-height:1.55;max-width:460px}.wordmark{font-family:var(--mono);font-size:clamp(34px,8vw,52px);font-weight:700;letter-spacing:.3em;margin-right:-.3em}.emoji-row{font-size:24px;letter-spacing:.4em;margin-right:-.4em}.count-form{display:flex;flex-direction:column;align-items:center;gap:12px;background:#0c1014f0;border:1px solid var(--faint);padding:20px 28px}.count-form label{font-family:var(--mono);font-size:14px;letter-spacing:.12em;color:var(--ink-dim)}.count-form input{font-family:var(--mono);font-size:34px;text-align:center;width:140px;background:transparent;border:none;border-bottom:2px solid var(--signal);color:var(--signal);padding:2px 4px 6px;outline:none}.results{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0 30px;text-align:center}.results .step{font-family:var(--mono);font-size:12px;letter-spacing:.35em;color:var(--ink-dim)}.total{font-family:var(--mono);display:flex;align-items:baseline;gap:16px}.total-num{font-size:72px;font-weight:700;line-height:1}.total-grade{font-size:44px;font-weight:700;color:var(--signal)}.radar-wrap{width:min(360px,92vw)}.radar{width:100%;height:auto;display:block}.rows{width:100%;max-width:480px;display:flex;flex-direction:column;gap:6px;font-family:var(--mono)}.row{display:grid;grid-template-columns:28px 76px 1fr 44px 22px;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--faint);font-size:14px;text-align:left}.row .human{color:var(--ink-dim);font-size:12px}.row .pct{color:var(--signal);opacity:.75}.stats-line{font-family:var(--mono);font-size:13px;color:var(--ink-dim)}.nav-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.archive{gap:14px}.arch-list{width:100%;max-width:440px;display:flex;flex-direction:column;gap:6px}.arch-row{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;min-height:48px;padding:8px 14px;background:transparent;border:1px solid var(--faint);color:var(--ink);font-family:var(--mono);font-size:14px;text-align:left;cursor:pointer}.arch-row:hover,.arch-row:focus-visible{border-color:var(--ink-dim)}.arch-no{color:var(--ink-dim)}.arch-score{color:var(--signal);font-weight:700}.row .pts{text-align:right;color:var(--signal);font-weight:700;font-size:16px}.row .grade{text-align:center;color:var(--ink-dim)}.results .btn{margin-top:8px}.footer{font-family:var(--mono);font-size:13px;color:var(--ink-dim);margin-top:8px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);font-family:var(--mono);font-size:14px;padding:10px 18px;z-index:10}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}