:root{color-scheme:dark;--bg: #03090b;--bg-raised: #071114;--panel: rgba(9, 23, 26, .88);--panel-strong: #0a171a;--line: rgba(132, 221, 208, .18);--line-strong: rgba(132, 221, 208, .42);--text: #e7f5f0;--muted: #80a59f;--phosphor: #8de4ce;--phosphor-bright: #b7ffe9;--amber: #e4b96f;--danger: #f26c73;--state-0: #ff4d5a;--state-1: #79ffb7;--state-2: #6f8cff;--radius: 14px;--mono: "IBM Plex Mono", "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% 0%,rgba(49,119,112,.13),transparent 28rem),linear-gradient(180deg,#041013,#03090b 42%,#020607);font-family:var(--mono);line-height:1.45}button,input{font:inherit}button{color:inherit}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;transform:translateY(-180%);padding:.65rem .9rem;color:#00110c;background:var(--phosphor-bright);border-radius:8px}.skip-link:focus{transform:translateY(0)}.app-shell{width:min(1600px,calc(100% - 32px));margin:0 auto;padding:24px 0 36px}.masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:4px 2px 20px;border-bottom:1px solid var(--line)}.eyebrow,.section-kicker{margin:0 0 5px;color:var(--phosphor);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.masthead h1,.panel h2{margin:0;font-weight:700;letter-spacing:-.035em}.masthead h1{font-size:clamp(1.8rem,4vw,3.4rem);line-height:.98}.masthead h1 span{color:var(--amber);font-size:.5em;letter-spacing:.05em;vertical-align:top}.subtitle{margin:10px 0 0;color:var(--muted);font-size:.8rem}.masthead-status{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#040c0eb3;font-size:.67rem;letter-spacing:.08em}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--state-1);box-shadow:0 0 12px #79ffb7c7}.status-dot.is-paused{background:var(--amber);box-shadow:0 0 12px #e4b96fa6}.divider{color:#fff3}.workspace{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(320px,.75fr);gap:18px;margin-top:18px}.panel{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#0a191cf5,#050f11f5);box-shadow:0 18px 48px #0000003d}.viewport-panel{display:flex;flex-direction:column;min-height:720px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border-bottom:1px solid var(--line)}.panel h2{font-size:.98rem}.toolbar,.button-grid,.seed-row,.data-buttons{display:flex;gap:8px}.button{appearance:none;min-height:38px;padding:.55rem .72rem;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);background:#0b1f22d1;cursor:pointer;font-size:.7rem;font-weight:700;letter-spacing:.06em;transition:border-color .12s ease,background .12s ease,transform .12s ease,box-shadow .12s ease}.button:hover{border-color:var(--phosphor);background:#184140a6}.button:active{transform:translateY(1px)}.button:focus-visible,input:focus-visible{outline:2px solid var(--phosphor-bright);outline-offset:2px}.button-primary,.button.is-active{color:#001510;border-color:var(--phosphor-bright);background:var(--phosphor-bright);box-shadow:0 0 24px #8de4ce2e}.button-accent{border-color:#e4b96f99;color:#ffdca2;background:#5f3d123d}.button-quiet{min-height:32px;padding:.4rem .6rem;color:var(--muted);background:#02090a8c}.button.is-flashing{color:#251600;border-color:#ffe1aa;background:#ffe1aa;box-shadow:0 0 28px #ffe1aa59}.scene-wrap{position:relative;flex:1 1 auto;min-height:590px;margin:12px;overflow:hidden;border:1px solid rgba(141,228,206,.3);border-radius:10px;background:radial-gradient(circle at 50% 50%,rgba(40,100,93,.12),transparent 55%),#03090b}.scene,.scene canvas{width:100%;height:100%}.scene canvas{display:block;cursor:grab}.scene canvas:active{cursor:grabbing}.crt-scanlines,.crt-vignette{position:absolute;inset:0;pointer-events:none}.crt-scanlines{z-index:2;opacity:.13;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(0,0,0,.55) 4px);mix-blend-mode:multiply}.crt-vignette{z-index:3;box-shadow:inset 0 0 90px #000000b8,inset 0 0 18px #8de4ce14}.hud{position:absolute;z-index:4;inset:13px 14px auto;display:flex;justify-content:space-between;gap:12px;color:#b7ffe9a8;font-size:.6rem;letter-spacing:.12em}.legend{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;padding:0 16px 15px;color:var(--muted);font-size:.67rem}.legend span{display:inline-flex;align-items:center;gap:7px}.legend-swatch{width:8px;height:8px;border-radius:50%;box-shadow:0 0 10px currentColor}.state-zero{background:var(--state-0);color:var(--state-0)}.state-one{background:var(--state-1);color:var(--state-1)}.state-two{background:var(--state-2);color:var(--state-2)}.legend-note{margin-left:auto;color:#80a59fad}.rack{display:grid;align-content:start;gap:12px}.control-panel,.stats-panel{padding-bottom:14px}.control-panel .button-grid,.control-panel .slider-stack,.control-panel .seed-form,.control-panel .data-buttons,.stats-panel .stats-grid,.stats-panel .distribution,.microcopy{margin-inline:14px}.transport-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;margin-top:14px}.operation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.operation-grid .button:nth-child(n+4){grid-column:span 1}.microcopy{margin-top:10px;margin-bottom:0;color:#80a59fb8;font-size:.62rem}.slider-stack{display:grid;gap:14px;margin-top:15px}.slider-row{display:grid;gap:7px}.slider-row>span{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.67rem}.slider-row b{color:var(--text);font-weight:650;letter-spacing:.06em}.slider-row output{color:var(--phosphor)}input[type=range]{width:100%;height:4px;accent-color:var(--phosphor);cursor:pointer}.seed-form{display:grid;gap:7px;margin-top:14px}.seed-form>label{color:var(--muted);font-size:.64rem}.seed-row input{min-width:0;flex:1 1 auto;padding:.6rem .7rem;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);background:#041013}.data-buttons{margin-top:10px}.data-buttons .button{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.stats-grid>div{padding:10px;border:1px solid var(--line);border-radius:8px;background:#02090a7a}.stats-grid dt{color:var(--muted);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.stats-grid dd{margin:4px 0 0;color:var(--phosphor-bright);font-size:.9rem}.distribution{display:grid;gap:9px;margin-top:12px}.distribution-row{display:grid;grid-template-columns:34px minmax(70px,1fr) 118px;align-items:center;gap:8px;color:var(--muted);font-size:.62rem}.distribution-row output{text-align:right}meter{width:100%;height:8px;border:0;background:#ffffff0f}meter::-webkit-meter-bar{border:0;border-radius:999px;background:#ffffff0f}#meter-zero::-webkit-meter-optimum-value{background:var(--state-0)}#meter-one::-webkit-meter-optimum-value{background:var(--state-1)}#meter-two::-webkit-meter-optimum-value{background:var(--state-2)}#meter-zero::-moz-meter-bar{background:var(--state-0)}#meter-one::-moz-meter-bar{background:var(--state-1)}#meter-two::-moz-meter-bar{background:var(--state-2)}.info-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:18px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--line)}.info-strip>div{padding:14px 16px;background:#050f11f5}.info-strip b{color:var(--phosphor);font-size:.62rem;letter-spacing:.08em}.info-strip p{margin:6px 0 0;color:var(--muted);font-size:.66rem}kbd{display:inline-block;min-width:1.5em;padding:0 .25em;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:4px;color:var(--text);background:#081417;text-align:center}.footer{display:flex;justify-content:space-between;gap:20px;padding:16px 2px 0;color:#80a59fa3;font-size:.6rem}.toast{position:fixed;z-index:80;right:20px;bottom:20px;max-width:min(420px,calc(100vw - 40px));padding:10px 13px;border:1px solid var(--line-strong);border-radius:8px;color:var(--phosphor-bright);background:#040f10f5;box-shadow:0 12px 42px #0000006b;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;font-size:.72rem}.toast.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.viewport-panel{min-height:660px}.rack{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-panel{grid-column:1 / -1}}@media(max-width:720px){.app-shell{width:min(100% - 18px,1600px);padding-top:12px}.masthead,.footer{align-items:flex-start;flex-direction:column}.masthead-status{align-self:stretch;justify-content:center}.viewport-heading{align-items:flex-start;flex-direction:column}.toolbar{width:100%}.toolbar .button{flex:1 1 0}.viewport-panel{min-height:570px}.scene-wrap{min-height:450px;margin:8px}.legend-note{width:100%;margin-left:0}.rack,.info-strip{grid-template-columns:1fr}.stats-panel{grid-column:auto}.transport-grid,.operation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transport-grid .button:first-child{grid-column:1 / -1}.distribution-row{grid-template-columns:30px minmax(60px,1fr) 104px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important}}