:root{--bg-0: #050617;--bg-1: #0a1030;--bg-2: #111a4a;--surface: rgba(18, 24, 64, .72);--surface-2: rgba(14, 20, 54, .9);--line: rgba(120, 170, 255, .18);--line-strong: rgba(140, 200, 255, .4);--ink: #e8ecff;--ink-dim: #8a9bd8;--ink-mute: #5b6aa0;--cyan: #00e5ff;--magenta: #ff2d7a;--gold: #ffb020;--green: #3ddc84;--violet: #7c5cff;--danger: #ff5a5a;--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-0);color:var(--ink);font-family:var(--font-body);overflow:hidden;-webkit-font-smoothing:antialiased}body,#app{height:100vh;width:100vw}button{font-family:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:8px}.cosmic-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(124,92,255,.22),transparent 60%),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(0,229,255,.18),transparent 60%),radial-gradient(ellipse 50% 40% at 50% 0%,rgba(255,45,122,.1),transparent 70%),linear-gradient(180deg,#050617,#080a25 40%,#050617)}.cosmic-bg:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:radial-gradient(1px 1px at 20% 30%,#fff 100%,transparent),radial-gradient(1px 1px at 60% 70%,#fff 100%,transparent),radial-gradient(1px 1px at 40% 10%,#aac 100%,transparent),radial-gradient(2px 2px at 80% 40%,#fff 100%,transparent),radial-gradient(1px 1px at 15% 80%,#fff 100%,transparent),radial-gradient(1px 1px at 70% 20%,#acd 100%,transparent),radial-gradient(2px 2px at 90% 90%,#fff 100%,transparent),radial-gradient(1px 1px at 35% 55%,#fff 100%,transparent),radial-gradient(1px 1px at 55% 85%,#ccf 100%,transparent);background-size:600px 600px;animation:drift 90s linear infinite;opacity:.7}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-200px,-200px)}}.cosmic-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 0,rgba(120,170,255,.04) 1px,transparent 2px) 0 0 / 100% 48px,linear-gradient(90deg,transparent 0,rgba(120,170,255,.04) 1px,transparent 2px) 0 0 / 48px 100%;opacity:.5}.scanline{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan) 20%,#fff 50%,var(--cyan) 80%,transparent);box-shadow:0 0 24px var(--cyan);animation:scan 3.5s ease-in-out infinite;z-index:2;pointer-events:none}@keyframes scan{0%,to{top:0;opacity:0}10%{opacity:1}50%{top:100%;opacity:1}60%{opacity:0}}.hud-frame{position:absolute;top:16px;right:16px;bottom:16px;left:16px;pointer-events:none;z-index:3}.hud-frame:before,.hud-frame:after{content:"";position:absolute;width:28px;height:28px;border:1px solid var(--cyan);opacity:.55}.hud-frame:before{top:0;left:0;border-right:0;border-bottom:0}.hud-frame:after{bottom:0;right:0;border-left:0;border-top:0}.hud-frame .hud-tr,.hud-frame .hud-bl{position:absolute;width:28px;height:28px;border:1px solid var(--cyan);opacity:.55}.hud-frame .hud-tr{top:0;right:0;border-left:0;border-bottom:0}.hud-frame .hud-bl{bottom:0;left:0;border-right:0;border-top:0}.glass{background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;box-shadow:inset 0 1px #ffffff0a,0 30px 80px #00000080}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.02em;border-radius:999px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#00e5ff1f,#00e5ff0a);color:var(--ink);transition:all .2s ease;position:relative;overflow:hidden}.btn:hover{border-color:var(--cyan);box-shadow:0 0 0 3px #00e5ff26,0 8px 24px #00e5ff33;transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,var(--cyan),#00b8cc);color:#021820;border-color:transparent;box-shadow:0 0 30px #00e5ff73,inset 0 1px #fff6}.btn-primary:hover{box-shadow:0 0 40px #00e5ffb3,inset 0 1px #ffffff80}.btn-ghost{background:transparent;border-color:var(--line)}.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--ink-dim)}.dialogue{position:relative;border:1px solid var(--line-strong);background:linear-gradient(180deg,#0a143cd9,#0e1a48cc);border-radius:20px;padding:22px 26px;box-shadow:0 0 0 1px #00e5ff1f inset,0 10px 40px #00000080}.dialogue:before{content:"";position:absolute;left:42px;top:-10px;width:18px;height:18px;background:linear-gradient(135deg,#0a143cd9,#0e1a48cc);border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong);transform:rotate(45deg)}.role-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:1px solid currentColor;color:var(--cyan);opacity:.8}@keyframes pulse-ring{0%{transform:scale(.7);opacity:.9}80%{opacity:0}to{transform:scale(1.8);opacity:0}}.pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--cyan);animation:pulse-ring 2.4s ease-out infinite}.pulse-ring.d1{animation-delay:.7s}.pulse-ring.d2{animation-delay:1.4s}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease both}.option-card{position:relative;text-align:left;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#0e184899,#080e2cb3);color:var(--ink);font-size:15px;line-height:1.5;width:100%;transition:all .18s ease;display:flex;gap:14px;align-items:flex-start}.option-card:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 0 0 2px #00e5ff1f,0 12px 30px #00e5ff1f}.option-card .key{flex:0 0 32px;height:32px;border-radius:10px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;background:#00e5ff1f;color:var(--cyan);border:1px solid rgba(0,229,255,.3)}.option-card.picked{border-color:var(--cyan);background:linear-gradient(180deg,#00e5ff2e,#00e5ff0f)}.progress{height:4px;width:100%;background:#78aaff1f;border-radius:99px;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--magenta));box-shadow:0 0 12px var(--cyan);transition:width .5s cubic-bezier(.22,1,.36,1)}.tweaks{position:fixed;right:20px;bottom:20px;width:280px;z-index:1000;padding:16px 18px;font-size:13px;display:none}.tweaks.open{display:block}.tweaks h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;color:var(--cyan)}.tweaks label{display:block;margin:12px 0 6px;font-size:11px;color:var(--ink-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.tweaks .seg{display:flex;gap:4px;background:#080e28b3;padding:3px;border-radius:10px;border:1px solid var(--line)}.tweaks .seg button{flex:1;padding:6px 8px;border-radius:7px;font-size:12px;color:var(--ink-dim);background:transparent}.tweaks .seg button.active{background:#00e5ff29;color:var(--cyan)}.radar-grid{stroke:var(--line);stroke-width:1;fill:none}.radar-axis{stroke:var(--line);stroke-width:1}.radar-shape{fill:var(--cyan);fill-opacity:.25;stroke:var(--cyan);stroke-width:2;filter:drop-shadow(0 0 8px var(--cyan))}.radar-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;fill:var(--ink-dim);text-transform:uppercase}.scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.scene .layer{position:absolute;top:0;right:0;bottom:0;left:0}.typed{display:inline}.typed:after{content:"▋";margin-left:2px;color:var(--cyan);animation:blink 1s steps(1) infinite}.typed.done:after{content:""}@keyframes blink{50%{opacity:0}}.big-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid currentColor;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.cert-bg{background:radial-gradient(ellipse 50% 40% at 50% 30%,rgba(0,229,255,.18),transparent 70%),linear-gradient(180deg,#0e1230f2,#060a20fa);border:1px solid var(--line-strong);border-radius:20px}.particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particles span{position:absolute;display:block;width:3px;height:3px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan);animation:float-up 8s linear infinite;opacity:0}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-110vh) scale(.3);opacity:0}}.audio-toggle{position:fixed;top:18px;right:18px;z-index:900;width:40px;height:40px;border-radius:50%;background:#0a143ccc;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.audio-toggle:hover{color:var(--cyan);border-color:var(--cyan)}@media (max-width: 720px){.hud-frame{top:8px;right:8px;bottom:8px;left:8px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#78aaff33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#78aaff59}.scene-river{background:radial-gradient(ellipse 80% 60% at 50% 90%,rgba(61,220,132,.2),transparent 60%),linear-gradient(180deg,#081028,#0a1a3a 40%,#0f3d2a)}.scene-hospital{background:radial-gradient(ellipse 80% 60% at 50% 20%,rgba(255,128,200,.2),transparent 60%),linear-gradient(180deg,#160a30,#1a1040,#0a0a20)}.scene-rescue{background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(255,96,64,.25),transparent 60%),linear-gradient(180deg,#200510,#401010,#200510)}.scene-home{background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(180,108,255,.2),transparent 60%),linear-gradient(180deg,#0a0a30,#1a0a40,#05021a)}.scene-warehouse{background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(0,229,255,.15),transparent 60%),linear-gradient(180deg,#080c24,#0a1028,#05081a)}.scene-drone{background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(61,220,132,.2),transparent 60%),linear-gradient(180deg,#050820,#082040,#050822)}.scene-lab{background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(0,229,255,.22),transparent 60%),linear-gradient(180deg,#050820,#0a1440,#050820)}@keyframes flashBurst{0%{opacity:0}30%{opacity:1}to{opacity:0}}.flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;pointer-events:none;z-index:2000;animation:flashBurst .9s ease-out}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;border:1px solid var(--line);color:var(--ink-dim)}