*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b1020;color:#eef4ff}button,input,textarea,select{font:inherit}.app{position:relative;min-height:100vh;overflow:hidden;background:#0b1020}.stage{position:absolute;inset:0}.stage canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:18px;left:50%;z-index:2;display:flex;gap:10px;transform:translate(-50%);font-size:14px}.hud span{min-width:82px;padding:8px 10px;border:1px solid rgba(148,163,184,.28);border-radius:6px;background:#0f172aad;text-align:center}.crosshair{position:absolute;top:50%;left:50%;z-index:2;width:22px;height:22px;transform:translate(-50%,-50%);pointer-events:none}.crosshair:before,.crosshair:after{position:absolute;background:#eef4ffeb;content:""}.crosshair:before{top:10px;left:0;width:22px;height:2px}.crosshair:after{top:0;left:10px;width:2px;height:22px}.feedback-flash{position:absolute;inset:0;z-index:1;animation-duration:.32s;animation-fill-mode:forwards;animation-timing-function:ease-out;pointer-events:none}.feedback-flash--hit{display:none}.feedback-flash--miss{background:linear-gradient(rgba(248,113,113,.18),transparent 18%),linear-gradient(0deg,rgba(248,113,113,.18),transparent 18%),linear-gradient(90deg,rgba(248,113,113,.12),transparent 14%,transparent 86%,rgba(248,113,113,.12));animation-name:miss-flash}.feedback-flash--empty{background:radial-gradient(circle at center,rgba(203,213,225,.12) 0 14px,rgba(203,213,225,.04) 15px 32px,transparent 33px);animation-name:empty-flash}.feedback-toast{position:absolute;top:calc(50% + 38px);left:50%;z-index:2;min-width:86px;padding:5px 9px;border:1px solid rgba(148,163,184,.22);border-radius:6px;background:#0f172aa3;color:#eef4ff;font-size:13px;font-weight:600;text-align:center;transform:translate(-50%);animation:feedback-pop .62s ease-out forwards;pointer-events:none}.feedback-toast--hit{border-color:#22c55e47;background:#052e1675;color:#bbf7d0}.feedback-toast--miss{border-color:#f871716b;background:#450a0a9e;color:#fecaca}.feedback-toast--empty{border-color:#cbd5e170;color:#cbd5e1}@keyframes miss-flash{0%{opacity:0}24%{opacity:1}to{opacity:0}}@keyframes empty-flash{0%{opacity:0;transform:scale(.9)}20%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes feedback-pop{0%{opacity:0;transform:translate(-50%,6px)}16%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}@media(prefers-reduced-motion:reduce){.feedback-flash,.feedback-toast{animation-duration:.12s}}.panel{position:absolute;top:50%;left:50%;z-index:3;width:min(440px,calc(100vw - 32px));padding:28px;border:1px solid rgba(148,163,184,.32);border-radius:8px;background:#0f172aeb;box-shadow:0 24px 80px #00000059;transform:translate(-50%,-50%)}.eyebrow{margin:0 0 8px;color:#38bdf8;font-size:13px}.panel h1{margin:0 0 12px;font-size:30px;letter-spacing:0}.panel p{line-height:1.7}.warning{color:#fca5a5}.primary-button{height:42px;padding:0 18px;border:0;border-radius:6px;background:#38bdf8;color:#03111f;font-weight:700;cursor:pointer}.primary-button:disabled{cursor:not-allowed;opacity:.55}.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.results div{padding:12px;border:1px solid rgba(148,163,184,.22);border-radius:6px;background:#1e293bb3}.results dt{color:#94a3b8;font-size:12px}.results dd{margin:4px 0 0;font-size:22px;font-weight:700}@media(max-width:640px){.hud{left:12px;right:12px;flex-wrap:wrap;transform:none}.hud span{flex:1 1 120px}}