@font-face{font-family:Space Grotesk;src:url(../fonts/space-grotesk-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Space Grotesk;src:url(../fonts/space-grotesk-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(../fonts/ibm-plex-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}:root{--ink: #0d0f1a;--ink-raised: #151a2b;--ink-sunken: #0a0c15;--edge: #26304d;--edge-bright: #3a4a75;--text: #e6ebff;--text-dim: #9aa6cc;--apricot: #ffb37a;--magenta: #ff5fd2;--cyan: #57e7ff;--lime: #9cff8f;--alarm: #ff7a7a;--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Menlo, monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 20px;--s5: 32px;--s6: 52px;--r-sm: 3px;--r-md: 6px;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ink);color:var(--text);font-family:var(--font-display);font-weight:500;background-image:repeating-linear-gradient(to bottom,rgba(87,231,255,.025) 0px,rgba(87,231,255,.025) 1px,transparent 1px,transparent 3px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--s3);top:-100px;z-index:50;padding:var(--s2) var(--s3);background:var(--apricot);color:var(--ink);font-weight:700;border-radius:var(--r-sm);text-decoration:none}.skip-link:focus{top:var(--s3)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;box-shadow:0 0 0 4px #57e7ff38}#app{max-width:1180px;margin:0 auto;padding:var(--s4) var(--s4) var(--s6);display:flex;flex-direction:column;gap:var(--s4)}.topbar{display:flex;align-items:baseline;gap:var(--s4);flex-wrap:wrap;border-bottom:1px solid var(--edge);padding-bottom:var(--s3)}.brand{font-size:30px;letter-spacing:.14em;margin:0;font-weight:700}.brand-neon{color:var(--magenta);text-shadow:0 0 14px rgba(255,95,210,.55)}.brand-dim{color:var(--cyan);text-shadow:0 0 14px rgba(87,231,255,.4)}.tagline{margin:0;color:var(--text-dim);font-size:13px;max-width:34ch}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--s2)}.clock{font-family:var(--font-mono);font-size:13px;color:var(--apricot);letter-spacing:.08em}.stage-wrap{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:var(--s4);align-items:start}.stage{background:var(--ink-sunken);border:1px solid var(--edge);border-radius:var(--r-md);min-height:384px;overflow:hidden;box-shadow:inset 0 0 60px #57e7ff0f}.stage canvas{display:block;width:100%;height:auto}.side{display:flex;flex-direction:column;gap:var(--s3)}.panel{background:var(--ink-raised);border:1px solid var(--edge);border-radius:var(--r-md);padding:var(--s3)}.panel-title{margin:0 0 var(--s2);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-weight:700}.muted{color:var(--text-dim);font-size:13px;margin:0}.stats{margin:0;display:grid;grid-template-columns:auto 1fr;gap:var(--s1) var(--s3);font-family:var(--font-mono);font-size:13px}.stats dt{color:var(--text-dim)}.stats dd{margin:0;color:var(--text)}.meter{display:block;height:7px;margin-top:var(--s1);background:var(--ink-sunken);border:1px solid var(--edge);border-radius:999px;overflow:hidden}.meter-fill{display:block;height:100%;background:var(--lime);transition:width .22s var(--ease)}.meter-fill[data-band=warn]{background:var(--apricot)}.meter-fill[data-band=critical]{background:var(--alarm)}.target-name{margin:0;font-size:16px;font-weight:700;color:var(--magenta)}.target-concept{margin:var(--s1) 0 var(--s2);font-family:var(--font-mono);font-size:12px;color:var(--cyan)}.target-desc{margin:0 0 var(--s2);font-size:13px;color:var(--text);line-height:1.5}.chip{display:inline-block;font-family:var(--font-mono);font-size:11px;padding:2px var(--s2);border:1px solid var(--edge-bright);border-radius:999px;color:var(--text-dim)}.chip[data-tone=found]{color:var(--lime);border-color:var(--lime)}.inventory{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s1);font-family:var(--font-mono);font-size:13px}.inventory li:before{content:"> ";color:var(--apricot)}.inventory li[data-empty=true]:before{content:""}.inventory li[data-empty=true]{color:var(--text-dim)}.actions{background:var(--ink-raised);border:1px solid var(--edge);border-left:3px solid var(--apricot);border-radius:var(--r-md);padding:var(--s3)}.action-menu{display:flex;flex-wrap:wrap;gap:var(--s2)}.btn{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.04em;color:var(--text);background:var(--ink-sunken);border:1px solid var(--edge-bright);border-radius:var(--r-sm);padding:var(--s2) var(--s3);cursor:pointer;transition:transform .12s var(--ease),border-color .12s var(--ease),box-shadow .12s var(--ease)}.btn:hover:not(:disabled){border-color:var(--cyan);transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:var(--apricot);color:var(--ink);border-color:var(--apricot)}.btn-ghost{font-size:12px;padding:var(--s1) var(--s2)}.action-btn{min-width:132px;text-align:left}.action-btn .verb{display:block;color:var(--cyan)}.action-btn .verb-hint{display:block;font-family:var(--font-mono);font-weight:400;font-size:11px;color:var(--text-dim);margin-top:2px}.action-btn[data-recommended=true]{border-color:var(--magenta);box-shadow:0 0 12px #ff5fd240}.action-btn[data-recommended=true] .verb:after{content:" (flagged by scan)";color:var(--magenta);font-size:11px;letter-spacing:0}.hint{margin:var(--s2) 0 0;color:var(--text-dim);font-size:12px;line-height:1.5}.hint code{font-family:var(--font-mono);color:var(--apricot)}.console{background:var(--ink-raised);border:1px solid var(--edge);border-left:3px solid var(--cyan);border-radius:var(--r-md);padding:var(--s3)}.log{font-family:var(--font-mono);font-size:13px;line-height:1.6;height:168px;overflow-y:auto;background:var(--ink-sunken);border:1px solid var(--edge);border-radius:var(--r-sm);padding:var(--s2) var(--s3);margin-bottom:var(--s3)}.log-line{margin:0 0 2px;white-space:pre-wrap}.log-line[data-kind=you]{color:var(--text)}.log-line[data-kind=you]:before{content:"you  ";color:var(--apricot)}.log-line[data-kind=enemy]{color:var(--text)}.log-line[data-kind=enemy]:before{content:"host ";color:var(--magenta)}.log-line[data-kind=system]{color:var(--text-dim)}.log-line[data-kind=system]:before{content:"sys  ";color:var(--cyan)}.log-line[data-kind=teach]{color:var(--lime);border-left:2px solid var(--lime);padding-left:var(--s2);margin:var(--s2) 0}.log-line[data-kind=teach]:before{content:"note "}.log-line[data-kind=error]{color:var(--alarm)}.log-line[data-kind=error]:before{content:"err  "}.command-row{display:flex;gap:var(--s2);align-items:stretch;flex-wrap:wrap}.command-input{flex:1 1 260px;min-width:0;font-family:var(--font-mono);font-size:14px;color:var(--text);background:var(--ink-sunken);border:1px solid var(--edge-bright);border-radius:var(--r-sm);padding:var(--s2) var(--s3)}.command-input::placeholder{color:#61708f}.btn-voice{display:inline-flex;align-items:center;gap:var(--s2)}.btn-voice-dot{width:9px;height:9px;border-radius:50%;background:var(--edge-bright);flex:none}.btn-voice[data-state=recording]{border-color:var(--magenta)}.btn-voice[data-state=recording] .btn-voice-dot{background:var(--magenta);animation:pulse .9s ease-in-out infinite}.btn-voice[data-state=pending]{border-color:var(--cyan)}.btn-voice[data-state=pending] .btn-voice-dot{background:var(--cyan);animation:spin .9s linear infinite;border-radius:var(--r-sm)}.btn-voice[data-state=unavailable]{opacity:.45}.voice-block{margin-top:var(--s3);border-top:1px dashed var(--edge);padding-top:var(--s2)}.voice-status{margin:0 0 var(--s2);font-family:var(--font-mono);font-size:12px;color:var(--cyan)}.voice-status[data-tone=error]{color:var(--alarm)}.caption-label{margin:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.transcript{margin:var(--s1) 0 0;font-family:var(--font-mono);font-size:13px;color:var(--apricot);min-height:1.4em}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#0a0c15f0;z-index:40}.overlay[hidden]{display:none}.overlay-card{max-width:62ch;border:1px solid var(--edge-bright);border-top:3px solid var(--magenta);border-radius:var(--r-md);background:var(--ink-raised);padding:var(--s5)}.overlay-message{margin:0;font-size:15px;line-height:1.6;white-space:pre-wrap}.overlay-actions{margin-top:var(--s4);display:flex;gap:var(--s2);flex-wrap:wrap}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.btn:hover:not(:disabled){transform:none}}@media(max-width:900px){.stage-wrap{grid-template-columns:minmax(0,1fr)}}