:root{--hud-bg: #060a10;--hud-panel: rgba(8, 14, 24, .88);--hud-border: rgba(0, 212, 255, .18);--hud-border-active: rgba(0, 212, 255, .55);--hud-cyan: #00d4ff;--hud-cyan-dim: #0090b3;--hud-amber: #f4ce43;--hud-amber-dim: rgba(244, 206, 67, .25);--hud-text: #c8d8ec;--hud-text-bright: #e8f0ff;--hud-red: #ff4c4c;--hud-glow-cyan: 0 0 12px rgba(0, 212, 255, .35), 0 0 40px rgba(0, 212, 255, .08);--hud-glow-amber: 0 0 12px rgba(244, 206, 67, .4), 0 0 40px rgba(244, 206, 67, .08);--hud-clip: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px) );--hud-clip-sm: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px) );--font-display: "Rajdhani", system-ui, sans-serif;--font-mono: "Share Tech Mono", "Fira Code", monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-display);font-weight:500;color:var(--hud-text);background:var(--hud-bg);line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.app:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,212,255,.015) 2px,rgba(0,212,255,.015) 4px);pointer-events:none;z-index:9999}.app{position:relative;min-height:100vh;display:grid;place-items:center;padding:1.25rem;overflow:hidden}.backdrop{position:absolute;inset:-30%;background:radial-gradient(ellipse at 50% 0%,rgba(0,212,255,.06) 0%,transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(244,206,67,.04) 0%,transparent 50%);filter:blur(60px);z-index:0}.panel{position:relative;width:min(760px,100%);z-index:1}.hero{text-align:center;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.35rem}.bat-logo{filter:drop-shadow(0 0 24px rgba(0,212,255,.4)) drop-shadow(0 0 60px rgba(0,212,255,.15));margin-bottom:.4rem}.kicker{margin:0;text-transform:uppercase;letter-spacing:.28em;color:var(--hud-cyan);font-family:var(--font-mono);font-size:.7rem}.kicker:before{content:"[ ";opacity:.5}.kicker:after{content:" ]";opacity:.5}.hero h1{margin:.5rem 0;font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;color:var(--hud-text-bright);text-transform:uppercase;letter-spacing:.04em}.hero-subtitle{margin:0 auto;width:min(48ch,100%);color:var(--hud-text);font-size:1rem}.card{display:flex;flex-direction:column;gap:1rem;position:relative;background:var(--hud-panel);border:1px solid var(--hud-border);clip-path:var(--hud-clip);padding:clamp(1.2rem,3vw,1.8rem);box-shadow:var(--hud-glow-cyan)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--hud-cyan),transparent);opacity:.6}.card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--hud-cyan-dim),transparent);opacity:.3}.card h2{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.4rem;text-transform:uppercase;letter-spacing:.03em;color:var(--hud-text-bright)}.step{margin:0;font-family:var(--font-mono);font-size:.78rem;color:var(--hud-cyan);text-transform:uppercase;letter-spacing:.1em}.helper{margin:0;color:var(--hud-text);font-size:.95rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem}.stack{display:flex;flex-direction:column;gap:.6rem}.choice{position:relative;border:1px solid var(--hud-border);background:#00d4ff0a;color:var(--hud-text);clip-path:var(--hud-clip-sm);padding:.7rem .9rem;font-family:var(--font-display);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease}.choice:hover{border-color:var(--hud-border-active);background:#00d4ff14;color:var(--hud-text-bright);box-shadow:var(--hud-glow-cyan)}.choice--active{border-color:var(--hud-cyan);background:#00d4ff1f;color:#fff;box-shadow:var(--hud-glow-cyan)}.choice--left{text-align:left}.member-emoji{width:1.4em;height:1.4em;object-fit:cover;border-radius:50%;vertical-align:middle;margin-right:.35em}.textarea{min-height:130px;border:1px solid var(--hud-border);clip-path:var(--hud-clip-sm);background:#00d4ff08;color:var(--hud-text-bright);font-family:var(--font-display);font-size:.95rem;resize:vertical;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.textarea:focus{outline:none;border-color:var(--hud-border-active);box-shadow:var(--hud-glow-cyan)}.textarea::placeholder{color:#00d4ff40}.counter{margin:0;text-align:right;font-family:var(--font-mono);font-size:.8rem;color:var(--hud-cyan-dim)}.actions{display:flex;justify-content:space-between;gap:.7rem}.primary{position:relative;clip-path:var(--hud-clip-sm);padding:.72rem 1.2rem;font-family:var(--font-display);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--hud-amber);background:var(--hud-amber-dim);color:var(--hud-amber);cursor:pointer;transition:all .2s ease}.primary:hover:not(:disabled){background:#f4ce4359;box-shadow:var(--hud-glow-amber)}.ghost{clip-path:var(--hud-clip-sm);padding:.72rem 1.05rem;font-family:var(--font-display);font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--hud-border);background:#00d4ff0a;color:var(--hud-text);cursor:pointer;transition:all .2s ease}.ghost:hover:not(:disabled){border-color:var(--hud-border-active);color:var(--hud-cyan);box-shadow:var(--hud-glow-cyan)}button:disabled{opacity:.35;cursor:not-allowed}.error{margin:0;font-family:var(--font-mono);font-size:.85rem;color:var(--hud-red)}.error:before{content:"⚠ "}.success-screen{position:fixed;inset:0}.scene-wrap{width:100%;height:100%}.success-overlay{position:absolute;left:50%;bottom:1.5rem;transform:translate(-50%);text-align:center;background:var(--hud-panel);border:1px solid var(--hud-border);clip-path:var(--hud-clip);padding:1rem 1.4rem;width:min(560px,calc(100% - 2rem));box-shadow:var(--hud-glow-cyan);z-index:2}.success-overlay .bat-logo{margin-bottom:.4rem;filter:drop-shadow(0 0 12px rgba(0,212,255,.5))}.success-overlay h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.2rem;text-transform:uppercase;letter-spacing:.04em;color:var(--hud-amber)}.success-overlay p{margin:.4rem 0 0;font-size:.9rem}.fail-screen{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0}.fail-lottie{width:min(180px,55%);filter:hue-rotate(320deg) saturate(1.4) brightness(1.1)}.fail-message{margin:0;text-align:center;font-family:var(--font-mono);font-size:.88rem;color:var(--hud-red);max-width:38ch;line-height:1.4}.bat-swarm{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden}.bat-swarm__bat{position:absolute;color:var(--hud-bg);opacity:0;animation:bat-fly .7s ease-in forwards;filter:drop-shadow(0 0 6px rgba(0,0,0,.8))}@keyframes bat-fly{0%{opacity:0;transform:translate(0) scale(.5)}15%{opacity:1}50%{opacity:1;transform:translate(55vw,-55vh) scale(1.1)}85%{opacity:.7}to{opacity:0;transform:translate(120vw,-120vh) scale(.7)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:620px){.actions{flex-direction:column-reverse}.primary,.ghost{width:100%}}