@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap";
:root{--background:#ededed;--foreground:#000}*{box-sizing:border-box}body{background-color:var(--background);cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path d='M 10 6 L 6 6 L 6 26 L 10 26' fill='none' stroke='%23CD3F01' stroke-width='1.5'/><path d='M 22 6 L 26 6 L 26 26 L 22 26' fill='none' stroke='%23CD3F01' stroke-width='1.5'/><path d='M 16 11 L 16 21 M 11 16 L 21 16' fill='none' stroke='%23CD3F01' stroke-width='1.5'/></svg>") 16 16,crosshair;background-image:linear-gradient(-45deg,#ededed 25%,#e7e7e7 25% 50%,#ededed 50% 75%,#e7e7e7 75% 100%);background-size:56.57px 56.57px;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;font-family:Geist Mono,monospace;display:flex;overflow:hidden}#scaler{transform-origin:50%;justify-content:center;align-items:center;display:flex;transform:scale(1)}.card{z-index:10;flex-direction:column;flex-shrink:0;width:calc(100vw - 40px);max-width:450px;display:flex;position:relative}.block{background:#fff;position:relative}.hline{z-index:5;background-color:#999;width:200vw;height:1px;position:absolute;left:50%;transform:translate(-50%)}.vline{z-index:5;background-color:#999;width:1px;height:200vh;position:absolute;top:50%;transform:translateY(-50%)}.v-left{left:0}.v-right{right:0}.boundary{z-index:10;height:0;position:absolute;left:0;right:0}.b-top{top:0}.b-bottom{bottom:0}.cross{z-index:15;width:11px;height:11px;position:absolute;top:0;transform:translate(-50%,-50%)}.cross:before{content:"";background-color:#000;width:2px;position:absolute;top:0;bottom:0;left:4px}.cross:after{content:"";background-color:#000;height:2px;position:absolute;top:4px;left:0;right:0}.cross-left{left:0}.cross-right{left:100%}.header-block{padding:12px 24px}.header-text{letter-spacing:-.02em;color:#000;font-size:11px;line-height:1}.canvas-block{aspect-ratio:404/402;justify-content:center;align-items:flex-start;width:100%;height:auto;display:flex;overflow:hidden}canvas#c{aspect-ratio:1;image-rendering:auto;width:100%;height:auto;display:block}.footer-block{padding:20px 40px 32px}.headline{letter-spacing:-.02em;color:#cd3f01;margin-bottom:12px;font-size:20px}.subhead{letter-spacing:-.02em;color:#333e32;padding-left:24px;font-size:12px}.status-row{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.dots{border-bottom:2px dotted #aaa;flex-grow:1;margin:0 8px}.val{color:#000}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{color:#cd3f01;margin-left:5px;animation:1s step-end infinite blink;display:inline-block}@media (max-width:480px){.header-block{padding:10px 15px}.header-text{font-size:8.5px}.footer-block{padding:15px 20px 24px}.headline{margin-bottom:8px;font-size:16px}.subhead{padding-left:12px;font-size:10px}}