.bp-root{--bp-bg:#08090b;--bp-panel:#11131a;--bp-panel-soft:#171a23;--bp-ink:#e9f5c7;--bp-muted:#84915d;--bp-lime:#d7ff42;--bp-lime-soft:#d7ff4229;--bp-cyan:#3cf4ff;--bp-red:#ff415d;min-height:100vh;color:var(--bp-ink);background:linear-gradient(90deg,#d7ff420f,#0000 12%,#0000 88%,#d7ff420d),repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 4px),radial-gradient(circle at 48% 12%,#1b1c23 0,var(--bp-bg) 58%);letter-spacing:0;outline:none;font-family:Arial Narrow,Bahnschrift,Noto Sans Mono,SFMono-Regular,Consolas,monospace}.bp-root *,.bp-root :after,.bp-root :before{box-sizing:border-box}.bp-frame{border:1px solid #d7ff428c;min-height:100vh;padding:1.45rem 4.6rem 4.1rem 5.1rem;position:relative}.bp-frame:before{content:"";pointer-events:none;border:1px solid #d7ff42b8;position:absolute;inset:4.9rem 4.2rem 3.3rem 4.6rem}.bp-topbar{z-index:1;grid-template-columns:14rem 1fr 15rem;align-items:center;gap:1.1rem;min-height:2.15rem;display:grid;position:relative}.bp-brand{color:var(--bp-lime);align-items:center;gap:.55rem;font-size:1.05rem;font-weight:900;display:flex}.bp-brand span:last-child{border-left:.18rem solid;padding-left:.36rem}.bp-mark{aspect-ratio:1;border:1px solid;width:1.55rem;font-size:.62rem;line-height:1}.bp-interface-strip,.bp-mark{color:var(--bp-bg);background:var(--bp-lime);place-items:center;display:grid}.bp-interface-strip{text-transform:uppercase;height:1.15rem;font-size:.6rem;font-weight:900}.bp-system-code{color:var(--bp-red);text-align:right;font-size:.62rem;font-weight:900}.bp-hud{z-index:1;background:linear-gradient(90deg,#d7ff4214,#d7ff4205);grid-template-columns:minmax(18rem,26rem) minmax(16rem,1fr) 11rem;align-items:end;gap:1.6rem;min-height:4.8rem;margin:1.7rem 0 1.35rem;padding:0 3.5rem;display:grid;position:relative}.bp-label-row,.bp-panel-heading,.bp-panel-title{color:var(--bp-lime);text-transform:uppercase;font-weight:900}.bp-label-row{justify-content:space-between;align-items:end;gap:1rem;font-size:1rem;display:flex}.bp-label-row output{border:1px solid var(--bp-lime);text-align:right;background:#d7ff4214;min-width:4.6rem;padding:.25rem .45rem;font-size:1.2rem}.bp-time-bar{background:#0000005c;border:1px solid #d7ff4259;height:.38rem;margin-top:.5rem}.bp-time-bar span{background:var(--bp-lime);height:100%;display:block;box-shadow:0 0 1rem #d7ff4266}.bp-buffer-panel{align-self:stretch}.bp-buffer-grid{border:1px solid var(--bp-lime);background:#0000002e;grid-template-columns:repeat(6,minmax(0,1fr));gap:.32rem;margin-top:.35rem;padding:.55rem;display:grid}.bp-buffer-slot{min-height:2rem;color:var(--bp-lime);border:1px dashed #d7ff4273;place-items:center;font-weight:900;display:grid}.bp-buffer-slot.is-filled{border-style:solid}.bp-buffer-slot.is-filled,.bp-status-chip{color:var(--bp-bg);background:var(--bp-lime)}.bp-status-chip{border:1px solid var(--bp-lime);text-align:center;align-self:center;padding:.5rem .65rem;font-weight:900}.bp-root[data-phase=failed] .bp-status-chip{color:var(--bp-ink);background:var(--bp-red);border-color:var(--bp-red)}.bp-workspace{z-index:1;grid-template-columns:minmax(21rem,23.5rem) minmax(24rem,1fr);align-items:start;gap:1.8rem;padding:0 3.5rem;display:grid;position:relative}.bp-matrix-panel,.bp-sequence-panel{background:#0a0b0fc2;border:1px solid #d7ff428c}.bp-panel-title{border-bottom:1px solid #d7ff42b3;justify-content:space-between;align-items:center;min-height:2rem;padding:0 .7rem;font-size:.9rem;display:flex}.bp-matrix-panel .bp-panel-title{color:var(--bp-bg);background:var(--bp-lime)}.bp-matrix-grid{grid-template-columns:repeat(5,minmax(0,1fr));padding:.65rem 0;display:grid}.bp-cell{aspect-ratio:1.22;color:var(--bp-lime);font:inherit;background:0 0;border:0;border-radius:0;outline:none;place-items:center;font-size:1.3rem;font-weight:900;display:grid;position:relative}.bp-cell.is-active-line{background:#4a53656b}.bp-cell.is-picked{color:var(--bp-bg);background:var(--bp-lime)}.bp-cell.is-cursor:before{content:"";border:2px solid var(--bp-cyan);position:absolute;inset:.32rem;box-shadow:0 0 .9rem #3cf4ff6b}.bp-cell.is-selectable{cursor:pointer}.bp-cell.is-selectable:hover{color:var(--bp-bg);background:var(--bp-lime)}.bp-cell.is-muted:not(.is-picked){opacity:.58}.bp-sequence-panel{min-height:12rem}.bp-payload{border-bottom:1px solid #d7ff422e;grid-template-columns:minmax(6rem,9rem) 2.2rem 1fr;align-items:center;gap:1rem;padding:.75rem 1rem;display:grid}.bp-sequence{color:var(--bp-ink);flex-wrap:wrap;gap:.55rem;font-size:1rem;display:flex}.bp-sequence span{min-width:1.35rem;font-weight:900}.bp-sequence span.is-matched{color:var(--bp-lime);text-shadow:0 0 .7rem #d7ff42a6}.bp-sequence span.is-complete{color:var(--bp-bg);background:var(--bp-lime)}.bp-sequence-state{font-size:1rem;font-weight:900}.bp-payload-glyph{aspect-ratio:1;border:.3rem solid var(--bp-lime);width:1.6rem;transform:rotate(45deg)}.bp-payload strong{color:var(--bp-ink);font-size:.98rem}.bp-payload p{color:var(--bp-lime);margin:.18rem 0 0;font-size:.84rem;font-weight:700}.bp-payload.is-complete{color:var(--bp-bg);background:var(--bp-lime)}.bp-payload.is-failed{color:var(--bp-bg);background:var(--bp-red)}:is(.bp-payload.is-complete,.bp-payload.is-failed) .bp-payload-glyph{border-color:currentColor}.bp-payload.is-complete p,.bp-payload.is-complete strong,.bp-payload.is-failed p,.bp-payload.is-failed strong{color:currentColor}.bp-empty-sequences{color:var(--bp-muted);padding:1.1rem;font-weight:900}.bp-result-banner{z-index:2;border:2px solid var(--bp-lime);width:min(42rem,100% - 8rem);color:var(--bp-bg);background:var(--bp-lime);padding:.9rem 1.1rem;position:absolute;bottom:7rem;left:50%;transform:translate(-50%);box-shadow:0 0 2rem #d7ff4247}.bp-result-banner strong{font-size:1.8rem;line-height:1;display:block}.bp-result-banner span{margin-top:.35rem;font-weight:900;display:block}.bp-root[data-phase=failed] .bp-result-banner{color:var(--bp-ink);background:var(--bp-red);border-color:var(--bp-red)}.bp-footer{color:var(--bp-cyan);grid-template-columns:9rem 1fr auto;align-items:center;gap:1rem;font-size:.72rem;font-weight:900;display:grid;bottom:1.1rem;right:4.6rem}.bp-disclaimer,.bp-footer{z-index:1;position:absolute;left:5.1rem}.bp-disclaimer{max-width:23rem;color:var(--bp-muted);font-size:.6rem;font-weight:700;line-height:1.25;bottom:4rem}.bp-help-strip{flex-wrap:no-wrap;justify-content:flex-end;gap:1rem;display:flex}.bp-footer kbd{min-width:1.35rem;height:1.35rem;color:var(--bp-bg);background:var(--bp-cyan);font:inherit;border-radius:999px;place-items:center;margin-right:.25rem;display:inline-grid}.bp-actions{gap:.4rem;display:flex}.bp-actions button{color:var(--bp-cyan);font:inherit;cursor:pointer;background:#3cf4ff14;border:1px solid #3cf4ff8c;padding:.38rem .55rem;font-weight:900}.bp-actions button:focus-visible,.bp-actions button:hover{color:var(--bp-bg);background:var(--bp-cyan);outline:none}@media (prefers-reduced-motion:no-preference){.bp-root[data-phase=playing] .bp-interface-strip{animation:1.7s steps(2,end) infinite bp-strip-pulse}}@keyframes bp-strip-pulse{50%{filter:brightness(1.35)}}@media (width<=980px){.bp-root{overflow:auto}.bp-frame{min-height:100vh;padding:.9rem .7rem 9rem}.bp-frame:before{display:none}.bp-footer,.bp-hud,.bp-topbar,.bp-workspace{grid-template-columns:1fr;padding:0}.bp-system-code{text-align:left}.bp-hud,.bp-workspace{gap:.9rem}.bp-footer{margin-top:1rem;position:static}.bp-disclaimer{margin-top:.8rem;position:static}.bp-help-strip{justify-content:flex-start}.bp-result-banner{width:auto;margin:1rem 0 0;position:static;transform:none}}