:root{--bg: #0a0a12;--surface: #12121f;--surface-2: #1a1a2e;--accent: #6366f1;--accent-glow: rgba(99, 102, 241, .3);--success: #22c55e;--success-glow: rgba(34, 197, 94, .3);--fail: #ef4444;--fail-glow: rgba(239, 68, 68, .3);--text: #e2e8f0;--text-muted: #94a3b8;--border: #2a2a3e}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;justify-content:center}#root{width:100%;max-width:600px;padding:2rem}.app{display:flex;flex-direction:column;align-items:center;gap:2rem}header{text-align:center}header h1{font-size:2.5rem;font-weight:700;letter-spacing:.1em}.accent{color:var(--accent)}.subtitle{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.loading-panel{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-msg{color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem}.challenge-digits{display:flex;justify-content:center;align-items:center;width:var(--canvas-size);margin-bottom:.5rem}.dot-challenge-canvas{width:100%;border:2px solid var(--border);border-radius:12px;transition:opacity .3s ease}.timer{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:2.25rem;font-weight:700;letter-spacing:.05em;text-align:center;color:var(--border);transition:color .3s;margin-bottom:.25rem}.timer-active{color:var(--accent)}.timer-success{color:var(--success);text-shadow:0 0 20px var(--success-glow)}.timer-fail{color:var(--fail);text-shadow:0 0 20px var(--fail-glow)}.canvas-area{display:flex;flex-direction:column;align-items:center;gap:.5rem}.drawing-canvas{border:2px solid var(--border);border-radius:12px;touch-action:none;width:var(--canvas-size);height:var(--canvas-size);transition:opacity .3s,border-color .3s}.canvas-idle .drawing-canvas{cursor:pointer;opacity:.6}.canvas-active .drawing-canvas{cursor:crosshair;opacity:1;border-color:var(--accent)}.touch-hint{color:var(--text-muted);font-size:.85rem;opacity:.7;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.confidence-track{width:var(--canvas-size);height:6px;background:var(--surface-2);border-radius:3px;position:relative;overflow:visible}.confidence-fill{height:100%;border-radius:3px;transition:width .2s ease}.confidence-fill[data-level=idle]{background:var(--border)}.confidence-fill[data-level=low]{background:var(--fail)}.confidence-fill[data-level=mid]{background:#eab308}.confidence-fill[data-level=high]{background:var(--success);box-shadow:0 0 8px var(--success-glow)}.confidence-threshold{position:absolute;left:97%;top:-3px;width:2px;height:12px;background:var(--text-muted);border-radius:1px}.action-stack{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:var(--canvas-size, 280px);margin-top:1rem}@media(min-width:768px){.action-stack{width:480px}}.btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#5558e6;box-shadow:0 0 20px var(--accent-glow)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-stack{width:100%;padding:.875rem;font-size:1.1rem}.result-panel{width:100%;padding:1.5rem;border-radius:16px;text-align:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-pass{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.3)}.result-fail{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.3)}.result-header{font-size:2rem;font-weight:800;letter-spacing:.15em;margin-bottom:.5rem}.result-pass .result-header{color:var(--success);text-shadow:0 0 30px var(--success-glow)}.result-fail .result-header{color:var(--fail);text-shadow:0 0 30px var(--fail-glow)}.result-time{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.leaderboard{width:100%}.leaderboard-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:.5rem}.leaderboard-rows{display:flex;flex-direction:column;gap:.25rem}.leaderboard-row{display:flex;align-items:center;gap:.75rem;padding:.375rem .75rem;border-radius:6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;color:var(--text-muted)}.leaderboard-current{background:#22c55e26;color:var(--success);font-weight:700}.leaderboard-pr{background:#ffffff14;color:#fff;font-weight:700}.leaderboard-rank{width:1.5rem;flex-shrink:0;font-weight:700}.leaderboard-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}.leaderboard-current .leaderboard-label,.leaderboard-pr .leaderboard-label,.leaderboard-off-board .leaderboard-label{text-align:center}.leaderboard-time{flex-shrink:0;text-align:right}.leaderboard-msg{margin-top:.75rem;font-size:.85rem;font-weight:600;color:var(--success)}.leaderboard-miss{color:var(--text-muted)}.leaderboard-off-board{margin-top:.25rem;background:#dc32321f;color:#dc5050;font-weight:700}.verdict-section{margin-bottom:1.25rem}.verdict-badge{display:inline-block;padding:.25rem 1rem;border-radius:6px;font-size:.9rem;font-weight:800;letter-spacing:.15em;margin-bottom:.375rem}.verdict-human{background:#22c55e26;color:var(--success);border:1px solid rgba(34,197,94,.3)}.verdict-bot{background:#ef444426;color:var(--fail);border:1px solid rgba(239,68,68,.3)}.verdict-uncertain{background:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.3)}.verdict-confidence{font-size:.8rem;color:var(--text-muted)}.verdict-neighbors{opacity:.7}.verdict-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.verdict-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.stats-wrapper{width:100%}.btn-stats-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem}.stats-chevron{font-size:.7rem;transition:transform .3s ease}.stats-chevron-open{transform:rotate(180deg)}.stats-drawer{max-height:0;overflow:hidden;transition:max-height .4s ease}.stats-drawer-open{max-height:800px}.stats-content{padding-top:1rem;display:flex;flex-direction:column;gap:1rem}.stats-section{text-align:left}.stats-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:.5rem}.stats-grid{display:flex;gap:.5rem}.stats-digit-card{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.625rem;text-align:center}.stats-digit-target{font-size:1.5rem;font-weight:800;color:var(--accent);margin-bottom:.375rem}.stats-digit-row{display:flex;justify-content:space-between;font-size:.7rem;padding:.125rem 0}.stats-table{display:flex;flex-direction:column}.stats-row{display:flex;justify-content:space-between;padding:.3rem .5rem;font-size:.8rem;border-bottom:1px solid var(--border)}.stats-row:last-child{border-bottom:none}.stats-label{color:var(--text-muted)}.stats-value{font-family:JetBrains Mono,Fira Code,monospace;font-weight:600;color:var(--text)}.stats-unit{color:var(--text-muted);font-weight:400;font-size:.7rem}main{display:flex;flex-direction:column;align-items:center;width:100%;--canvas-size: 280px}@media(min-width:768px){main{--canvas-size: 400px}}