.zx-body{min-height:100dvh;color:var(--color-zx-bright-white);image-rendering:pixelated;background:#000;margin:0;font-family:ZX Spectrum,ui-monospace,monospace;font-size:13px;line-height:1.4;overflow:auto}.zx-app{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:16px}.zx-header{margin-bottom:16px}.zx-kicker{color:var(--color-zx-cyan);margin:0 0 8px}.zx-header-link{color:var(--color-zx-bright-cyan);margin-left:1em}.zx-kicker>.zx-header-link:first-child{margin-left:0}.zx-header-link:hover,.zx-header-link:focus{color:var(--color-zx-bright-yellow)}.zx-header h1{color:var(--color-zx-bright-yellow);margin:0 0 8px;font-size:16px;font-weight:400}.zx-lede{max-width:52rem;color:var(--color-zx-white);margin:0}.zx-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;display:grid}.zx-panel{box-sizing:border-box;border:2px solid var(--color-zx-cyan);background:#000;min-width:0;padding:12px}.zx-panel h2{color:var(--color-zx-bright-yellow);margin:0 0 12px;font-size:13px;font-weight:400}.zx-tv-wrap{background:#000;justify-content:center;display:flex}.zx-tv{width:min(100%,640px);height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.zx-transport{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.zx-btn{border:2px solid var(--color-zx-white);color:var(--color-zx-bright-white);cursor:pointer;background:#000;padding:6px 10px;font-family:inherit;font-size:13px}.zx-btn:hover,.zx-btn:focus-visible{border-color:var(--color-zx-bright-yellow);color:var(--color-zx-bright-yellow);outline:none}.zx-btn.is-active{border-color:var(--color-zx-bright-cyan);background:var(--color-zx-blue);color:var(--color-zx-bright-white)}.zx-regs{grid-template-columns:auto 1fr auto 1fr;gap:4px 12px;margin:0;display:grid}.zx-regs dt{color:var(--color-zx-cyan);margin:0}.zx-regs dd{min-width:0;color:var(--color-zx-bright-white);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.zx-placeholder{color:var(--color-zx-white);margin:0}.zx-toolbar{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:12px;display:flex}.zx-toolbar label,.zx-modder-fields label{color:var(--color-zx-cyan);flex-direction:column;gap:4px;display:flex}.zx-toolbar select,.zx-toolbar input,.zx-panel select,.zx-panel input,.zx-panel textarea{color:var(--color-zx-bright-white);border:2px solid var(--color-zx-white);background:#000;padding:4px;font-family:inherit;font-size:13px}.zx-status{color:var(--color-zx-yellow);min-height:1.4em;margin:0}.zx-depth{color:var(--color-zx-cyan);flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 8px;display:flex}.zx-depth-btn{color:var(--color-zx-white);border:2px solid var(--color-zx-cyan);cursor:pointer;background:#000;padding:4px 8px;font-family:inherit;font-size:13px}.zx-depth-btn.is-active{color:#000;background:var(--color-zx-bright-yellow);border-color:var(--color-zx-bright-yellow)}.zx-peel,.zx-clock,.zx-hint{color:var(--color-zx-white);margin:0 0 8px}.zx-clock{color:var(--color-zx-bright-yellow)}.zx-vonn{background:#000;width:100%;height:auto}.zx-vonn rect{fill:#000;stroke:var(--color-zx-cyan);stroke-width:2px}.zx-vonn text{fill:var(--color-zx-bright-white);font-family:inherit;font-size:12px}.zx-bus-line{stroke:var(--color-zx-white);stroke-width:2px}.zx-bus-line.is-live,.zx-vonn-cpu.is-live,.zx-vonn-mem.is-live,.zx-vonn-ula.is-live{stroke:var(--color-zx-bright-yellow)}.zx-mcycles,.zx-stack,.zx-sections{color:var(--color-zx-white);margin:8px 0 0;padding-left:1.2em}.zx-mcycles{scrollbar-gutter:stable;height:8.4em;overflow-y:auto}.zx-mcycles li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zx-mcycles li.is-current{color:var(--color-zx-bright-yellow)}.zx-trace{grid-template-columns:1fr 1fr;gap:4px 12px;min-height:8.4em;font-size:12px;display:grid}.zx-trace-row{display:contents}.zx-trace .zx-z80,.zx-trace .zx-js{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.zx-trace .zx-z80{color:var(--color-zx-cyan)}.zx-trace .zx-js{color:var(--color-zx-bright-green)}.zx-trace .is-pc .zx-z80,.zx-trace .is-pc .zx-js{color:var(--color-zx-bright-yellow)}.zx-map,.zx-wave{width:100%;height:auto;image-rendering:pixelated;background:#000;display:block}.zx-key-mode{color:var(--color-zx-bright-yellow);margin-left:8px}.zx-keys{flex-direction:column;gap:3px;display:flex}.zx-key-row{gap:3px;display:flex}.zx-key{border:2px solid var(--color-zx-white);min-width:0;min-height:3.4em;color:var(--color-zx-white);text-align:left;cursor:pointer;background:#000;flex-direction:column;flex:1;justify-content:space-between;gap:1px;padding:2px 3px;font-family:inherit;font-size:8px;line-height:1.15;display:flex}.zx-key-wide{flex:1.6}.zx-key-top,.zx-key-mid{justify-content:space-between;gap:2px;min-width:0;display:flex}.zx-key-e,.zx-key-es,.zx-key-face,.zx-key-ss,.zx-key-k{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zx-key-e{color:var(--color-zx-green)}.zx-key-es{color:var(--color-zx-bright-red)}.zx-key-face{color:var(--color-zx-bright-white);font-size:10px}.zx-key-ss{color:var(--color-zx-red)}.zx-key-k{color:var(--color-zx-cyan)}.zx-keys[data-mode=K] .zx-key-k,.zx-keys[data-mode=L] .zx-key-face,.zx-keys[data-mode=C] .zx-key-face,.zx-keys[data-mode=G] .zx-key-face,.zx-keys[data-mode=—] .zx-key-face,.zx-keys[data-mode=E] .zx-key-e,.zx-keys[data-mode=E] .zx-key-es{color:var(--color-zx-bright-yellow)}.zx-key.is-down,.zx-key.is-sticky{background:var(--color-zx-blue)}.zx-key.is-sticky{border-color:var(--color-zx-bright-yellow)}.zx-modder-fields{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.zx-panel textarea{box-sizing:border-box;width:100%;min-height:6em;margin:8px 0}.zx-tip{z-index:40;border:2px solid var(--color-zx-cyan);width:280px;color:var(--color-zx-bright-white);pointer-events:none;background:#000;padding:8px;position:absolute}.zx-tip-what{color:var(--color-zx-bright-yellow);margin:0 0 6px}.zx-tip-why{color:var(--color-zx-white);margin:0}.zx-app{max-width:1200px}.zx-about .zx-essay,.zx-about-lead,.zx-about-section{max-width:52rem}.zx-essay{line-height:1.6}.zx-essay p{color:var(--color-zx-white);margin:0 0 1.1em}.zx-about-section{margin:2em 0 0}.zx-about-section>h2,.zx-hardware>h2{color:var(--color-zx-bright-yellow);margin:0 0 12px;font-size:13px;font-weight:400}.zx-about-lead{color:var(--color-zx-white);margin:0 0 1.2em;line-height:1.6}.zx-about-lead code,.zx-hardware code{color:var(--color-zx-cyan)}.zx-family-title{color:var(--color-zx-cyan);margin:1.4em 0 8px;font-size:13px;font-weight:400}.zx-opcode-wrap{overflow-x:auto}.zx-opcode-table{border-collapse:collapse;width:100%;margin:0 0 .4em;font-size:12px}.zx-opcode-table th{text-align:left;color:var(--color-zx-bright-yellow);border-bottom:1px solid var(--color-zx-cyan);padding:4px 12px 4px 0;font-weight:400}.zx-opcode-table td{vertical-align:top;padding:3px 12px 3px 0}.zx-hex{color:var(--color-zx-cyan);white-space:nowrap}.zx-asm{color:var(--color-zx-bright-yellow)}.zx-twin{color:var(--color-zx-bright-green)}.zx-hardware{flex-direction:column;gap:12px;display:flex}.zx-hardware .zx-panel p{color:var(--color-zx-white);margin:0;line-height:1.6}@media (width<=800px){.zx-grid{grid-template-columns:1fr}}.zx-crt{line-height:0;display:inline-block;position:relative}.zx-crt-glass{pointer-events:none;display:none}.zx-glory-hud{display:none}.zx-glory{height:100dvh;overflow:hidden}.zx-glory .zx-app{flex-direction:column;max-width:none;height:100dvh;padding:8px 12px 12px;display:flex}.zx-glory .zx-header{margin-bottom:8px}.zx-glory .zx-header h1,.zx-glory .zx-lede{display:none}.zx-glory .zx-toolbar{gap:8px;margin-bottom:6px}.zx-glory .zx-grid{flex:1;grid-template-columns:1fr;min-height:0}.zx-glory .zx-grid>:not(.zx-panel-tv){display:none}.zx-glory .zx-panel-tv{background:radial-gradient(#101010 0%,#000 72%);border-color:#111;flex-direction:column;height:100%;min-height:0;padding:8px;display:flex}.zx-glory .zx-panel-tv h2,.zx-glory .zx-depth,.zx-glory .zx-peel,.zx-glory .zx-clock{display:none}.zx-glory .zx-tv-wrap{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;overflow:hidden;container-type:size}.zx-glory .zx-crt{aspect-ratio:320/256;border-radius:18px/24px;flex:none;width:min(100%,125dvh - 12.5rem);max-height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 3px #1a1a1a,0 0 0 10px #050505,0 0 56px #00b4ff29}@container (width>=2px) and (height>=2px){.zx-glory .zx-crt{width:min(100cqw,125cqh);max-height:none}}.zx-glory .zx-tv{border-radius:inherit;filter:contrast(1.12)saturate(1.2)brightness(1.05);width:100%;height:100%;max-height:none;position:absolute;inset:0}.zx-glory .zx-crt-glass{border-radius:inherit;background:repeating-linear-gradient(#00000047 0 1px,#0000 1px 3px),radial-gradient(#0000 46%,#0000008c 100%);display:block;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 30px #ffffff0f}.zx-glory .zx-crt-glass:after{content:"";background:linear-gradient(#0000,#b4ffff12,#0000);height:18%;animation:9s linear infinite zx-crt-sweep;position:absolute;left:0;right:0}@keyframes zx-crt-sweep{0%{transform:translateY(-120%)}to{transform:translateY(620%)}}.zx-glory .zx-glory-hud{color:var(--color-zx-cyan);flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0 0;display:flex}.zx-glory #zx-glory-link{color:var(--color-zx-bright-yellow)}