@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";@font-face{font-family:AST_PremiumExec;src:url(/shape-shifter/assets/WebPlus_AST_PremiumExec-3MyXcnaR.woff);font-display:block}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{display:flex;align-items:center;justify-content:center;background:radial-gradient(130% 130% at 50% 35%,transparent 38%,rgba(0,0,0,.75) 100%),var(--room, #04060a)}#bezel{position:relative;border-radius:24px;background:linear-gradient(155deg,var(--bezel-light, #3b3e37) 0%,var(--bezel-dark, #1c1e19) 72%);box-shadow:0 2px 1px #ffffff17 inset,0 -3px 3px #0000008c inset,0 28px 60px #0009,0 1px #000c}#screen{position:relative;overflow:hidden;border-radius:8px;padding:var(--screen-pad, 14px);background:var(--glass, #0a0f0c);box-shadow:0 0 0 2px #000000d9,0 0 26px #000000e6 inset}#grid{position:relative}#app{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}canvas{display:block}.gui{position:absolute;z-index:2;font-family:AST_PremiumExec,ui-monospace,monospace;font-size:var(--font-px, 38px);line-height:var(--cell-h, 38px);color:var(--text, #ffffff);text-shadow:var(--glow, 0 0 6px rgba(255, 255, 255, .45));white-space:pre}#console{left:0;top:0;width:100%;height:100%;background-color:var(--glass, #0a0f0c);z-index:3}.cannotSnubGyro{opacity:.4}.glitch{left:0;top:0;margin:0;width:100%;height:100%;z-index:4;pointer-events:none;color:var(--glitch-color, #ffffff);overflow:hidden}.discovery-popup{z-index:6;pointer-events:auto;cursor:pointer}.discovery-popup .popup-frame,.discovery-text{color:var(--text-bright, #ffffff);text-shadow:var(--glow-bright, var(--glow))}.library-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7}.library-popup{z-index:8;pointer-events:none}.library-popup .popup-frame{color:var(--text, #ffffff);text-shadow:var(--glow, none)}.library-close{position:absolute;z-index:9;background:var(--backlight, #10141c)}.library-panel{z-index:9;pointer-events:none}.confirm-popup{z-index:10;pointer-events:auto}.popup-opaque{background:rgb(from var(--backlight, #10141c) r g b / var(--popup-bg-alpha, 1))}.confirm-text{white-space:pre;text-align:center}.confirm-buttons{height:var(--cell-h, 38px);line-height:var(--cell-h, 38px);text-align:center}.help-popup{z-index:12;pointer-events:auto}.help-text{color:var(--text-bright, #ffffff);text-shadow:var(--glow-bright, var(--glow))}.popup-frame{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;color:var(--text-dim, #7c8693);text-shadow:var(--glow-dim, var(--glow));pointer-events:none;white-space:pre;font:inherit}.popup-body{position:absolute;overflow-y:auto;overflow-x:hidden}.popup-resize{white-space:pre;width:max-content}.readout-toggle{cursor:pointer;opacity:.6}.readout-toggle:hover{opacity:1;color:var(--text-bright, #ffffff);text-shadow:var(--glow-bright, var(--glow))}.popup-body::-webkit-scrollbar{width:6px}.popup-body::-webkit-scrollbar-thumb{background:var(--text-dim, #7c8693)}.popup-body::-webkit-scrollbar-track{background:transparent}.history-body{scroll-snap-type:y mandatory}.history-item{padding:0;cursor:pointer;scroll-snap-align:start}.history-label{white-space:pre-wrap;padding-left:4ch;text-indent:-4ch}.history-item:hover{background:#ffffff1a}.history-item.current{background:#ffffff29}.history-item.current .history-label{color:var(--text-bright, #ffffff);text-shadow:var(--glow-bright, var(--glow))}.history-item.future{opacity:.4}.history-item.invalid .history-label{color:var(--text-warn, #e0a36a);text-shadow:var(--glow-warn, var(--glow))}.history-name{white-space:pre-wrap;padding-left:3ch;text-indent:-1ch;opacity:.7;font-style:italic}.options-line{height:var(--cell-h, 38px);line-height:var(--cell-h, 38px);white-space:pre}.ctl{position:relative;display:inline-block;height:var(--cell-h, 38px);line-height:var(--cell-h, 38px);vertical-align:top;cursor:pointer;pointer-events:auto;user-select:none;-webkit-user-select:none}.ctl-btn{color:var(--text, #ffffff);text-shadow:var(--glow, none)}.ctl-btn:hover{color:var(--select, #5ad7ff);text-shadow:var(--glow-select, var(--glow))}.ctl-radio{color:var(--text-dim, #7c8693);text-shadow:var(--glow-dim, var(--glow))}.ctl-radio:hover{color:var(--text-bright, #ffffff);text-shadow:var(--glow-bright, var(--glow))}.ctl.pressed{color:var(--select, #5ad7ff);text-shadow:var(--glow-select, var(--glow))}.ctl-radio-group{white-space:pre}.ctl-radio>input{position:absolute;width:0;height:0;opacity:0;margin:0;pointer-events:none}.ctl-radio.checked:not(.pressed){background-color:#fff;color:transparent;text-shadow:var(--glow-inv, #0a0f0c);box-shadow:var(--glow, none)}.ctl-radio.checked:not(.pressed):before{content:attr(data-label);position:absolute;left:0;top:0;color:#000;text-shadow:none;box-shadow:none;background-color:#fff;mix-blend-mode:lighten}.ctl-radio.checked:not(.pressed):after{content:attr(data-label);position:absolute;left:0;top:0;color:rgb(from var(--text, #ffffff) calc(255 - r) calc(255 - g) calc(255 - b));text-shadow:none;box-shadow:none;background-color:rgb(from var(--text, #ffffff) calc(255 - r) calc(255 - g) calc(255 - b));mix-blend-mode:difference}.ctl-radio.checked.running:not(.pressed){text-shadow:var(--glow-dim-inv);box-shadow:var(--glow-dim, var(--glow, none))}.ctl-radio.checked.running:not(.pressed):after{color:rgb(from var(--text-dim, #ffffff) calc(255 - r) calc(255 - g) calc(255 - b));background-color:rgb(from var(--text-dim, #ffffff) calc(255 - r) calc(255 - g) calc(255 - b))}.ctl-radio.pressed{background-color:#fff;color:transparent;text-shadow:var(--glow-select-inv);box-shadow:var(--glow-select, none)}.ctl-radio.pressed:before{content:attr(data-label);position:absolute;left:0;top:0;color:#000;text-shadow:none;box-shadow:none;background-color:#fff;mix-blend-mode:lighten}.ctl-radio.pressed:after{content:attr(data-label);position:absolute;left:0;top:0;color:rgb(from var(--select, #5ad7ff) calc(255 - r) calc(255 - g) calc(255 - b));text-shadow:none;box-shadow:none;background-color:rgb(from var(--select, #5ad7ff) calc(255 - r) calc(255 - g) calc(255 - b));mix-blend-mode:difference}.letter-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;border-radius:24px;pointer-events:none}.letter-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none}.letter-stack{position:absolute;left:50%;transform:translate(-50%) translateY(2000px);will-change:transform}.letter-page{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;padding:6% 8%;overflow:hidden;cursor:pointer;pointer-events:auto;border-radius:2px;font-family:Courier New,Courier,monospace;font-size:15px;line-height:1.7;letter-spacing:.3px;color:#2e271cdb;text-align:left;background:radial-gradient(120% 120% at 30% 18%,rgba(255,251,236,.55),transparent 60%),radial-gradient(90% 120% at 85% 92%,rgba(120,100,68,.18),transparent 55%),linear-gradient(168deg,#e6dcc2,#d8caa7 55%,#cdbf9a);box-shadow:0 10px 30px #0000008c,0 1px #ffffff40 inset,0 0 70px #4e3e2459 inset}.letter-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.55;mix-blend-mode:multiply;background:radial-gradient(circle at 16% 78%,rgba(92,70,38,.14),transparent 16%),radial-gradient(circle at 80% 26%,rgba(92,70,38,.12),transparent 20%),radial-gradient(circle at 62% 90%,rgba(60,45,24,.12),transparent 24%),radial-gradient(circle at 40% 45%,rgba(70,55,30,.05),transparent 40%)}.letter-line{margin:0 0 .85em;position:relative;z-index:1}.letter-line:last-child{margin-bottom:0}#pixels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}#pixels:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-position:0 0}[data-pixel-mask=lines] #pixels:before{background-image:repeating-linear-gradient(to right,rgba(0,0,0,var(--pixel-opacity, .2)) 0,rgba(0,0,0,var(--pixel-opacity, .2)) 1px,transparent 1px,transparent var(--pixel-size, 2px)),repeating-linear-gradient(to bottom,rgba(0,0,0,var(--pixel-opacity, .2)) 0,rgba(0,0,0,var(--pixel-opacity, .2)) 1px,transparent 1px,transparent var(--pixel-size, 2px))}[data-pixel-mask=dots] #pixels:before{background-image:radial-gradient(circle at center,transparent 0%,transparent 45%,rgba(0,0,0,var(--pixel-opacity, .2)) 70%);background-size:var(--pixel-size, 2px) var(--pixel-size, 2px)}#pixels:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 50% 50%,transparent 55%,rgba(0,0,0,var(--vignette-opacity, .55)) 100%)}.bezel-controls{position:absolute;left:var(--bezel-frame, 40px);right:var(--bezel-frame, 40px);bottom:0;height:var(--bezel-bottom, 90px);display:flex;align-items:center;justify-content:space-between;padding:0 8px;box-sizing:border-box;z-index:5;font-family:Helvetica Neue,Arial,sans-serif;user-select:none;-webkit-user-select:none}.bezel-group{font-family:Share Tech Mono;display:flex;align-items:center;gap:10px}.bezel-label{font-size:14pt;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffff52;text-shadow:0 1px 0 rgba(0,0,0,.6)}.bezel-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font:inherit;font-size:14pt;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff9e;text-shadow:0 1px 0 rgba(0,0,0,.7);padding:5px 12px;border-radius:5px;background:linear-gradient(160deg,var(--bezel-light, #3b3e37) 0%,var(--bezel-dark, #1c1e19) 90%);box-shadow:0 1px #ffffff1f inset,0 -2px 3px #00000080 inset,0 2px 3px #0000008c,0 1px #000000b3}.bezel-btn:hover{color:#ffffffd9}.bezel-btn:active{color:#ffffff80;background:linear-gradient(160deg,var(--bezel-dark, #1c1e19) 0%,var(--bezel-light, #3b3e37) 100%);box-shadow:0 2px 4px #0009 inset,0 1px #ffffff0f;transform:translateY(1px)}.led{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5a1010,#200505 75%);box-shadow:0 1px 1px #000c,0 0 2px #0009 inset;transition:none}.led.on{background:radial-gradient(circle at 35% 30%,#ff8a7a,#ff2a1a 55%,#b00f08);box-shadow:0 0 6px 1px #ff3223d9,0 0 2px #ff7864e6 inset}