:root{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#0f0f0f;--bg-quaternary:#141414;--bg-hover:#1a1a1a;--border-primary:#1a1a1a;--border-secondary:#252525;--border-tertiary:#2a2a2a;--border-accent:#333;--text-dimmed:#444;--text-muted:#aaa;--text-secondary:#bbb;--text-primary:#ccc;--text-bright:#eee;--text-brightest:#fff;--overlay-bg:#000000e6;--canvas-bg:#050505;--canvas-container-bg:#0a0e27;--canvas-wrapper-bg:#0f3460;--canvas-border:#16213e;--canvas-border-hover:#0f8;--canvas-accent:#0f8;--canvas-accent-dim:#00ff884d;--canvas-overlay-bg:linear-gradient(to top,#000c,transparent);--canvas-info-bg:#00000080;--canvas-warning-bg:#ffd60ae6;--canvas-warning-text:#000;--canvas-warning-accent:#ffd60a;--canvas-warning-shadow:#ffd60a80;--font-mono:"Courier New","Consolas",monospace;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:9px;--text-sm:10px;--text-base:11px;--text-md:12px;--text-lg:13px;--space-xs:4px;--space-sm:6px;--space-md:8px;--space-base:10px;--space-lg:12px;--space-xl:16px;--space-2xl:20px;--spacing-xs:var(--space-xs);--spacing-sm:var(--space-md);--spacing-md:var(--space-lg);--spacing-lg:var(--space-2xl);--spacing-xl:var(--space-xl);--border-base:var(--border-primary);--border-hover:var(--border-secondary);--border-focus:var(--border-tertiary);--border-active:var(--border-accent);--bg-panel:var(--bg-tertiary);--text-tertiary:var(--text-muted);--border-width:1px;--border-radius:0;--scrollbar-width:6px;--scrollbar-track:var(--bg-secondary);--scrollbar-thumb:var(--border-primary);--scrollbar-thumb-hover:var(--border-secondary);--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--btn-bg:var(--bg-tertiary);--btn-bg-hover:var(--bg-quaternary);--btn-bg-active:var(--bg-secondary);--btn-border:var(--border-primary);--btn-border-hover:var(--border-secondary);--btn-border-active:var(--border-tertiary);--btn-text:var(--text-secondary);--btn-text-hover:var(--text-primary);--btn-text-active:var(--text-bright);--btn-padding-x:var(--space-base);--btn-padding-y:var(--space-sm);--panel-bg:var(--bg-secondary);--panel-border:var(--border-primary);--panel-padding:var(--space-lg);--card-bg:var(--bg-tertiary);--card-bg-hover:var(--bg-quaternary);--card-border:var(--border-primary);--card-border-hover:var(--border-secondary);--card-padding:var(--space-base);--header-text:var(--text-muted);--header-border:var(--border-primary);--disabled-opacity:.4;--ascii-text:var(--text-muted)}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.4}.terminal-text{font-family:var(--font-mono);letter-spacing:.5px}.text-dimmed{color:var(--text-dimmed)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.text-bright{color:var(--text-bright)}.scrollable::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.scrollable::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}.scrollable::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:var(--border-width)solid var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:var(--border-width)solid var(--scrollbar-track)}.scrollable::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.btn-terminal{padding:var(--btn-padding-y)var(--btn-padding-x);background:var(--btn-bg);border:var(--border-width)solid var(--btn-border);color:var(--btn-text);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.5px;text-transform:none;font-weight:700}.btn-terminal:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-border-hover);color:var(--btn-text-hover)}.btn-terminal:active:not(:disabled){background:var(--btn-bg-active)}.btn-terminal:disabled{opacity:var(--disabled-opacity);cursor:not-allowed;border-color:var(--btn-border);color:var(--text-dimmed)}.card-terminal{background:var(--card-bg);border:var(--border-width)solid var(--card-border);padding:var(--card-padding);transition:all var(--transition-fast)}.card-terminal:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover)}.terminal-header-box{color:var(--ascii-text);font-size:var(--text-md);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;letter-spacing:0}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh;margin:0}.game-canvas-container{background:var(--canvas-container-bg);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.game-canvas-wrapper{border:2px solid var(--canvas-border);cursor:crosshair;background:var(--canvas-wrapper-bg);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080}.game-canvas-wrapper canvas{display:block}.canvas-overlay{padding:var(--space-base);background:var(--canvas-overlay-bg);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.canvas-info{gap:var(--space-md);color:var(--canvas-accent);font-family:var(--font-mono);font-size:var(--text-md);padding:0 var(--space-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.canvas-info span{background:var(--canvas-info-bg);padding:var(--space-xs)var(--space-lg);border:1px solid var(--canvas-accent-dim);border-radius:4px}.canvas-controls{margin-top:var(--space-base);pointer-events:auto;justify-content:center;align-items:center;display:flex}.render-toggles{gap:var(--space-xl);padding:var(--space-sm)var(--space-xl);border:1px solid var(--canvas-accent-dim);background:#000000b3;border-radius:4px;display:flex}.render-toggle-item{align-items:center;gap:var(--space-xs);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-md);color:var(--canvas-accent);-webkit-user-select:none;user-select:none;display:flex}.render-toggle-item input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--canvas-accent)}.render-toggle-item:hover{color:#fff}.render-toggle-item span{white-space:nowrap}.placement-mode-banner{justify-content:center;align-items:center;gap:var(--space-xl);margin-top:var(--space-base);padding:var(--space-lg)var(--space-lg);background:var(--canvas-warning-bg);color:var(--canvas-warning-text);font-family:var(--font-mono);pointer-events:auto;box-shadow:0 4px 12px var(--canvas-warning-shadow);border-radius:4px;font-size:14px;font-weight:700;display:flex}.placement-mode-banner button{padding:var(--space-xs)var(--space-lg);color:var(--canvas-warning-accent);border:1px solid var(--canvas-warning-accent);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-md);transition:all var(--transition-normal);background:#000c;border-radius:4px;font-weight:700}.placement-mode-banner button:hover{color:var(--canvas-warning-text);background:#ffd60a33}.resource-panel{gap:var(--spacing-md);flex:1;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex}.resource-item{align-items:center;gap:var(--spacing-sm);background:var(--bg-panel);border:1px solid var(--border-base);height:100%;padding:6px 10px;transition:border-color .15s;display:flex}.resource-item.clickable{cursor:pointer}.resource-item.clickable:hover{border-color:var(--border-hover)}.resource-item.clickable:active{background:var(--bg-secondary)}.resource-info{flex-direction:column;gap:3px;min-width:50px;height:100%;display:flex}.resource-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-mono)}.resource-value{font-size:var(--text-sm);color:var(--text-secondary);font-weight:400;font-family:var(--font-mono)}.resource-bar-container{align-items:center;gap:var(--spacing-xs);margin-top:2px;display:flex}.resource-bar{background:var(--border-base);flex:1;height:3px;overflow:hidden}.resource-bar-fill{background:var(--border-active);height:100%;transition:width .3s}.resource-bar-label{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);min-width:30px;display:none}.shop-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shop-modal{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;flex-direction:column;max-width:80vw;max-height:80vh;animation:.3s ease-out slideIn;display:flex;position:relative;box-shadow:0 4px 20px #00000080}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.shop-modal-header{border-bottom:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-primary);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.shop-modal-close{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;font-family:var(--font-mono);background:0 0;padding:4px 8px;transition:all .2s;position:absolute;top:12px;right:12px}.shop-modal-close:hover{background:var(--accent-color);border-color:var(--accent-color);color:var(--bg-primary)}.shop-modal-content{flex:1;padding:16px;overflow-y:auto}.marketplace-panel{padding:var(--space-lg);background:var(--bg-secondary);height:100%;font-family:var(--font-mono);color:var(--text-primary);font-size:var(--text-lg);flex-direction:column;line-height:1.4;display:flex}.terminal-header{color:var(--header-text);margin-bottom:var(--space-lg);font-size:var(--text-md);-webkit-user-select:none;user-select:none}.terminal-header span{letter-spacing:0;display:block}.terminal-footer{color:var(--header-text);padding-top:var(--space-lg);font-size:var(--text-md);-webkit-user-select:none;user-select:none;margin-top:auto}.terminal-warning{background:var(--bg-tertiary);border-left:2px solid var(--border-accent);padding:var(--space-md)var(--space-lg);margin-bottom:var(--space-lg);cursor:pointer;transition:border-color var(--transition-normal);flex-direction:column;gap:2px;display:flex}.terminal-warning:hover{border-left-color:var(--text-secondary)}.terminal-warning span:first-child{color:var(--text-primary);font-weight:700}.terminal-warning span:last-child{color:var(--text-muted);padding-left:var(--space-lg);font-size:var(--text-md)}.data-type-selector{gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.data-type-sale{gap:var(--space-xl);flex-direction:column;display:flex}.sell-options{flex-direction:column;display:flex}.terminal-section{background:var(--card-bg);border:var(--border-width)solid var(--card-border);padding:var(--space-base)var(--space-lg);gap:var(--space-sm);transition:border-color var(--transition-normal);flex-direction:column;display:flex}.terminal-section:hover{border-color:var(--card-border-hover)}.terminal-row{font-size:var(--text-md);justify-content:space-between;align-items:baseline;display:flex}.terminal-label{color:var(--text-brightest);letter-spacing:.5px;font-weight:700;font-size:var(--text-lg)}.terminal-value{color:var(--text-primary);font-weight:400}.terminal-dimmed{color:var(--text-muted);font-size:var(--text-base)}.terminal-data{color:var(--text-secondary);font-size:var(--text-base)}.terminal-earnings{color:#5a5a5a;font-weight:700;font-size:var(--text-base)}.terminal-button{margin-top:var(--space-md);padding:var(--btn-padding-y)var(--space-lg);background:var(--btn-bg-active);border:var(--border-width)solid var(--border-accent);color:var(--btn-text);font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:1px;cursor:pointer;transition:all var(--transition-fast);text-align:center;-webkit-user-select:none;user-select:none;font-weight:700}.terminal-button:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-border-active);color:var(--text-brightest)}.terminal-button:active:not(:disabled){background:var(--bg-hover)}.terminal-button:disabled{opacity:var(--disabled-opacity);cursor:not-allowed;color:var(--text-dimmed);border-color:#222}.data-type-selector::-webkit-scrollbar{width:var(--scrollbar-width)}.data-type-selector::-webkit-scrollbar-track{background:var(--scrollbar-track)}.data-type-selector::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:var(--border-width)solid var(--scrollbar-track)}.data-type-selector::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.control-panel{gap:var(--spacing-md);flex:1;justify-content:space-between;align-items:center;display:flex}.control-info{gap:var(--spacing-md);margin-left:var(--spacing-sm);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);flex:1;align-items:center;display:flex}.info-item{white-space:nowrap}.placement-info{color:var(--text-secondary);font-weight:700}.control-buttons{gap:var(--spacing-xs);align-items:center;display:flex}.control-button{border:1px solid var(--border-base);background:var(--bg-panel);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.5px;justify-content:center;align-items:center;padding:6px 10px;transition:all .15s;display:flex}.control-button:hover{background:var(--bg-secondary);border-color:var(--border-hover);color:var(--text-secondary)}.control-button.active{background:var(--bg-secondary);border-color:var(--border-focus);color:var(--text-primary)}.control-button.danger:hover{border-color:var(--border-active);color:var(--text-muted)}.control-button:disabled{opacity:.4;cursor:not-allowed}.shop-content{gap:var(--spacing-md);flex-direction:column;height:100%;display:flex}.shop-content h3{font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-base);padding-bottom:var(--spacing-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;margin:0}.shop-items-list{gap:var(--spacing-sm);flex-direction:column;flex:1;padding-right:5px;display:flex;overflow-y:auto}.shop-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-panel);border:1px solid var(--border-base);cursor:pointer;transition:all var(--transition-fast);display:flex}.shop-item:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.shop-item.selected{background:var(--bg-secondary);border-color:var(--border-focus)}.shop-item-icon{font-size:var(--text-sm);text-align:center;min-width:30px;font-family:var(--font-mono);color:var(--text-tertiary)}.shop-item-info{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.shop-item-name{color:var(--text-secondary);font-weight:700;font-size:var(--text-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.shop-item-description{font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-mono)}.shop-item-stats{gap:var(--spacing-sm);margin-top:3px;display:flex}.shop-stat{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-secondary);font-family:var(--font-mono);border:1px solid var(--border-base);padding:2px 6px}.shop-item-buttons{gap:var(--spacing-xs);flex-direction:column;display:flex}.shop-buy-button{padding:var(--spacing-xs)var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-active);color:var(--text-secondary);font-weight:700;font-size:var(--text-xs);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;letter-spacing:.5px}.shop-buy-button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-tertiary);color:var(--text-primary)}.shop-buy-button:active:not(:disabled){background:var(--bg-panel)}.shop-buy-button:disabled{background:var(--bg-secondary);color:var(--border-active);cursor:not-allowed;border-color:var(--border-base);opacity:var(--disabled-opacity)}.shop-info{gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-panel);border:1px solid var(--border-base);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);flex-direction:column;display:flex}.shop-info p{margin:0;line-height:1.4}.shop-money{color:var(--text-muted);border-top:1px solid var(--border-base);padding-top:var(--spacing-xs);margin-top:var(--spacing-xs)}.shop-items-list::-webkit-scrollbar{width:var(--scrollbar-width)}.shop-items-list::-webkit-scrollbar-track{background:var(--scrollbar-track)}.shop-items-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.shop-items-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.game-layout{background:var(--bg-primary);width:100vw;height:100vh;color:var(--text-secondary);font-family:var(--font-mono);flex-direction:column;display:flex;overflow:hidden}.game-header{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm)var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-base);z-index:10;flex-wrap:wrap;display:flex}.header-left h1{color:var(--text-secondary);text-shadow:none;margin:0;font-size:24px;font-weight:700}.game-main{background:var(--bg-primary);flex:1;gap:1px;padding:0;display:flex;overflow:hidden}.left-sidebar,.right-sidebar{background:var(--bg-secondary);border:1px solid var(--border-base);width:300px;overflow-y:auto}.left-sidebar{border-left:none}.right-sidebar{border-right:none}.game-viewport{background:var(--bg-tertiary);border:1px solid var(--border-base);border-left:none;border-right:none;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.left-sidebar::-webkit-scrollbar{width:6px}.right-sidebar::-webkit-scrollbar{width:6px}.left-sidebar::-webkit-scrollbar-track{background:var(--bg-secondary)}.right-sidebar::-webkit-scrollbar-track{background:var(--bg-secondary)}.left-sidebar::-webkit-scrollbar-thumb{background:var(--border-base)}.right-sidebar::-webkit-scrollbar-thumb{background:var(--border-base)}.left-sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.right-sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.landing-page{background:var(--bg-primary);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.landing-background{opacity:.15;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.grid-overlay{background-image:linear-gradient(#3232321a 1px,#0000 1px),linear-gradient(90deg,#3232321a 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;animation:30s linear infinite gridScroll;position:absolute;top:0;left:0}@keyframes gridScroll{0%{transform:translateY(0)}to{transform:translateY(40px)}}.scan-line{background:linear-gradient(90deg,#0000,#222,#0000);width:100%;height:1px;animation:8s linear infinite scanMove;position:absolute;top:0;left:0}@keyframes scanMove{0%{top:0}to{top:100%}}.data-particles{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.particle{opacity:0;background:#333;width:1px;height:1px;animation:ease-in-out infinite particleFloat;position:absolute}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-100px)}}.landing-content{z-index:10;flex-direction:column;align-items:center;gap:40px;max-width:600px;padding:40px;display:flex;position:relative}.landing-header{text-align:center;animation:.8s ease-out fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.game-title{font-size:var(--text-lg);font-weight:400;font-family:var(--font-mono);color:var(--text-tertiary);margin:0;line-height:1.2}.title-icon{display:none}.game-tagline{margin:var(--spacing-md)0 0 0;font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:1px}.landing-menu{gap:var(--spacing-md);flex-direction:column;width:100%;max-width:400px;animation:.8s ease-out .2s both fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-button{justify-content:flex-start;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-xl);background:var(--bg-panel);border:1px solid var(--border-base);color:var(--text-muted);font-size:var(--text-base);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);display:flex;position:relative;overflow:hidden}.menu-button:before{content:"";background:linear-gradient(90deg,#0000,#1e1e1e4d,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.menu-button:hover:before{left:100%}.menu-button:hover{background:var(--bg-secondary);border-color:var(--border-hover);color:var(--text-secondary)}.menu-button.primary{background:var(--bg-secondary);border-color:var(--border-focus);color:var(--text-primary)}.menu-button.primary:hover{background:var(--bg-hover);border-color:var(--border-active)}.menu-button:active{background:var(--bg-secondary)}.button-icon{display:none}.button-text{text-align:left;letter-spacing:.5px;flex:1}.landing-footer{text-align:center;opacity:.6;animation:.8s ease-out .4s both fadeIn}.version{margin:0 0 var(--spacing-xs)0;font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-mono)}.credits{font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-mono);margin:0}@media (max-width:768px){.game-title{font-size:var(--text-sm)}.landing-content{padding:var(--spacing-lg);gap:30px}.menu-button{padding:var(--spacing-sm)14px;font-size:var(--text-sm)}}@media (max-height:700px){.landing-content{gap:25px}.game-title{font-size:var(--text-sm)}.menu-button{padding:var(--spacing-sm)14px}}.settings-overlay{background:var(--overlay-bg);z-index:1000;animation:fadeIn var(--transition-fast)ease-out;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{background:var(--bg-secondary);border:1px solid var(--border-base);width:90%;max-width:600px;max-height:85vh;animation:slideIn var(--transition-normal)ease-out;flex-direction:column;display:flex}.settings-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-base);justify-content:space-between;align-items:center;display:flex}.settings-header h2{font-size:var(--text-base);color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:0;margin:0}.settings-close{padding:var(--spacing-xs)var(--spacing-sm);background:var(--bg-panel);border:1px solid var(--border-base);color:var(--text-muted);font-size:var(--text-sm);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast)}.settings-close:hover{background:var(--bg-secondary);border-color:var(--border-hover);color:var(--text-secondary)}.settings-content{padding:var(--spacing-xl);flex:1;overflow-y:auto}.settings-section{margin-bottom:var(--spacing-lg)}.settings-section:last-child{margin-bottom:0}.settings-section h3{margin:0 0 var(--spacing-md)0;font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-base);padding-bottom:var(--spacing-xs)}.setting-item{padding:var(--spacing-sm)0;border-bottom:1px solid var(--bg-panel);justify-content:space-between;align-items:center;display:flex}.setting-item:last-child{border-bottom:none}.setting-item.sub-setting{padding-left:var(--spacing-xl);opacity:.8}.setting-item label{font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-mono);flex:1}.setting-control{align-items:center;gap:var(--spacing-sm);display:flex}.setting-value{font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-mono);text-align:right;min-width:40px}.slider{background:var(--border-base);cursor:pointer;appearance:none;outline:none;width:150px;height:3px}.slider::-webkit-slider-thumb{appearance:none;background:var(--border-active);cursor:pointer;width:12px;height:12px;transition:background var(--transition-fast)}.slider::-webkit-slider-thumb:hover{background:var(--text-tertiary)}.slider::-moz-range-thumb{background:var(--border-active);cursor:pointer;border:none;width:12px;height:12px}.toggle-switch{width:44px;height:20px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--bg-panel);transition:var(--transition-normal);border:1px solid var(--border-base);position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--border-active);width:12px;height:12px;transition:var(--transition-normal);position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--bg-secondary);border-color:var(--border-focus)}.toggle-switch input:checked+.toggle-slider:before{background:var(--text-muted);transform:translate(24px)}.number-input{width:60px;padding:var(--spacing-xs)var(--spacing-sm);background:var(--bg-panel);border:1px solid var(--border-base);color:var(--text-muted);font-size:var(--text-sm);font-family:var(--font-mono);text-align:center}.number-input:focus{border-color:var(--border-hover);outline:none}.setting-buttons{gap:var(--spacing-sm);width:100%;display:flex}.settings-button{padding:var(--spacing-sm)var(--spacing-xl);background:var(--bg-panel);border:1px solid var(--border-base);color:var(--text-muted);font-size:var(--text-sm);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.5px;font-weight:700}.settings-button:hover{background:var(--bg-secondary);border-color:var(--border-hover);color:var(--text-secondary)}.settings-button.export,.settings-button.import{flex:1}.settings-button.danger{border-color:var(--border-hover);color:var(--text-muted);width:100%}.settings-button.danger:hover{background:var(--bg-secondary);border-color:var(--border-focus)}.settings-button.primary{background:var(--bg-secondary);border:1px solid var(--border-active);color:var(--text-secondary);padding:var(--spacing-sm)32px}.settings-button.primary:hover{background:var(--bg-secondary);border-color:var(--text-tertiary);color:var(--text-primary)}.about-info{background:var(--bg-panel);padding:var(--spacing-md);border:1px solid var(--border-base)}.about-info p{font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-mono);margin:5px 0}.about-info p strong{color:var(--text-muted);font-size:var(--text-sm)}.about-info .credits{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-base);font-size:var(--text-xs);font-style:normal}.settings-footer{padding:var(--spacing-md);border-top:1px solid var(--border-base);justify-content:center;display:flex}.settings-content::-webkit-scrollbar{width:var(--scrollbar-width)}.settings-content::-webkit-scrollbar-track{background:var(--scrollbar-track)}.settings-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.settings-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{box-sizing:border-box;margin:0;padding:0}#root{width:100vw;height:100vh;overflow:hidden}body{overflow:hidden}