:root{color:#ded6d2;font-synthesis:none;background:#080808;font-family:IBM Plex Mono,Cascadia Mono,Consolas,monospace}*{box-sizing:border-box}body{background:#080808;min-width:320px;margin:0}button,input{font:inherit}.app{background:radial-gradient(#1c0a0a 0%,#080808 65%);grid-template-columns:minmax(0,1fr) 360px;min-height:100vh;display:grid}.hud{color:#ff4c4c;flex-direction:column;min-height:100vh;padding:clamp(18px,3vw,52px);display:flex;position:relative;overflow:hidden}.hud:before{content:"";pointer-events:none;opacity:.16;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 3px,red 4px);position:absolute;inset:0}header,footer{letter-spacing:.12em;justify-content:space-between;align-items:center;gap:16px;font-size:clamp(9px,1.1vw,14px);display:flex;position:relative}header{border-top:1px solid #9e3030;padding-top:12px}footer{color:#a77b7b;border-bottom:1px solid #9e3030;padding-bottom:12px}.status{color:#e0ab73}.status i{background:#e0ab73;border-radius:99px;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #e0ab73}.hud-grid{flex:1;grid-template-columns:minmax(100px,.7fr) minmax(0,4fr) minmax(100px,.7fr);align-items:center;gap:2vw;display:grid}.rail{color:#9d6b6b;letter-spacing:.08em;border-left:1px solid #6d2929;padding-left:12px;font-size:clamp(9px,1vw,13px);line-height:2}.right{text-align:right;border:0;border-right:1px solid #6d2929;padding:0 12px 0 0}.directive-area{text-align:center;position:relative}.eyebrow{color:#d89175;letter-spacing:.18em;font-size:clamp(10px,1.3vw,15px)}h1{letter-spacing:-.07em;text-shadow:0 0 20px #ff202059;margin:18px 0;font-size:clamp(50px,10vw,178px);line-height:.86}.directive-area>p:not(.eyebrow){letter-spacing:.08em;font-size:clamp(12px,1.6vw,23px)}.modifier{color:#f0b7a2;max-width:900px;margin:0 auto 28px;line-height:1.35}.consensus{color:#9a7474}.progress{background:#462020;max-width:620px;height:4px;margin:36px auto 0}.progress b{background:#ff4c4c;height:100%;display:block;box-shadow:0 0 12px #ff4c4c}.execution-time{color:#ffd2b9;border:1px solid #8e3232;margin-top:25px;padding:9px 13px;font-size:clamp(12px,1.5vw,18px);display:inline-block}.comment{color:#e2a26f;max-width:720px;margin:26px auto;line-height:1.45}.warning{color:#ffc15d}.scan{animation:.95s ease-in-out infinite alternate scan}@keyframes scan{to{letter-spacing:.01em;opacity:.45}}.operator{color:#c9b5b0;background:#100d0d;border-left:1px solid #522323;padding:22px;overflow-y:auto}.operator-title{color:#f04e4e;letter-spacing:.1em;border-bottom:1px solid #522323;justify-content:space-between;padding-bottom:14px;font-size:12px;display:flex}.operator-title strong{color:#e6ad74}.metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;display:grid}.metrics div{text-align:center;background:#1c1212;border:1px solid #3c2222;padding:12px 6px}.metrics b{color:#ff5a5a;font-size:23px;display:block}.metrics span{color:#927a75;letter-spacing:.06em;margin-top:6px;font-size:8px;display:block}.operator section{border-top:1px solid #412323;margin-top:22px;padding-top:16px}.operator h2{letter-spacing:.14em;color:#c38472;margin:0 0 12px;font-size:10px}.button-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}button{color:#e7c6bd;cursor:pointer;background:#201313;border:1px solid #6b3333;padding:10px;font-size:11px;transition:background .15s}button:hover:not(:disabled){background:#4a1e1e}button:disabled{cursor:not-allowed;opacity:.35}button.primary{color:#150909;background:#ef6363;border-color:#ef6363}button.danger{color:#ffb08f;border-color:#a84937}button.quiet{color:#957d77}form{gap:8px;display:flex}input{color:#ffd4c7;background:#0e0c0c;border:1px solid #593333;flex:1;min-width:0;padding:10px}.activity{color:#886b67;min-height:92px;margin-top:10px;font-size:10px}.activity p{margin:5px 0}.activity span{color:#e6a887}.controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.controls h2,.controls .primary{grid-column:1/-1}.connection-copy{color:#be9486;letter-spacing:.06em;font-size:10px;line-height:1.5}.settings{color:#ad918a;gap:8px;font-size:10px;display:grid}.settings label{grid-template-columns:1fr 55px 25px;align-items:center;gap:7px;display:grid}.settings input{width:100%;padding:6px}.settings .checkbox{grid-template-columns:18px 1fr}.settings .checkbox input{width:14px}.hud-only{display:block}.hud-only .hud{min-height:100vh}html.unit800-transparent-page,body.unit800-transparent-page,.overlay-transparent,.overlay-transparent .hud{background:0 0!important}.overlay-transparent .hud:before{opacity:.05}.overlay-transparent header,.overlay-transparent footer{border-color:#9e303073}.overlay-transparent .directive-area{background:#030304ed;border:2px solid #ff5b5bd9;padding:clamp(26px,4vw,72px);box-shadow:0 0 0 3px #000000eb,0 18px 48px #000000c7,inset 0 0 38px #86000033}.overlay-transparent .directive-area h1{color:#fff1e9;-webkit-text-stroke:1px #ff4747;text-shadow:0 4px #210000,0 0 22px #ff2d2dd1}.overlay-transparent .directive-area p{text-shadow:0 3px 5px #000,0 0 14px #ff20206b}.overlay-transparent .directive-area .modifier{color:#ffe4d6;font-weight:700}.overlay-transparent .directive-area .consensus,.overlay-transparent .directive-area .eyebrow{color:#ffc3a8}.overlay-transparent .rail{color:#e8c5bb;background:#030304e0;padding-top:10px;padding-bottom:10px;box-shadow:0 8px 26px #000000a6}.overlay-transparent header,.overlay-transparent footer{color:#ffd3c1;text-shadow:0 2px 4px #000;background:#030304d6;padding:12px}@media (width<=900px){.app{grid-template-columns:1fr}.hud{min-height:68vh}.operator{border-top:1px solid #522323;border-left:0}.hud-grid{grid-template-columns:1fr}.rail{display:none}footer{font-size:8px}}
