:root{--background:#1a1b26;--lighter-background:#3a3c55;--lighter-background-2:#505375;--black:#08080d;--text:#e5e5e5;--gold:gold;--gold-muted:#c4a600;--blue-highlight:#2f3a6a;--red:#be2e29;--turquoise:#00d56e;--orange:#ff7400;--pink:#ff659f;--purple:#a100ff;--deep-blue:#0c00ff;--blue:#00a2ff;--dark-red:#8b0000;--dark-green:#006400;--dark-blue:#00008b;--dark-cyan:#008b8b;--dark-magenta:#8b008b;--dark-yellow:#8b8b00;--dark-gray:#3c3c3c;--medium-dark-gray:#585858;--medium-gray:#7f7f7f;--light-gray:#c3c3c3;--ghost:#307366}.roons-simulator{--border-debug:none;--menu-back:var(--background);--menu-back-2:var(--lighter-background);--menu-outline:var(--lighter-background);--menu-flair:var(--blue);--menu-text-color:var(--text);--menu-text-emphasis:var(--blue);--menu-text-fade:var(--light-gray);--menu-button-back:var(--menu-back-2);--menu-button-outline:var(--menu-outline);--menu-button-back-highlight:var(--gold-muted);--menu-button-text:var(--text);--menu-input:var(--blue-highlight);--menu-input-text:var(--gold-muted);--rounding:0.5em;--mono:"PT Mono",monospace;--sans:"PT Sans",sans-serif;--dot-input:var(--blue);--dot-output:var(--orange);--dot-mouseover:var(--gold);--tooltip-color:var(--gold);--tooltip-background:var(--menu-button-back);--tooltip-outline:var(--gold);--label-color:var(--blue)}.roons-simulator[data-theme=shapez]{--menu-back:#2c374f;--menu-back-2:#1a2534;--menu-outline:var(--menu-back-2);--menu-flair:var(--orange);--menu-text-color:var(--text);--menu-text-emphasis:var(--orange);--menu-text-fade:var(--light-gray);--menu-button-back:#253645;--menu-button-outline:var(--medium-gray);--menu-button-back-highlight:var(--medium-gray);--menu-button-text:var(--text);--rounding:0.7em;--label-color:var(--orange);--menu-input-text:var(--text)}.banner{background:var(--menu-back);border:2px solid var(--menu-outline);left:50%;position:absolute;top:50%;--lift:-30%;box-shadow:0 0 15px #000;transform:translate(-50%,-50%)}.banner,.ux-numeric-input,.ux-text-input{border-radius:var(--rounding);color:var(--menu-text-color);padding:.25em}.ux-numeric-input,.ux-text-input{background:var(--menu-back-2);border:2px solid var(--menu-button-outline);font-size:1em;margin:.5em;text-align:left}.ux-pane{border:var(--border-debug);font-family:PT Mono,monospace;margin:0;overflow:hidden}.ux-pane[data-sealed-menu]{background:var(--menu-back);border:2px solid var(--menu-outline);border-radius:var(--rounding);margin:.25em}.ux-pane[data-ux-flow=rows]{display:flex;flex-direction:column}.ux-pane[data-ux-flow=columns]{display:flex;flex-direction:row}.roons-simulator[data-hide-menu-bar=true] .ux-pane[data-ux-type=menu-bar],.roons-simulator[data-hide-playback=true] .ux-pane[data-label=playback],.roons-simulator[data-hide-tool-windows=true] .dock-container,.roons-simulator[data-hide-top-bar=true] .ux-pane[data-label=top-bar],.roons-simulator[data-hide-workbench-bar=true] .ux-pane[data-label=left-bar]{display:none}.ux-pane[data-ux-type=textbox]{font-family:PT Sans,sans-serif;font-size:.8em;margin:.5em;padding:.5em}.ux-pane[data-ux-type=textbox],[data-ux-type=menu-dropdown-header]{background:var(--menu-back-2);border-radius:var(--rounding);width:auto}[data-ux-type=menu-dropdown-header]{cursor:pointer;font-family:PT Mono,monospace;font-size:1em;overflow:visible;padding:.25em .5em;position:relative}[data-ux-type=menu-dropdown-header]:hover{background:var(--menu-flair);font-weight:700}[data-ux-type=menu-items]{background:var(--menu-back-2);border:2px solid var(--menu-flair);border-radius:var(--rounding);cursor:pointer;display:none;font-family:PT Mono,monospace;font-size:1em;left:0;padding:.25em .5em;position:absolute;top:100%;white-space:nowrap;width:auto;z-index:2000}[data-ux-type=menu-dropdown-header]:hover [data-ux-type=menu-items]{display:flex;flex-direction:column}.ux-p{margin-bottom:0}.ux-header,.ux-pane[data-ux-type=header]{background:var(--menu-back-2);font-size:1em;font-weight:700;height:1.8em;margin-bottom:.5em;text-align:center}.ux-pane[data-ux-type=scrolling-list]{background:var(--menu-back-2);display:flex;flex-direction:column;font-size:.8em;overflow-y:auto}.ux-ol,.ux-ul{margin-left:1em}.ux-span[data-clickable=true]{background:var(--menu-button-back);border:2px solid var(--menu-button-outline);border-radius:var(--rounding);padding:.25em .5em}.ux-span[data-ux-type=stat-value]{padding:.25em .5em}.ux-button{background:var(--menu-button-back);border:2px solid var(--menu-button-outline);color:var(--menu-button-text);font-size:1em;font-weight:700;margin:.5em;min-width:4em;padding:.25em;position:relative}.ux-button[disabled]{border-color:var(--menu-button-outline);opacity:.5}.ux-button:has(img){align-items:center;background:var(--menu-button-back);border-radius:var(--rounding);display:flex;justify-content:center;min-width:0}.ux-button img{height:1.5em;margin:0;max-width:none;width:1.5em}.decorator-view-system{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.decorator-view,.decorator-view-system{height:100%;pointer-events:none;width:100%}.decorator-view{display:none;margin:0;position:absolute}.decorator-view[data-active=true]{display:block}.decorator{height:100%;margin:0;pointer-events:none;position:absolute;width:100%}.card{pointer-events:auto;position:absolute;transform:translate(-50%,-50%)}.card,.section{background:var(--menu-back);border:2px solid var(--menu-outline);border-radius:var(--rounding);font-size:.8em;padding:0}.section{margin:0;text-align:left}.section[data-fill-container]{display:flex;flex-direction:column;height:100%;margin:0}.section-header{background:var(--menu-back-2);display:flex;flex-direction:row;gap:.25em;padding:.25em .5em;width:100%}.section-body{display:flex;flex-direction:column;gap:.5em;margin:0;padding:.5em;position:relative}.section[data-fill-container]>.section-body{height:100%;margin:0;min-height:0;overflow-y:auto}.section-body select{margin:0}.section input{background:var(--menu-input);border-radius:var(--rounding);color:var(--menu-input-text);text-align:left;width:100%}.group,.section input[readonly]{background:none}.group{margin:0;padding:0;pointer-events:auto;position:absolute;transform:translate(-50%,-50%)}.group .card{position:relative;transform:none}.help-box{--primaryColor:var(--gold);border:6px double var(--primaryColor);border-radius:var(--rounding);color:var(--primaryColor);display:none;font-family:PT Mono,monospace;padding:.25em .5em}.help-box[data-help-type=info]{--primaryColor:var(--blue)}.help-box[data-help-type=warn]{--primaryColor:var(--orange)}.help-box[data-help-type=error]{--primaryColor:var(--red)}.help-box[data-visible]{display:block}.little-label{border-bottom:2px solid var(--label-color);color:var(--label-color);font-family:PT Mono,monospace;margin-top:0}.card-header{background:var(--menu-back-2);cursor:grab;display:flex;flex-direction:row-reverse;gap:.25em;padding:.25em .5em;width:100%}.card-header[data-dragging=true]{background:var(--menu-flair);cursor:grabbing}.card-body{margin:0;padding:.25em .5em;position:relative}@media(max-width:768px){.ux-button img{height:1em;width:1em}}.ux-button[data-ux-type=inline-button]{background:none;box-shadow:none;margin:0}.shortcut{background:var(--menu-flair);border-radius:.25em;bottom:100%;color:var(--menu-back);font-family:PT Mono,monospace;font-size:.7em;font-weight:700;left:100%;margin:0;padding:0 .25em;position:absolute;text-transform:none;transform:translate(-75%,50%);white-space:nowrap}.roons-simulator[data-hide-shortcuts=true] .shortcut,.shortcut[data-has-shortcut=false]{display:none}@media(max-width:768px){.shortcut{display:none}}.ux-pane[data-ux-type=route]{display:flex;flex-direction:row;flex-wrap:wrap;font-size:.8em;margin:0 1em;padding-bottom:.5em}.ux-span[data-ux-type=route-element]{background:var(--menu-back-2);border-radius:var(--rounding);margin:0 .25em;padding:0 .5em}.ux-span[data-final-route-element]{background:var(--menu-flair);font-weight:700}.ux-pane[data-ux-type=menu-bar]{background:var(--menu-back-2);font-size:.8em;overflow:visible}.ux-pane[data-ux-type=menu-bar] button{margin:0}a button{border:none}.ux-subheader{color:var(--menu-flair);font-size:1em;font-weight:700;padding-top:.5em;text-align:center}.ux-button[data-ux-type=inline-button] img{height:1em;width:1em}.ux-button[data-highlighted=true]{background:var(--menu-button-back-highlight)}.tooltip{background:var(--tooltip-background);border:2px solid var(--tooltip-outline);border-radius:.25em;color:var(--tooltip-color);display:none;font-size:.8em;padding:.25em;position:absolute;z-index:1000}.tooltip[data-visible=true]{display:block}.mouse-tooltip{background:var(--tooltip-background);border:2px solid var(--tooltip-outline);border-radius:.25em;box-shadow:0 0 30px #000;color:var(--tooltip-color);display:none;font-family:PT Mono,monospace;font-size:.8em;padding:.25em;position:absolute;z-index:12000}.mouse-tooltip[data-visible=true]{display:block}select[data-ux-type=tool-window-dropdown]{background:none;border:2px solid var(--menu-button-outline);cursor:pointer;margin:0;padding:0;text-align:center}select[data-ux-type=tool-window-dropdown] option{background:var(--menu-back)}[data-freshness=stale]{color:var(--menu-text-fade);opacity:.6}[data-freshness=semi-faded]{color:var(--menu-text-fade);opacity:.4}[data-freshness=faded]{color:var(--menu-text-fade);opacity:.25}.ux-pane[data-ux-type=field-key]{align-content:center;color:var(--menu-flair);font-weight:700;text-align:right}.dock-container{height:100%;margin:0;padding:0}.form-row{display:grid;gap:5%;grid-template-columns:30% 60%;margin-bottom:8px}.form-row label{text-align:right;white-space:nowrap}.form-row input,.form-row select,.form-row textarea{box-sizing:border-box;padding:0 .5em;text-align:left;width:100%}.ux-combo-box{background:var(--menu-input);border:none;border-radius:var(--rounding);color:var(--menu-input-text);font-size:1em;font:var(--mono);margin:.5em;padding:.25em}.static-banner{border:4px solid var(--blue);border-radius:.5em;box-shadow:0 0 30px #000;color:var(--blue);font-family:PT Mono,monospace;font-size:5em;font-weight:700;left:50%;padding:0 .5em;text-align:center;top:50%;transform:translateX(-50%) translateY(-50%)}.loading-mask,.static-banner{background:var(--background);position:absolute}.loading-mask{align-items:center;display:flex;height:100%;justify-content:center;left:0;top:0;width:100%}.loading-mask-text{color:var(--gold);font-family:PT Mono,monospace;font-size:1.5em;font-weight:700;text-align:center}.roons-simulator{background:var(--background);border:var(--border-debug);display:flex;flex-direction:column;height:100%;min-height:50vh;position:relative}@media(max-width:768px){[data-require-device=desktop]{display:none!important;pointer-events:none}}@media(min-width:769px){[data-require-device=mobile]{display:none!important;pointer-events:none}}.roons-simulator[data-fullscreen=true]{height:100dvh;left:0;position:fixed;top:0;width:100vw;z-index:100}.marble-label{color:var(--background);font-family:PT Mono,monospace;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.cell-label-container{display:block;height:12.5%;margin:0;opacity:90%;position:absolute;width:12.5%}.cell-label{align-items:center;background-color:var(--background);border:2px solid var(--red);border-radius:50%;color:var(--red);display:flex;font-family:PT Mono,monospace;font-weight:700;height:60%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.window{background:var(--background);border:2px solid var(--blue-highlight);border-radius:.25em;display:grid;margin:0;overflow:hidden;padding:0}div:has(>.roons-simulator[data-desktop-mode=true]){background-color:var(--background);border-radius:.5em;height:100dvh;left:0;margin:0;overflow:hidden;padding:0;position:fixed;top:0;width:100vw;z-index:500}.board-canvas{height:100%;width:100%}.board-data{display:none}div:has(>.roons-simulator){position:relative}.board{aspect-ratio:1;background:var(--background);border:4px solid var(--dark-gray);border-radius:8px;display:flex;margin-bottom:0;margin-top:0;max-height:100%;max-width:100%;overflow:clip;position:relative}.board[data-border-left=recording]{border-left-color:var(--red)}.board[data-border-right=recording]{border-right-color:var(--red)}.board[data-border-top=recording]{border-top-color:var(--red)}.board[data-border-bottom=recording]{border-bottom-color:var(--red)}.board[data-border-left=true]{border-left-color:var(--blue)}.board[data-border-right=true]{border-right-color:var(--blue)}.board[data-border-top=true]{border-top-color:var(--blue)}.board[data-border-bottom=true]{border-bottom-color:var(--blue)}.board[data-border-left=home]{border-left-color:var(--green)}.board[data-border-right=home]{border-right-color:var(--green)}.board[data-border-top=home]{border-top-color:var(--green)}.board[data-border-bottom=home]{border-bottom-color:var(--green)}.board-placeholder{background:var(--background);border:2px solid var(--blue);border-radius:8px;color:var(--blue);font-family:PT Mono,monospace;font-weight:700;text-align:center}.board[data-mini=true]{width:50%}.board-clip{aspect-ratio:1;display:block;margin-bottom:0;margin-top:0;overflow:clip;position:relative;width:100%}.board-overlay{display:block;height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.board-img{aspect-ratio:1;display:block;margin-bottom:0;margin-top:0;position:relative;width:100%}.dragger{align-items:center;background:var(--menu-button-back);border:2px solid var(--menu-button-outline);border-radius:var(--rounding);cursor:grab;display:flex;height:2em;justify-content:center;margin:0;padding:0;width:2em}.dragger[data-dragging=true]{background:var(--menu-flair);cursor:grabbing}.dragger img{-o-object-fit:contain;object-fit:contain}.dot,.dragger img{margin:0;padding:0}.dot{background:var(--medium-gray);border:none;border-radius:.7em;cursor:grab;height:1.4em;position:absolute;top:50%;width:1.4em}.dot[data-pos=left]{right:100%;transform:translate(-25%,-50%)}.dot[data-pos=right]{left:100%;transform:translate(25%,-50%)}.dot[data-boundary-type=input]{background:var(--dot-input)}.dot[data-boundary-type=output]{background:var(--dot-output)}.dot:hover{background:var(--dot-mouseover)}.decorator-button{align-items:center;background:var(--menu-button-back);border:none;display:flex;height:2em;justify-content:center;margin:0;padding:0;width:2em}.decorator-button img{margin:0;-o-object-fit:contain;object-fit:contain;padding:0}.bar{display:block;height:12.5%;margin:0;position:absolute;transition:all .3s ease-in-out}.bar[data-bar-raised=false][data-show-depth=true]{opacity:50%}.bar img{height:100%;margin:0;width:auto}.cell{cursor:crosshair;display:block;height:12.5%;width:12.5%}.cell,.cell img{margin:0;position:absolute}.cell img{display:none;height:100%;width:100%}.cell-cursor,.cell:hover img{display:block}.cell-cursor{background:aqua;border-radius:8px;height:12.5%;margin:0;opacity:25%;padding:0;pointer-events:none;position:absolute;width:12.5%;z-index:1000}.cell-cursor[data-out-of-bounds=true]{opacity:0}.arrow-nav{display:block;height:4.5em;position:relative;width:4.5em}.arrow-button{background:var(--blue);border:2px solid var(--background);border-radius:50%;color:var(--background);font-weight:700;height:1.5em;margin:0;padding:2px;position:absolute;width:1.5em}.camera{display:none}.board-piece{padding:2px}.board-piece,.phantom-board-piece{display:block;height:12.5%;margin:0;position:absolute;transition:all .3s ease-in-out}.phantom-board-piece{width:12.5%}.board-piece-inner{background-color:var(--background);border:4px solid #000;border-radius:8px;height:100%;width:100%}.phantom-board-piece .board-piece-inner{border:none}.board-piece-inner[data-handcode=left]{background-color:var(--dark-blue)}.board-piece-inner[data-handcode=right]{background-color:var(--dark-red)}.board-piece-inner[data-handcode=left-b]{background-color:var(--dark-green)}.board-piece-inner[data-handcode=left-a]{background-color:var(--dark-cyan)}.phantom-board-piece .board-piece-inner{background:var(--ghost);border-radius:50%;box-shadow:0 0 4px 2px var(--ghost);height:30%;left:35%;position:absolute;top:35%;width:30%}.board-piece-inner img{height:100%;margin:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:auto;--rotation:rotate(0deg);--parity:scaleX(1);transform:var(--parity) var(--rotation)}.phantom-board-piece .board-piece-inner img{left:0;position:absolute;top:0}.board-piece-inner[data-rotation="1"] img{--rotation:rotate(180deg)}.board-piece-inner[data-rotation="0.5"] img{--rotation:rotate(90deg)}.board-piece-inner[data-rotation="1.5"] img{--rotation:rotate(270deg)}.board-piece-inner[data-parity="1"] img{--parity:scaleX(-1)}.cell:hover .board-piece img{transform:translateY(-37.5%)}.spawn{display:block;left:0;position:absolute;top:0;transition:all .3s ease-in-out}.spawn,.spawn img{height:100%;margin:0}.spawn img{width:auto}.marble{display:block;height:12.5%;margin:0;position:absolute;transition:all .3s ease-in-out}.marble img{height:100%;margin:0;width:auto}.marble img[data-momentum]{filter:grayscale(100%)}.marble[data-in-bounds=false]{opacity:0}.cell:hover .marble img{transform:translateY(-75%)}.hover-text{display:none;left:100%;position:absolute}.cell:hover .hover-text{display:block}.board-toolbar{height:2em;margin:0;position:relative;width:100%}.checkbox-label{cursor:pointer;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label:hover{background-color:var(--blue-highlight)}.board-sidebar{display:flex;flex-direction:column-reverse;height:100%;margin:0;padding:0;position:absolute;top:0;width:2em}.board-toolbox{right:-2.25em}.board-palette{left:-2.25em}.toolbox-button{background:none;border:none;flex:1;height:100%;margin:0;padding:0;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}.toolbox-button img{transition:all .3s ease-in-out;--rotation:rotate(0deg);--parity:scaleX(1);--scale:0.75;transform:var(--parity) var(--rotation) scale(var(--scale))}.toolbox-button img[data-rotation="1"]{--rotation:rotate(180deg)}.toolbox-button img[data-rotation="0.5"]{--rotation:rotate(90deg)}.toolbox-button img[data-rotation="1.5"]{--rotation:rotate(270deg)}.toolbox-button img[data-parity="1"]{--parity:scaleX(-1)}.toolbox-button[data-hidden]{opacity:50%}.toolbox-button img{margin:0;padding:0;width:100%}.toolbox-button:focus,.toolbox-button:hover{background:none;border:none;box-shadow:none;outline:none}.toolbox-tool[data-highlighted=true]{background:var(--blue)}.toolbox-setting[data-highlighted=true]{background:var(--gold-muted)}.console{background:none;border-radius:8px;font-family:PT Mono,monospace;font-size:1.25em;left:0;opacity:0;padding:25%;pointer-events:none;position:absolute;text-align:left;top:50%;transition:all .15s ease-in-out;width:100%}.console[data-visible=true]{opacity:80%;pointer-events:auto;transform:translateY(-50%)}.console-popup{position:relative}.console-textbox{width:100%;--toast-color:var(--magenta);background:var(--background);border:2px solid var(--dark-gray);color:var(--toast-color);text-align:left}.console-choice-box{top:100%}.console-choice-box,.console-title-box{position:absolute;width:100%;--toast-color:var(--magenta);background:var(--background);border:2px solid var(--dark-gray);color:var(--toast-color);text-align:left}.console-title-box{bottom:100%}.console-option{font-size:.8em}.console-option-shortcut{color:var(--light-gray)}.console-option[data-hidden=true]{color:var(--green);display:none}.command-history{background:var(--blue-highlight);border-radius:.5em;bottom:0;font-family:PT Mono,monospace;padding:.5em;transition:all .3s ease-in-out}.command-history[data-hidden]{opacity:0}.command-history input{border:none;color:var(--gold);outline:none;text-align:left}.command-history ul{color:var(--blue);font-family:PT Mono,monospace;font-size:.7em;list-style:none;padding:0}.command-history ul li{margin:0}.command-history ul li[data-buffer-position=head]{border-bottom:2px solid var(--green);color:var(--green)}.command-history ul li[data-buffer-position=next]{color:var(--medium-gray)}.list-monitor{background:var(--blue-highlight);color:var(--blue);font-family:PT Mono,monospace;font-size:.7em;list-style:none;overflow-y:scroll;padding:0;white-space:nowrap}.list-monitor-element{background:var(--background);border-radius:.25em;margin:.25em;padding:.25em}.shortcut-button{background:var(--dark-gray);border-radius:.25em;color:var(--green);font-family:PT Mono,monospace;font-weight:700;margin:0 .25em;padding:.25em}.popup-manager{align-items:center;display:flex;height:100%;justify-content:center;margin:0;pointer-events:none;position:absolute;width:100%}.popup{background:var(--menu-back);border:4px solid var(--menu-outline);border-radius:.5em;box-shadow:0 0 10px var(--black);color:var(--menu-text-color);opacity:90%;pointer-events:auto;width:75%}.popup,.toast{font-family:PT Mono,monospace;text-align:center}.toast{bottom:0;left:0;margin:2.5%;padding:0;position:absolute;width:95%;--toast-color:var(--green);background:var(--background);border:2px solid var(--toast-color);border-radius:8px;color:var(--toast-color);opacity:0;pointer-events:none;transition:all .3s ease-in-out}.toast[data-visible=true]{bottom:8.5%;opacity:75%}.roons-simulator[data-theme=shapez] .toast{background:var(--dark-gray);border:2px solid var(--orange);color:var(--light-gray)}.toast[data-type=warn]{--toast-color:var(--orange)}.toast[data-type=error]{--toast-color:var(--red)}.menu-box{background:var(--background);border:2px solid var(--green);border-radius:8px;color:var(--text);font-family:PT Mono,monospace;height:90%;left:5%;margin:0;opacity:0;overflow-y:auto;padding:0;pointer-events:none;position:absolute;top:5%;transition:all .2s ease-in-out;width:90%}.roons-simulator[data-theme=shapez] .menu-box{background:var(--dark-gray);border:2px solid var(--orange);color:var(--light-gray)}.menu-box[data-visible=true]{height:100%;left:0;opacity:85%;pointer-events:auto;top:0;width:100%}.menu{height:100%;width:100%}.menu-item{cursor:pointer;font-size:.8em;height:12.5%;margin:0;padding:0;position:relative;width:100%}.menu-item[data-filter=excluded]{display:none}.menu-icon-item{cursor:pointer;display:flex;font-size:1em;height:12.5%;margin:0;padding:0;position:relative;width:100%}.menu-icon-item[data-filter=excluded]{display:none}.menu-icon{display:inline-block;height:100%;margin:0 .5em 0 0;-o-object-fit:contain;object-fit:contain;width:auto}.menu-header{background:var(--blue-highlight);color:var(--gold);cursor:pointer;font-weight:700;height:12.5%;margin:0;padding:0;position:relative;width:100%}.roons-simulator[data-theme=shapez] .menu-header{background:var(--orange);color:var(--light-gray)}.menu-label{cursor:pointer;display:inline-block;font-size:.8em;height:12.5%;margin:0;padding:0;position:relative;width:100%}.menu-input{background:none;border:none;border-bottom:2px dotted var(--turquoise);color:var(--turquoise);display:inline-block;text-align:left}.menu-input:focus{background:var(--menu-input)}label:has(.menu-input:focus){color:var(--gold)}label:has(.menu-input[data-selected]){color:var(--orange)}.menu-text-area{background:none;border:2px solid var(--turquoise);color:var(--turquoise);width:100%}.extra-input{display:block;margin-bottom:0;margin-top:0;position:relative;width:100%}.extra-input-bar{display:block;filter:grayscale(100%);height:auto;width:100%}.button-tray{display:flex;justify-content:center;margin:0;padding:4px}.button-tray[data-hidden=true]{display:none}.move-counter{color:var(--gold-muted);cursor:pointer;display:inline-block;font-family:PT Mono,monospace;font-weight:700;height:100%;position:absolute;right:0;text-align:right;width:50%}.move-counter[data-hidden=true]{opacity:0}.view-mode-box{color:var(--gold-muted);cursor:pointer;display:inline-block;font-family:PT Mono,monospace;font-weight:700;height:100%;left:0;position:absolute;text-align:left;width:50%}.board-toolbar[data-hidden=true]{display:none}.bubble{--bubble-color:var(--gold);animation:bob 3s ease-in-out infinite;background:var(--bubble-color);border-radius:4px;color:var(--background);filter:drop-shadow(0 6px 2px black);font-family:PT Mono,monospace;font-size:.7em;margin:0;padding:.25em;position:absolute;transition:all .3s ease-in-out}.bubble[data-type=ok]{--bubble-color:var(--green)}.bubble[data-type=error]{--bubble-color:var(--red)}.button-tray button{border:none;cursor:pointer;height:3em;padding:0;transition:all .1s ease;width:3em;-webkit-tap-highlight-color:rgba(0,0,0,0)}.button-tray button:focus,.button-tray button:hover{background:none;border:none;box-shadow:none;outline:none}.button-tray button[pressed=true]{box-shadow:inset 0 6px 4px rgba(0,0,0,.4);transform:translateY(4px)}.button-tray button:disabled{filter:blur(1px) grayscale(100%);opacity:50%}.button-tray button img,.type-selector img{margin:2px;vertical-align:middle}.type-selector img{height:2em;width:auto}.type-selector[data-selected-type=true]{background-color:var(--green)}.work-cells{background:var(--blue-highlight);border-radius:8px;height:100%;width:100%}.work-cell,.work-cells{margin:0;position:absolute}.work-cell{padding:4px;transition:all .3s ease-in-out}.work-cell-inner{border:2px dashed var(--gold-muted);border-radius:8px;height:100%;width:100%}.region{border:4px solid var(--gold);border-radius:8px;display:block;height:12.5%;margin:0;opacity:60%;position:absolute;transition:all .3s ease-in-out;width:12.5%}.region[data-color=pink]{border-color:var(--pink)}.region[data-color=green]{border-color:var(--green)}.region[data-color=orange]{border-color:var(--orange)}.region[data-color=red]{border-color:var(--red)}.sign{display:block;height:12.5%;position:absolute}.sign,.sign img{margin:0;transition:all .3s ease-in-out}.sign img{height:100%;width:auto;--lift:-30%;animation:bob 3s ease-in-out infinite;filter:drop-shadow(0 6px 2px black)}.sign[data-occupied=true] img{filter:drop-shadow(0 0 4px var(--gold))}@keyframes bob{0%,to{transform:translateY(var(--lift)) translateY(0)}50%{transform:translateY(var(--lift)) translateY(-6px)}}.roons-simulator[data-desktop-mode] .board{height:80%;left:15%;position:absolute;top:5%;width:70%}.roons-simulator[data-desktop-mode] .button-tray{height:10%;left:25%;position:absolute;top:90%;width:50%}.roons-simulator[data-desktop-mode] .board-toolbox{height:65%;left:15%;position:absolute;top:10%;width:5%}.roons-simulator[data-desktop-mode] .board-palette{height:65%;left:20%;position:absolute;top:10%;width:5%}.roons-simulator[data-desktop-mode] .board-toolbar{height:10%;left:25%;position:absolute;top:0;width:50%}.roons-simulator[data-screen=full] .board{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}.roons-simulator[data-screen=record] .board{height:1080px;left:50%;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%);width:1920px;z-index:10000}
