:root{--bg-base:#0f0e1a;--bg-wall:#1a1830;--bg-panel:#252238;--menu-cream:#f4e8d0;--menu-cream-shadow:#d8c8a8;--menu-blue:#3858b8;--menu-blue-soft:#3858b84d;--menu-blue-shadow:#202858;--menu-white:#fff;--cross-red:#e63946;--cross-red-hot:#f56;--text-cream:#f4e8d0;--text-cream-muted:#a8a398;--text-ink:#1a1830;--hp-green:#58d858;--hp-yellow:#e8c828;--hp-red:#e63946;--ok-green:#58d858;--psn:#a040a0;--brn:#e68030;--par:#e8c828;--slp:#8b7a9a;--frz:#98d8e8;--cnf:#e8a8c8;--syntax-key:#a8e0ff;--syntax-string:#f4d838;--syntax-number:#58d858;--syntax-punct:#a8a398;--syntax-comment:#a8a398b3}*{box-sizing:border-box;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><g shape-rendering='crispEdges'><rect x='2' y='2' width='2' height='2' fill='%23ffffff'/><rect x='2' y='4' width='2' height='2' fill='%23ffffff'/><rect x='4' y='4' width='2' height='2' fill='%23ffffff'/><rect x='2' y='6' width='2' height='2' fill='%23ffffff'/><rect x='4' y='6' width='2' height='2' fill='%23ffffff'/><rect x='6' y='6' width='2' height='2' fill='%23ffffff'/><rect x='2' y='8' width='2' height='2' fill='%23ffffff'/><rect x='4' y='8' width='2' height='2' fill='%23ffffff'/><rect x='6' y='8' width='2' height='2' fill='%23ffffff'/><rect x='8' y='8' width='2' height='2' fill='%23ffffff'/><rect x='2' y='10' width='2' height='2' fill='%23ffffff'/><rect x='4' y='10' width='2' height='2' fill='%23ffffff'/><rect x='6' y='10' width='2' height='2' fill='%23ffffff'/><rect x='8' y='10' width='2' height='2' fill='%23ffffff'/><rect x='4' y='4' width='2' height='2' fill='%231A1830'/><rect x='4' y='6' width='2' height='2' fill='%231A1830'/><rect x='6' y='6' width='2' height='2' fill='%231A1830'/><rect x='4' y='8' width='2' height='2' fill='%231A1830'/><rect x='6' y='8' width='2' height='2' fill='%231A1830'/><rect x='4' y='10' width='2' height='2' fill='%231A1830'/><rect x='6' y='10' width='2' height='2' fill='%231A1830'/></g></svg>") 2 2,auto}a,button,[role=button],.pixel-btn,.nav-link,label,input,select,summary,.agent-card,.copy-btn{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><g shape-rendering='crispEdges'><rect x='0' y='2' width='2' height='2' fill='%23000000'/><rect x='2' y='2' width='2' height='2' fill='%23ffffff'/><rect x='0' y='4' width='2' height='2' fill='%23000000'/><rect x='2' y='4' width='2' height='2' fill='%231A1830'/><rect x='4' y='4' width='2' height='2' fill='%23ffffff'/><rect x='0' y='6' width='2' height='2' fill='%23000000'/><rect x='2' y='6' width='2' height='2' fill='%231A1830'/><rect x='4' y='6' width='2' height='2' fill='%231A1830'/><rect x='6' y='6' width='2' height='2' fill='%23ffffff'/><rect x='0' y='8' width='2' height='2' fill='%23000000'/><rect x='2' y='8' width='2' height='2' fill='%231A1830'/><rect x='4' y='8' width='2' height='2' fill='%231A1830'/><rect x='6' y='8' width='2' height='2' fill='%231A1830'/><rect x='8' y='8' width='2' height='2' fill='%23ffffff'/><rect x='0' y='10' width='2' height='2' fill='%23000000'/><rect x='2' y='10' width='2' height='2' fill='%231A1830'/><rect x='4' y='10' width='2' height='2' fill='%231A1830'/><rect x='6' y='10' width='2' height='2' fill='%23ffffff'/><rect x='0' y='12' width='2' height='2' fill='%23000000'/><rect x='2' y='12' width='2' height='2' fill='%231A1830'/><rect x='4' y='12' width='2' height='2' fill='%23ffffff'/><rect x='0' y='14' width='2' height='2' fill='%23000000'/><rect x='2' y='14' width='2' height='2' fill='%23ffffff'/></g></svg>") 0 0,pointer}html,body{background:var(--bg-base);color:var(--text-cream);background-image:radial-gradient(at 50% -10%,#3858b814,#0000 60%);background-attachment:fixed;min-height:100vh;margin:0;padding:0;font-family:Lora,Georgia,serif;font-size:17px;line-height:1.65}img,svg,canvas{image-rendering:pixelated;image-rendering:crisp-edges}.font-ui{letter-spacing:1px;font-family:Silkscreen,monospace;font-weight:400}.font-body{font-family:Lora,Georgia,serif}.font-code{font-family:JetBrains Mono,ui-monospace,monospace}.italic-body{font-family:Lora,Georgia,serif;font-style:italic}.muted{color:var(--text-cream-muted)}.muted-ink{color:#1a183099}h1,h2,h3,h4,h5{color:var(--text-cream);margin:0;font-family:Lora,Georgia,serif;font-weight:600;line-height:1.2}p{margin:0 0 16px}a{color:var(--text-cream);text-decoration:none}a:hover{color:var(--menu-white)}.topbar{background:var(--bg-base);border-bottom:1px solid var(--menu-blue-soft);z-index:200;align-items:center;gap:24px;height:48px;padding:0 24px;display:flex;position:sticky;top:0}.topbar__brand{align-items:center;gap:10px;display:flex}.topbar__brand-wm{letter-spacing:1.5px;color:var(--text-cream);font-family:Silkscreen,monospace;font-size:16px}.topbar__nav{align-items:center;gap:28px;margin:0 auto;display:flex}.nav-link{letter-spacing:1.5px;color:var(--text-cream);padding:4px 0;font-family:Silkscreen,monospace;font-size:13px;position:relative}.nav-link:hover{color:var(--menu-white)}.nav-link.is-active{border-bottom:2px solid var(--text-cream)}.topbar__cta{color:var(--text-cream);align-items:center;gap:6px;font-family:Lora,Georgia,serif;font-size:14px;display:inline-flex}.topbar__cta:after{content:"→";transition:transform .12s}.topbar__cta:hover:after{transform:translate(2px)}.page{max-width:1200px;margin:0 auto;padding:56px 32px 80px}.page-narrow{max-width:880px}.eyebrow{letter-spacing:2.5px;color:var(--cross-red);text-transform:uppercase;align-items:center;gap:10px;margin:0 0 14px;font-family:Silkscreen,monospace;font-size:11px;display:inline-flex}.eyebrow:before{content:"";background:var(--cross-red);width:20px;height:2px;display:inline-block}.section-headline{color:var(--text-cream);letter-spacing:-.01em;margin:0 0 14px;font-family:Lora,Georgia,serif;font-size:32px;font-weight:600;line-height:1.2}.section+.section{margin-top:120px}.section{display:block}.menu-box{background:var(--menu-cream);color:var(--text-ink);border:2px solid var(--menu-blue);box-shadow:inset 0 0 0 1px var(--menu-white), 0 0 24px #0f0e1a4d;border-radius:0;padding:20px 24px}.menu-window{background:var(--menu-cream);color:var(--text-ink);border:2px solid var(--menu-blue);box-shadow:inset 0 0 0 1px var(--menu-white), 0 0 24px #0f0e1a59;border-radius:0;overflow:hidden}.menu-window__title{background:var(--menu-blue);color:var(--menu-cream);letter-spacing:1.5px;border-bottom:1px solid var(--text-ink);justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;font-family:Silkscreen,monospace;font-size:12px;display:flex}.menu-window__body{padding:20px 24px}.pixel-btn{background:var(--menu-cream);color:var(--cross-red);letter-spacing:1.5px;border:2px solid var(--menu-blue);box-shadow:inset 0 0 0 1px var(--menu-white), 0 4px 0 0 var(--menu-blue-shadow);text-transform:uppercase;border-radius:0;align-items:center;gap:10px;padding:12px 22px;font-family:Silkscreen,monospace;font-size:16px;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.pixel-btn:hover{box-shadow:inset 0 0 0 1px var(--menu-white), 0 5px 0 0 var(--menu-blue-shadow);color:var(--cross-red-hot);transform:translateY(-1px)}.pixel-btn:active{box-shadow:inset 0 0 0 1px var(--menu-white), 0 2px 0 0 var(--menu-blue-shadow);transform:translateY(2px)}.pixel-btn--small{padding:8px 14px;font-size:12px}.pixel-btn--ghost{color:var(--text-cream);border-color:var(--menu-blue);box-shadow:0 4px 0 0 var(--menu-blue-shadow);background:0 0}.pixel-btn--ghost:hover{color:var(--menu-white);background:#3858b81a}.hp-bar{border:1px solid var(--text-ink);width:192px;height:8px;box-shadow:1px 1px 0 var(--text-ink);vertical-align:middle;image-rendering:pixelated;background:#2a2a3a;display:inline-block;position:relative}.hp-bar__fill{background:linear-gradient(#58d858 0%,#20b020 100%);width:100%;height:100%;transition:width .6s steps(20,end)}.hp-bar--warning .hp-bar__fill{background:linear-gradient(#f4d838 0%,#e8a828 100%)}.hp-bar--critical .hp-bar__fill{background:linear-gradient(#f56 0%,#e63946 100%);animation:.667s ease-in-out infinite hp-pulse}@keyframes hp-pulse{50%{opacity:.55}}.hp-readout{letter-spacing:1px;margin-left:8px;font-family:Silkscreen,monospace;font-size:11px}.hp-readout .slash{opacity:.45}.status-badge{letter-spacing:1.5px;color:#fff;border:1px solid var(--text-ink);box-shadow:1px 1px 0 var(--text-ink);vertical-align:middle;border-radius:0;margin-right:4px;padding:2px 6px;font-family:Silkscreen,monospace;font-size:11px;font-weight:400;display:inline-block}.status-badge--psn{background:var(--psn)}.status-badge--brn{background:var(--brn)}.status-badge--par{background:var(--par);color:var(--text-ink)}.status-badge--slp{background:var(--slp)}.status-badge--frz{background:var(--frz);color:var(--text-ink)}.status-badge--cnf{background:var(--cnf);color:var(--text-ink)}.status-badge--ok{background:var(--ok-green);color:var(--text-ink)}.type-badge{letter-spacing:1px;color:var(--text-ink);border:1px solid var(--text-ink);text-transform:lowercase;background:0 0;border-radius:0;padding:1px 6px;font-family:Silkscreen,monospace;font-size:10px;display:inline-block}.type-badge--on-dark{color:var(--text-cream);border-color:var(--text-cream-muted)}.fw-badge{letter-spacing:1px;color:var(--text-cream-muted);border:1px solid;border-radius:0;padding:1px 5px;font-family:Silkscreen,monospace;font-size:10px;display:inline-block}.gate{border:1px solid var(--text-ink);color:var(--text-ink);letter-spacing:1px;text-transform:lowercase;background:#58d85880;padding:2px 6px;font-family:Silkscreen,monospace;font-size:10px}.gate--manual{background:#e6803080}.cross-logo{flex-shrink:0;width:24px;height:24px;display:inline-block;position:relative}.cross-logo:before,.cross-logo:after{content:"";background:var(--cross-red);position:absolute}.cross-logo:before{height:8px;top:8px;left:1px;right:1px}.cross-logo:after{width:8px;top:1px;bottom:1px;left:8px}.cross-logo--lg{width:40px;height:40px}.cross-logo--lg:before{height:12px;top:14px;left:2px;right:2px}.cross-logo--lg:after{width:12px;top:2px;bottom:2px;left:14px}.code-block{background:var(--bg-base);color:var(--text-cream);white-space:pre;tab-size:2;border:1px solid #f4e8d01f;border-radius:0;margin:0;padding:20px 24px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;line-height:1.65;position:relative;overflow-x:auto}.code-block .key{color:var(--syntax-key)}.code-block .string{color:var(--syntax-string)}.code-block .number{color:var(--syntax-number)}.code-block .punct{color:var(--syntax-punct)}.code-block .comment{color:var(--syntax-comment);font-style:italic}code{color:var(--text-cream);border:1px solid var(--menu-blue-soft);background:#3858b826;padding:1px 6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.92em}.menu-cream-bg code,.on-cream code{color:var(--text-ink);background:#1a183014;border-color:#1a183026}.copy-btn{background:var(--menu-cream);color:var(--text-ink);border:1px solid var(--text-ink);letter-spacing:1px;text-transform:lowercase;padding:3px 8px;font-family:Silkscreen,monospace;font-size:10px}.copy-btn:hover{background:var(--menu-white)}.copy-btn:active{transform:translate(1px,1px)}.dialog-box{background:var(--menu-cream);color:var(--text-ink);border:2px solid var(--menu-blue);box-shadow:inset 0 0 0 1px var(--menu-white), 0 0 24px #0f0e1a4d;border-radius:0;padding:24px 28px;font-family:Lora,Georgia,serif;font-size:16px;line-height:1.7}.dialog-box .speaker{letter-spacing:2px;color:var(--cross-red);text-transform:uppercase;margin-right:8px;font-family:Silkscreen,monospace;font-size:11px}.dialog-box .speaker--dr{color:var(--menu-blue)}.dialog-box .turn+.turn{margin-top:16px}.portrait{background:var(--bg-base);border:2px solid var(--menu-blue);flex-shrink:0;padding:4px;line-height:0;display:inline-block}.live-dot{background:var(--ok-green);width:8px;height:8px;box-shadow:0 0 8px var(--ok-green);animation:2.4s ease-in-out infinite live-pulse;display:inline-block}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}::selection{background:var(--menu-blue);color:var(--menu-cream)}.row{display:flex}.col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:720px){.topbar{gap:12px;padding:0 16px}.topbar__nav{display:none}.topbar__cta{margin-left:auto;font-size:13px}.page{padding:40px 16px 60px}.section+.section{margin-top:80px}.section-headline{font-size:26px}}
