*{box-sizing:border-box}body{-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-smooth:never;font-family:jgs7,monospace;margin:0;overflow:hidden}code{font-family:jgs7,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-smooth:never;font-family:jgs7,monospace}.App{background:#000;bottom:0;height:100vh;height:100dvh;left:0;overflow:hidden;position:fixed;right:0;top:0}.canvas-container{height:100%;position:relative;width:100%}canvas{-webkit-touch-callout:none;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;touch-action:none;-webkit-user-select:none;user-select:none}.command-prompt{align-items:center;background:#000c;border:1px solid #fff;bottom:20px;color:#fff;display:flex;font-family:jgs7,monospace;font-size:14px;left:50%;padding:10px;position:fixed;transform:translateX(-50%)}.command-prompt span{margin-right:10px}.command-prompt input{background:#0000;border:none;color:#fff;font-family:jgs7,monospace;font-size:14px;outline:none;width:300px}.info{background:#000c;font-size:14px;gap:10px;left:10px;padding:5px 10px;position:fixed;top:10px}.info,.interface-toggle-button{align-items:center;border:1px solid #fff;color:#fff;display:flex;font-family:jgs7,monospace}.interface-toggle-button{background:none;cursor:pointer;font-size:16px;height:24px;justify-content:center;transition:all .1s ease;width:24px}.interface-toggle-button:hover{background-color:#fff;color:#000}.color-palette{background:#1a1b1cf2;border:1px solid #ebf5f7;color:#ebf5f7;font-family:jgs7,monospace;font-size:14px;max-height:80vh;max-width:300px;overflow-y:auto;padding:15px;position:fixed;right:10px;top:10px}.palette-header{align-items:center;border-bottom:1px solid #707588;display:flex;gap:20px;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.color-palette.minimized .palette-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.color-palette.minimized{padding:10px}.palette-title{color:#cacae4;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.minimize-button{align-items:center;background:none;border:1px solid #ebf5f7;color:#ebf5f7;cursor:pointer;display:flex;font-family:jgs7,monospace;font-size:16px;height:24px;justify-content:center;transition:all .1s ease;width:24px}.minimize-button:hover{background-color:#ebf5f7;color:#000}.current-colors{border-bottom:1px solid #707588;margin-bottom:15px;padding-bottom:10px}.current-color-display{align-items:center;display:flex;gap:10px}.current-color-sample{align-items:center;border:2px solid #ebf5f7;display:flex;font-family:jgs7,monospace;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.current-color-labels{font-size:14px;line-height:1.4}.character-section,.color-section{margin-bottom:12px}.character-section-label,.color-section-label{color:#cacae4;font-size:14px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.color-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(8,1fr)}.color-swatch{align-items:center;border:1px solid #707588;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;transition:all .1s ease;width:24px}.color-swatch:hover{border-color:#ebf5f7;transform:scale(1.1)}.color-swatch.selected{border:2px solid #ebf5f7;box-shadow:0 0 0 2px #ebf5f74d}.color-label-text{color:#ebf5f7;font-size:8px;font-weight:700;opacity:.7;text-shadow:1px 1px 1px #000c}.character-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(8,1fr);max-height:200px;overflow-y:auto}.character-swatch{align-items:center;border:1px solid #707588;cursor:pointer;display:flex;font-family:jgs7,monospace;font-size:14px;height:24px;justify-content:center;position:relative;transition:all .1s ease;width:24px}.character-swatch:hover{border-color:#ebf5f7;transform:scale(1.1)}.character-swatch.selected{border:2px solid #ebf5f7;box-shadow:0 0 0 2px #ebf5f74d}.character-text{font-size:12px;font-weight:700;line-height:1}.help-popup-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.help-popup{background:#000;border:1px solid #ebf5f7;max-height:80vh;max-width:700px;overflow-y:auto;padding:20px;position:relative;width:90%}.help-popup,.help-popup h1{color:#ebf5f7;font-family:jgs7,monospace}.help-popup h1{font-size:32px;font-weight:400;margin:0 0 25px;text-align:center}.help-section{border-bottom:1px solid #333;margin-bottom:25px;padding-bottom:15px}.help-section:last-child{border-bottom:none;margin-bottom:0}.help-section h2{border-bottom:1px solid #ebf5f7;color:#ebf5f7;font-family:jgs7,monospace;font-size:20px;font-weight:400;margin:0 0 15px;padding-bottom:5px}.help-item{display:flex;line-height:1.3;margin-bottom:8px}.help-key{color:#ebf5f7;flex-shrink:0;min-width:200px}.help-desc,.help-key{font-family:jgs7,monospace;font-size:14px}.help-desc{color:#ccc}.info-popup-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.info-popup{background:#000;max-height:80vh;max-width:600px;overflow-y:auto;padding:20px;position:relative;width:90%}.close-button,.info-popup{border:1px solid #ebf5f7;color:#ebf5f7;font-family:jgs7,monospace}.close-button{align-items:center;background:none;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;position:absolute;right:15px;top:10px;width:24px}.close-button:hover{background-color:#ebf5f7;color:#000}.info-popup h1{font-size:32px;font-weight:400;margin:0 0 20px}.creator,.info-popup h1{color:#ebf5f7;font-family:jgs7,monospace;text-align:center}.creator{font-size:18px;margin-bottom:20px}.creator a{border-bottom:1px solid #ebf5f7;color:#ebf5f7;text-decoration:none}.creator a:hover{background-color:#ebf5f7;color:#000}.description{color:#ebf5f7;font-family:jgs7,monospace;font-size:16px;line-height:1.4;margin-bottom:20px}.description p{margin-bottom:15px}
/*# sourceMappingURL=main.3f7103ad.css.map*/