:root{--accent:#30ea1b;--accent-soft:#30ea1b2e;--accent-glow:#30ea1b73;--accent-2:#13ffc3;--ink:#e6edf3;--ink-dim:#8b97a6;--ink-faint:#5a6573;--bg:#07090c;--panel:#0e1116b8;--panel-border:#ffffff14;--panel-border-strong:#ffffff29;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--radius:10px;--radius-sm:4px;--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);font-family:var(--font-sans);background:radial-gradient(circle at 50% 35%,#11151b 0%,#05070a 60%,#000 100%);min-height:100vh;overflow:hidden}canvas{display:block}.hidden,[hidden]{display:none!important}.overlay{-webkit-backdrop-filter:blur(10px)saturate(140%);z-index:50;animation:overlay-fade-in .22s var(--ease);background:radial-gradient(circle,#07090cb8,#000000eb);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);min-width:360px;animation:card-rise .32s var(--ease);flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 3rem;display:flex;position:relative;box-shadow:0 30px 80px #0009,inset 0 0 80px #30ea1b0d}@keyframes card-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.6;height:1px;position:absolute;top:0;left:12%;right:12%}.card-title{letter-spacing:.45em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 24px #30ea1b26;margin:0;font-size:1.4rem;font-weight:500}.card-status{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);font-size:.78rem}.progress-bar{background:#ffffff0d;border-radius:2px;width:100%;height:3px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0%;height:100%;box-shadow:0 0 12px var(--accent-glow);transition:width .24s var(--ease)}.progress-bar:after{content:"";animation:shimmer 1.8s var(--ease) infinite;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}button{cursor:pointer;font-family:inherit}button:focus{outline:none}#start{border-radius:var(--radius-sm);color:var(--ink);-webkit-backdrop-filter:blur(8px);transition:transform .18s var(--ease), border-color .18s var(--ease), background-color .18s var(--ease), box-shadow .18s var(--ease);animation:start-rise .32s var(--ease);z-index:40;background:#0a0d118c;border:1px solid #30ea1b59;flex-direction:column;align-items:center;gap:.4rem;padding:1rem 3.25rem;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 28px #30ea1b1f,0 12px 36px #00000080}@keyframes start-rise{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}#start:hover{background:var(--accent-soft);border-color:#30ea1bcc;transform:translate(-50%,-52%);box-shadow:0 0 40px #30ea1b59,0 18px 48px #0000008c}#start:active{transform:translate(-50%,-50%)}.btn-label{letter-spacing:.4em;text-transform:uppercase;color:var(--ink);font-size:1rem;font-weight:600}.btn-hint{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--ink-faint);font-size:.65rem}.btn-primary,.menu .resume{appearance:none;background:var(--accent-soft);border-radius:var(--radius-sm);color:var(--ink);letter-spacing:.35em;text-transform:uppercase;transition:background-color .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease), transform .16s var(--ease);border:1px solid #30ea1b80;padding:.7rem 2.5rem;font-size:.85rem;font-weight:600;box-shadow:0 0 24px #30ea1b26}.btn-primary:hover,.menu .resume:hover{border-color:var(--accent);background:#30ea1b47;transform:translateY(-1px);box-shadow:0 0 32px #30ea1b66}.btn-primary:active,.menu .resume:active{transform:translateY(0)}.btn-secondary,.menu .reset{appearance:none;color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;text-underline-offset:4px;transition:color .16s var(--ease), text-decoration-color .16s var(--ease);background:0 0;border:none;margin-top:12px;font-size:.72rem;font-weight:500;text-decoration-color:#ffffff1f}.btn-secondary:hover,.menu .reset:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink-dim);text-decoration-color:var(--ink-dim)}.btn-secondary:active,.menu .reset:active{color:var(--ink-dim)}.menu-buttons{flex-direction:column;align-items:center;gap:.5rem;display:flex}.controls{border-top:1px solid var(--panel-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1.5rem;width:100%;margin:.5rem 0 0;padding:1rem 0 0;list-style:none;display:grid}.controls li{letter-spacing:.05em;color:var(--ink-dim);justify-content:space-between;align-items:center;gap:.75rem;font-size:.78rem;display:flex}.controls li span{text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.15em;color:var(--ink-faint);font-size:.7rem}kbd{border:1px solid var(--panel-border-strong);min-width:1.6em;font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink);background:#ffffff0a;border-bottom-width:2px;border-radius:4px;padding:.18rem .55rem;font-size:.72rem;font-weight:600;display:inline-block;box-shadow:inset 0 1px #ffffff0a,0 1px #0006}.crosshair{pointer-events:none;z-index:5;--crosshair-spread:4px;--crosshair-length:14px;--crosshair-color:#13ffc3d9;--crosshair-glow:#30ea1be6;--crosshair-ease:cubic-bezier(.2, .7, .2, 1);width:200px;height:200px;margin:auto;position:fixed;inset:0}.crosshair__line{background-color:var(--crosshair-color);box-shadow:0 0 6px var(--crosshair-glow), 0 0 3px #ffffffb3;transition:transform .18s var(--crosshair-ease);will-change:transform;position:absolute;top:50%;left:50%}.crosshair__line--h{width:var(--crosshair-length);height:1px}.crosshair__line--v{width:1px;height:var(--crosshair-length)}.crosshair__line--left{transform:translate(calc(-100% - var(--crosshair-spread)), -50%)}.crosshair__line--right{transform:translate(var(--crosshair-spread), -50%)}.crosshair__line--top{transform:translate(-50%, calc(-100% - var(--crosshair-spread)))}.crosshair__line--bottom{transform:translate(-50%, var(--crosshair-spread))}.crosshair__dot{background:var(--crosshair-color);width:2px;height:2px;box-shadow:0 0 4px var(--crosshair-glow);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair.accuracy-100{--crosshair-spread:4px}.crosshair.accuracy-75{--crosshair-spread:14px}.crosshair.accuracy-50{--crosshair-spread:28px}.crosshair.accuracy-25{--crosshair-spread:50px}.lil-gui.autoPlace{right:0!important}