:root{--color-bg: #0b0f0d;--color-surface-1: #101613;--color-surface-2: #172019;--color-text: #d8f5df;--color-text-muted: #7fa88c;--color-accent: #39ff88;--color-support: #ffb454;--color-danger: #ff5470;--font-display: "JetBrains Mono", ui-monospace, monospace;--font-ui: "IBM Plex Mono", ui-monospace, monospace;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--radius: 2px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-bg);background-image:repeating-linear-gradient(rgba(216,245,223,.035) 0px,rgba(216,245,223,.035) 1px,transparent 1px,transparent 3px),radial-gradient(ellipse at center,#39ff880d,#0000008c);color:var(--color-text);font-family:var(--font-ui);line-height:1.5}#app{max-width:1280px;margin:0 auto;padding:var(--space-3) var(--space-2) var(--space-4)}.app-header{position:relative;text-align:center;padding:var(--space-3) 0 var(--space-2)}.btn--mute{position:absolute;top:var(--space-3);right:0;border-color:var(--color-text-muted);color:var(--color-text-muted);font-size:.8rem}.btn--mute[aria-pressed=true]{border-color:var(--color-support);color:var(--color-support)}@media (max-width: 600px){.btn--mute{position:static;margin:0 auto var(--space-2)}}.wordmark{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:.04em;color:var(--color-accent);text-shadow:0 0 12px rgba(57,255,136,.35);margin:0}.wordmark__caret{display:inline-block;animation:caret-blink 1s step-end infinite}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.tagline{font-family:var(--font-ui);color:var(--color-text-muted);margin:var(--space-1) 0 0}.app-main{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:var(--space-3);align-items:start}.transcript-pane{min-height:60vh;max-height:80vh;overflow-y:auto;background:var(--color-surface-1);border:1px solid var(--color-surface-2);border-radius:var(--radius);padding:var(--space-3);box-shadow:inset 0 0 0 1px #39ff8814,inset 0 0 40px #0009}.transcript-pane:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #39ff8814,inset 0 0 40px #0009,0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent)}.transcript-pane h1{font-family:var(--font-display);font-size:1rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-surface-2)}.control-panel{display:flex;flex-direction:column;gap:var(--space-2);position:sticky;top:var(--space-2)}.mission-brief,.flag-controls,.decision-controls{background:var(--color-surface-1);border:1px solid var(--color-surface-2);border-radius:var(--radius);padding:var(--space-2)}.mission-brief h2,.pending-move-label{font-family:var(--font-display);font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-1)}.mission-brief p{margin:0}.mission-brief p.streak-line{margin-top:var(--space-1);color:var(--color-text-muted);font-size:.85rem}.streak-count{color:var(--color-accent)}.pending-move{font-family:var(--font-ui);color:var(--color-support);word-break:break-word;margin:0 0 var(--space-2)}@media (max-width: 900px){.app-main{grid-template-columns:1fr}.transcript-pane{max-height:none}.control-panel{position:static}.decision-controls{position:sticky;bottom:var(--space-2)}}.transcript-log{display:flex;flex-direction:column;gap:var(--space-2)}.message{background:var(--color-surface-2);border:1px solid var(--color-surface-2);border-left:3px solid var(--color-surface-2);border-radius:var(--radius);padding:var(--space-2)}.message--system{border-left-color:var(--color-text-muted);opacity:.85}.message--user{border-left-color:var(--color-accent)}.message--assistant{border-left-color:var(--color-support)}.message--tool{border-left-color:var(--color-danger);background:var(--color-surface-1)}.message--hinted{outline:1px dashed var(--color-support);outline-offset:2px;box-shadow:0 0 12px #ffb45433}.message__role{display:block;font-family:var(--font-display);color:var(--color-text-muted);text-transform:uppercase;font-size:.75rem;margin-bottom:var(--space-1)}.message__content{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--font-ui);-webkit-user-select:text;user-select:text}.message__toolcall{margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px dashed var(--color-surface-2);font-family:var(--font-display);font-size:.85rem;color:var(--color-text-muted);white-space:pre-wrap;word-break:break-word}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-1) var(--space-2);border-radius:var(--radius);border:1px solid var(--color-surface-2);background:var(--color-surface-2);color:var(--color-text);font-family:var(--font-display);font-size:.9rem;letter-spacing:.02em;cursor:pointer;transition:transform .16s ease-out,background-color .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}.btn:hover:not(:disabled){border-color:var(--color-text-muted)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--flag{width:100%;border-color:var(--color-accent);color:var(--color-accent)}.btn--flag:hover:not(:disabled){background:#39ff881f;box-shadow:0 0 12px #39ff8840}.btn--hint{width:100%;border-color:var(--color-support);color:var(--color-support)}.btn--hint:hover:not(:disabled){background:#ffb4541f;box-shadow:0 0 12px #ffb45440}.hint-feedback{min-height:1.2em;margin:var(--space-1) 0 0;font-size:.9rem;color:var(--color-support)}.decision-buttons{display:flex;gap:var(--space-1)}.btn--allow{flex:1;border-color:var(--color-danger);color:var(--color-danger)}.btn--allow:hover:not(:disabled){background:#ff54701f}.btn--block{flex:1;border-color:var(--color-accent);color:var(--color-accent)}.btn--block:hover:not(:disabled){background:#39ff881f}.btn--retry{border-color:var(--color-support);color:var(--color-support);margin-top:var(--space-2)}.btn--retry:hover{background:#ffb45424}.flag-feedback{min-height:1.2em;margin:var(--space-1) 0 0;font-size:.9rem}.flag-feedback[data-tone=correct]{color:var(--color-accent)}.flag-feedback[data-tone=wrong]{color:var(--color-support)}.flag-mark{border-radius:var(--radius);padding:0 2px}.flag-mark--correct{background:#39ff8838;box-shadow:0 0 0 1px var(--color-accent);animation:flag-pulse .42s ease-out}.flag-mark--wrong{background:#ffb45438;box-shadow:0 0 0 1px var(--color-support);animation:flag-shake .32s ease-out}@keyframes flag-pulse{0%{box-shadow:0 0 0 1px var(--color-accent)}50%{box-shadow:0 0 0 4px #39ff8859}to{box-shadow:0 0 0 1px var(--color-accent)}}@keyframes flag-shake{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@media (prefers-reduced-motion: reduce){.wordmark__caret{animation:none;opacity:1}.flag-mark--correct,.flag-mark--wrong,.outcome-overlay,.outcome-overlay[data-outcome=SECURE] .outcome-card,.celebration__glyph{animation:none}}.outcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-2);background:#020403d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:overlay-fade-in .2s ease-out;z-index:10}.outcome-overlay[hidden]{display:none}.outcome-overlay:focus-visible{outline:none}.outcome-overlay:focus-visible .outcome-card{box-shadow:0 0 40px #000000b3,0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent)}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.outcome-card{width:min(480px,100%);text-align:center;background:var(--color-surface-1);border:1px solid var(--color-surface-2);border-radius:var(--radius);padding:var(--space-4) var(--space-3);box-shadow:0 0 40px #000000b3}.outcome-banner{font-family:var(--font-display);font-size:clamp(.7rem,2.4vw,.95rem);line-height:1.4;margin:0 0 var(--space-2);white-space:pre;overflow-x:auto}.outcome-message{color:var(--color-text);margin:0 0 var(--space-3)}.no-hint-badge{display:inline-block;font-family:var(--font-display);font-size:.75rem;letter-spacing:.08em;color:var(--color-bg);background:var(--color-accent);border-radius:var(--radius);padding:2px var(--space-1);margin:0 0 var(--space-2)}.no-hint-badge[hidden]{display:none}.stats-line{color:var(--color-text-muted);font-size:.85rem;margin:0 0 var(--space-2)}.share-controls{margin:0 0 var(--space-2)}.btn--share{width:100%;border-color:var(--color-accent);color:var(--color-accent)}.btn--share[hidden]{display:none}.btn--share:hover:not(:disabled){background:#39ff881f;box-shadow:0 0 12px #39ff8840}.share-feedback{min-height:1.2em;margin:var(--space-1) 0 0;font-size:.85rem;color:var(--color-text-muted)}.share-fallback{width:100%;margin-top:var(--space-1);padding:var(--space-1);background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-accent);border-radius:var(--radius);font-family:var(--font-ui);font-size:.85rem;resize:none}.share-fallback[hidden]{display:none}.outcome-overlay[data-outcome=SECURE] .outcome-banner{color:var(--color-accent);text-shadow:0 0 12px rgba(57,255,136,.45)}.outcome-overlay[data-outcome=SECURE] .outcome-card{animation:secure-flood .52s ease-out}@keyframes secure-flood{0%{box-shadow:0 0 40px #000000b3,0 0 0 2px var(--color-accent),0 0 90px 30px #39ff8899}to{box-shadow:0 0 40px #000000b3}}.celebration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.celebration__glyph{position:absolute;top:-8%;font-family:var(--font-display);font-size:1.1rem;color:var(--color-accent);text-shadow:0 0 8px rgba(57,255,136,.7);animation-name:glyph-fall;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes glyph-fall{0%{transform:translateY(0);opacity:0}10%{opacity:1}to{transform:translateY(110vh);opacity:0}}.outcome-overlay[data-outcome=LEAKED] .outcome-banner{color:var(--color-danger);text-shadow:0 0 12px rgba(255,84,112,.45)}.outcome-overlay[data-outcome=BLOCKED_BLIND] .outcome-banner{color:var(--color-support);text-shadow:0 0 12px rgba(255,180,84,.45)}.page-about{max-width:1280px;margin:var(--space-4) auto 0;padding:0 var(--space-2)}.page-about__inner{max-width:70ch;background:var(--color-surface-1);border:1px solid var(--color-surface-2);border-left:3px solid var(--color-accent);border-radius:var(--radius);padding:var(--space-3);box-shadow:inset 0 0 40px #00000080}.page-about h2{font-family:var(--font-display);font-size:.95rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em;margin:var(--space-3) 0 var(--space-1)}.page-about h2:before{content:"> ";color:var(--color-text-muted)}.page-about h2:first-child{margin-top:0}.page-about p{margin:0 0 var(--space-1);color:var(--color-text)}.faq{margin:0}.faq dt{font-family:var(--font-display);color:var(--color-support);margin-top:var(--space-2)}.faq dd{margin:var(--space-1) 0 0;padding-left:var(--space-2);border-left:1px solid var(--color-surface-2);color:var(--color-text)}.site-footer{max-width:1280px;margin:var(--space-3) auto var(--space-4);padding:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);align-items:center;justify-content:center;border-top:1px solid var(--color-surface-2)}.site-footer__link{color:var(--color-accent);text-decoration:none;font-family:var(--font-display);font-size:.85rem;border-bottom:1px solid transparent;transition:border-color .16s ease-out}.site-footer__link:hover{border-bottom-color:var(--color-accent)}.site-footer__portfolio{color:var(--color-text-muted)}.site-footer__portfolio:hover{border-bottom-color:var(--color-text-muted)}