html{height:100%;width:100%;margin:0;padding:0;background-color:var(--background-color);display:flex;align-items:center;justify-content:center}body{width:100%;height:100%;max-height:800px;max-width:400px;align-items:center;justify-content:flex-start;background-color:var(--background-color);font-family:Pico-8;color:var(--white-accent-color);position:relative;margin:0}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.centered{align-items:center;justify-content:center}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}.hidden{display:none}.generic-button{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--accent-color);border:none;border-radius:2px;font-family:inherit;color:inherit}.generic-button:active{animation:button-spring .3s cubic-bezier(.34,1.56,.64,1)}.generic-button.inactive{color:var(--grid-line-color);pointer-events:none}@keyframes button-spring{0%{transform:scale(.85);color:var(--purple-accent-color)}60%{transform:scale(1.05);color:var(--purple-accent-color)}to{transform:scale(1);color:revert}}.generic-button .icon{display:inline-block;width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:3px}.generic-container{padding:2%;border-radius:2px;background-color:var(--accent-color)}:root{--background-color: #352D39;--background-color-backdrop: #352D39DD;--accent-color: #221f23;--white-accent-color: #efeff2;--purple-accent-color: #db9ff9;--pink-accent-color: #ffeef0;--grid-line-color: #4f4f4f;--dead-bit-color: rgb(0, 0, 0, 0);--alive-bit-color: var(--white-accent-color);--corrupted-bit-color: #f2644b;--virus-cell-color: var(--virus-cell-color-1);--virus-cell-color-1: #f2644b;--virus-cell-color-2: #a04939;--virus-cell-color-3: #6d3126;--wall-cell-color: #6d6d6d;--healing-cell-color: #4bf282;--plague-cell-color: #4b017c;--lightning-cell-color: var(--lightning-cell-color-1);--lightning-cell-color-1: #f9fc3f;--lightning-cell-color-2: #f9fc58;--lightning-cell-color-3: #fafc9c;--lightning-cell-color-4: #fbfccc;--worm-cell-color: #af7a41;--sell-color: #f92e1b;--buy-color: #4dd65f}@font-face{font-family:Pico-8;src:url(../../../../font/pico-8.ttf) format("truetype");font-weight:400}.shine{position:relative;color:currentColor;text-shadow:0 0 1px currentColor,0 0 5px currentColor}.menu-backdrop{position:fixed;width:100vw;height:100vh;background-color:var(--background-color-backdrop);padding:5px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.close-menu-button{position:absolute;top:5px;right:5px;width:10%;aspect-ratio:1/1}.close-menu-button svg{width:95%;height:auto}.menu-panel{width:95%;background-color:var(--background-color);border:5px solid var(--accent-color);padding:5px;min-height:300px}.menu-header{font-size:2em;padding:10px}#information-footer{width:95%;margin:2% 0;background-color:var(--accent-color);border-radius:2px}#information-footer .toppest{width:97%;margin:1.5%}#information-footer .bottomest{width:96%;margin:2%;font-size:.8em}#information-footer .toppest .leftest{width:35%;justify-content:center;align-items:flex-start}#information-footer .toppest .rightest{width:65%;justify-content:flex-end;align-items:center;padding:1% 0;font-size:1.15em;text-align:right}#buy-price,#sell-price{padding:1% 0;font-size:.8em;white-space:nowrap}#loading-overlay{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--background-color);transition:opacity .5s ease;transform:translateZ(0)}#loading-text{display:inline-block;white-space:nowrap;overflow:hidden;transition:width .3s ease;box-sizing:border-box;max-width:100%;padding:2.5% 0;text-align:center;font-size:2.5em}#loading-overlay.fade-out{opacity:0;pointer-events:none}.rotating{animation:spin 2.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#game-title{width:96%;font-size:2.5em;padding:2%}#player-display{width:96%;align-items:center;justify-content:flex-start;padding:7px}#player-username{width:100%;font-size:1em;display:inline-flex;justify-content:flex-start;align-items:center}#bit-display{padding:7px;position:relative}.bit-wrapper{display:inline-flex;align-items:center;justify-content:center}.bit-quantity{font-size:1em}.bit-icon{display:inline-flex;align-items:center;justify-content:center}.bit-icon svg{height:1em;width:auto}#bit-dropdown{font-size:.8em;flex-direction:column;top:100%;right:0;align-items:flex-end;justify-content:center;position:absolute;display:none;z-index:1}#bit-dropdown.shown{display:flex}.bit-dropdown-item{padding:3.5px}#settings-button{height:100%;aspect-ratio:1/1}#settings-button svg{width:1.5em}#settings-menu-content{gap:10px}#language-setting{align-items:center;justify-content:flex-start;width:100%;gap:6px}#language-setting svg{height:1.5em;width:auto;padding:4px}#connection-status-button{height:100%;aspect-ratio:1/1}#connection-status-button svg{width:2em}#utilities-container{width:100%}#utilities-container .left,#utilities-container .right{width:50%}#utilities-container .left{align-items:center;justify-content:flex-start;gap:5px}#utilities-container .right{align-items:center;justify-content:flex-end}#information-header{width:98%;padding:1%;align-items:center;gap:5px}#information-header .generic{align-items:flex-start;justify-content:flex-end;gap:1%}#grid-container{width:95%;height:auto;aspect-ratio:1/1;margin:5px;position:relative}#logicbit-canvas{position:relative;box-sizing:border-box;width:100%;aspect-ratio:1/1;border:1px solid var(--grid-line-color);touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#timer-display{position:absolute;bottom:0;right:0;padding:.5% 0 1% 1%;margin:1%;font-size:.65em;opacity:.85}#button-panel{width:98%;padding:1%}#control-button{width:34px;aspect-ratio:1/1}#control-button svg{width:32px;height:auto;aspect-ratio:1/1}