#wopr-screen{position:fixed;inset:0;z-index:1050;background:#01030a;color:#b7d9ff;display:flex;flex-direction:column;padding:24px 3vw;font:12px/1.6 'IBM Plex Mono',monospace;overflow:auto;cursor:pointer}#wopr-screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#0002 3px 4px);opacity:.3}#wopr-screen .wopr-top,#wopr-screen .wopr-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center}#wopr-screen .wopr-top{padding-bottom:20px;color:#a9c7fa}#wopr-screen .wopr-top>span:last-child{font-size:10px;color:#7490b7}#wopr-screen .wopr-stage{position:relative;flex:1;min-height:300px;display:grid;grid-template-columns:1.75fr 1fr;gap:22px;align-content:center}#wopr-screen .wopr-monitor{border:2px solid #d6e6ff;background:#010717;box-shadow:0 0 5px #b6cbff88,inset 0 0 30px #12356a44;min-width:0;overflow:hidden;display:flex;flex-direction:column}#wopr-screen .wopr-main{align-self:stretch}#wopr-screen .wopr-side{display:grid;gap:22px}#wopr-screen .monitor-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;padding:10px 12px;color:#adceff}#wopr-screen svg{width:100%;display:block;flex:1;min-height:0;max-height:64vh}#wopr-screen .wopr-side svg{max-height:27vh}#wopr-screen .monitor-readout{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1px;padding:10px 12px;border-top:1px solid #304465;color:#90b2e0}#wopr-screen .monitor-readout b{color:#f3949b;font-weight:400}#wopr-screen .readout-bars{color:#84d8ed;letter-spacing:4px}#wopr-screen .wopr-bottom{padding-top:24px}#wopr-screen .wopr-count{font-size:11px;margin:5px 0 0;color:#738eb5}#wopr-screen button{background:transparent;color:#a9c7fa;border:1px solid #45618b;padding:8px 12px;font:11px monospace;cursor:pointer}#wopr-screen button:focus-visible{outline:1px solid #c0ddff;outline-offset:4px}@media(max-width:700px){#wopr-screen{padding:16px}#wopr-screen .wopr-top{align-items:flex-start;flex-direction:column;gap:4px;font-size:10px}#wopr-screen .wopr-stage{grid-template-columns:1fr;gap:16px}#wopr-screen .wopr-side{grid-template-columns:1fr 1fr;gap:12px}#wopr-screen .wopr-main svg{min-height:220px}#wopr-screen .wopr-side svg{min-height:110px;max-height:20vh}#wopr-screen .monitor-label{font-size:8px;letter-spacing:0;padding:6px}#wopr-screen .monitor-readout{font-size:8px;padding:6px;letter-spacing:0;flex-wrap:wrap}#wopr-screen .wopr-bottom{font-size:10px}#wopr-screen .wopr-bottom button{font-size:9px;white-space:nowrap}}
