:root{--bg-dark:#050505;--bg-panel:rgba(10, 15, 20, 0.7);--border-color:rgba(0, 255, 170, 0.3);--neon-green:#00ffaa;--neon-green-glow:rgba(0, 255, 170, 0.6);--neon-blue:#00e5ff;--neon-amber:#ffaa00;--neon-danger:#ff003c;--font-heading:'Orbitron',sans-serif;--font-mono:'Share Tech Mono',monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:#e0e0e0;font-family:var(--font-mono);height:100vh;overflow:hidden;position:relative;user-select:none}.crt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(0,255,170,.03) 0,rgba(0,0,0,.8) 100%);pointer-events:none;z-index:100}.scanlines{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50%),linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.02),rgba(0,0,255,.06));background-size:100% 4px,6px 100%;pointer-events:none;z-index:99}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}#app{width:100%;height:100%;position:relative;z-index:10;display:flex;justify-content:center;align-items:center;padding:2rem}.screen{display:none;width:100%;max-width:1200px;height:100%;animation:.3s ease-in-out fadeIn}.screen.active{display:flex;flex-direction:column}.init-flex.active{flex-direction:column;align-items:center;justify-content:center;height:100%}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 15px rgba(0,255,170,.05);border-radius:4px;padding:1.5rem;transition:.2s}h1,h2,h3{font-family:var(--font-heading);letter-spacing:2px}.neon-text{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green-glow)}.neon-alt{color:var(--neon-amber)}.neon-danger{color:var(--neon-danger);text-shadow:0 0 5px rgba(255,0,60,.6)}.neon-blue{color:var(--neon-blue);text-shadow:0 0 5px rgba(0,229,255,.6)}.cyber-btn{background:0 0;color:var(--neon-green);border:1px solid var(--neon-green);padding:.75rem 1.5rem;font-family:var(--font-heading);font-size:1rem;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:.2s}.cyber-btn:hover{background:var(--neon-green);color:var(--bg-dark);box-shadow:0 0 15px var(--neon-green-glow)}.cyber-btn.small{padding:.25rem .5rem;font-size:.8rem}#main-menu{align-items:center;justify-content:center;text-align:center}.glitch-title{font-size:4rem;color:#fff;text-shadow:0 0 20px rgba(0,255,170,.8);position:relative;margin-bottom:.5rem}.subtitle{margin-bottom:3rem;color:#888;letter-spacing:4px}.save-slots{display:flex;gap:2rem;width:100%}.save-slot{flex:1;cursor:pointer;border-color:rgba(255,255,255,.1)}.save-slot:hover{border-color:var(--neon-green);transform:translateY(-5px)}.desktop-header{display:flex;flex-direction:column;padding:1rem 1.5rem}.header-top-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,255,170,.1);padding-bottom:1rem}.operator-profile{display:flex;flex-direction:column;min-width:250px}.operator-id{font-size:1.1rem;font-weight:700;color:#fff}.operator-rank{font-size:1rem;letter-spacing:2px}.header-actions{min-width:250px;display:flex;flex-direction:column;align-items:flex-end}.system-time{font-family:var(--font-heading);color:var(--neon-blue);font-size:1.1rem;letter-spacing:2px}.desktop-grid{display:grid;grid-template-columns:2.3fr 1fr;gap:1.5rem;flex-grow:1;min-height:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgba(0,255,170,.05)}::-webkit-scrollbar-thumb{background:rgba(0,255,170,.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon-green)}.desktop-nav{display:flex;justify-content:center;gap:1rem;padding-top:1rem}.nav-btn{font-size:1rem;padding:.4rem 1.5rem;border-color:rgba(0,255,170,.3);color:rgba(0,255,170,.6)}.nav-btn.active,.nav-btn:hover{border-color:var(--neon-green);color:var(--bg-dark);background:var(--neon-green);box-shadow:0 0 10px var(--neon-green-glow)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);z-index:200;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{width:90%;max-width:800px}.progress-bar{width:150px;height:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,0,60,.3)}.massive{text-align:center;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.trace-label{font-size:1.2rem;color:var(--neon-danger);letter-spacing:4px;margin-bottom:.5rem;font-family:var(--font-heading)}.trace-bar-wrapper{display:flex;align-items:center;gap:1.5rem;width:60%;min-width:400px}.massive-bar{flex-grow:1;height:15px;border:2px solid rgba(255,0,60,.5);background:rgba(40,0,10,.6)}.massive-value{font-size:2.5rem;font-family:var(--font-heading);font-weight:900}.pulse-danger{box-shadow:0 0 15px var(--neon-danger);animation:2s infinite alternate dangerPulse}@keyframes dangerPulse{from{box-shadow:0 0 10px var(--neon-danger)}to{box-shadow:0 0 25px var(--neon-danger),0 0 5px #fff}}.progress-fill{height:100%;background:var(--neon-danger);transition:width .3s cubic-bezier(.4, 0, .2, 1)}.operator-log{padding:1rem;background:rgba(0,229,255,.05);border-color:rgba(0,229,255,.4);height:300px}.log-content{font-family:var(--font-mono);color:var(--neon-blue);font-size:1rem;line-height:1.6;height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-end}.contract-board{display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.contract-list{overflow-y:auto;flex-grow:1;padding-right:.5rem}.contract-item{display:flex;justify-content:space-between;align-items:stretch;padding:1rem;background:rgba(0,255,170,.05);border-left:3px solid var(--neon-green);margin-bottom:1rem;cursor:pointer;transition:.2s}.contract-item:hover{background:rgba(0,255,170,.1);transform:translateX(5px)}.contract-tier{font-family:var(--font-heading);font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-width:60px;font-size:.9rem;line-height:1.2}.tier-1{border-left-color:#0fa;color:#0fa}.tier-2{border-left-color:#5fa;color:#5fa}.tier-3{border-left-color:#af5;color:#af5}.tier-4{border-left-color:#ff0;color:#ff0}.tier-5{border-left-color:#fa0;color:#fa0}.tier-6{border-left-color:#f50;color:#f50}.tier-7{border-left-color:#fff;color:#fff;text-shadow:0 0 10px #fff}.tier-ghost{border-left-color:#00e5ff;color:#00e5ff}.tier-scrap{border-left-color:#8b5e3c;color:#8b5e3c}.contract-details{flex-grow:1;margin:0 1rem;display:flex;flex-direction:column;justify-content:center}.accept-btn{align-self:center}.wattage-container{text-align:right;background:rgba(255,170,0,.05);padding:.5rem 1rem;border:1px solid rgba(255,170,0,.4);border-radius:2px;min-width:140px}.wattage-label{display:block;font-size:.65rem;color:#888;letter-spacing:1px;margin-bottom:.2rem}.wattage-value{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;text-shadow:0 0 5px var(--neon-amber)}.hardware-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.hardware-slot{padding:.75rem;border:1px dashed var(--neon-blue);display:flex;justify-content:space-between;align-items:center}.hardware-slot.empty{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.4)}@keyframes fadeIn{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}#achievement-toast-container{position:fixed;bottom:2rem;right:2rem;z-index:10000;display:flex;flex-direction:column;gap:1rem;pointer-events:none}.achievement-toast{display:flex;align-items:center;gap:1rem;padding:1rem;min-width:300px;background:rgba(10,15,20,.95);border-left:4px solid var(--neon-amber);box-shadow:0 0 20px rgba(255,170,0,.2);animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards slideInRight}.achievement-toast-icon{font-size:2rem;text-shadow:0 0 10px var(--neon-amber)}.achievement-toast-content{display:flex;flex-direction:column;gap:.2rem}.achievement-toast-title{font-size:.7rem;color:var(--neon-amber);letter-spacing:2px}.achievement-toast-name{font-family:var(--font-heading);font-size:1.1rem;color:#fff}.achievement-toast-desc{font-size:.8rem;color:#ccc}@keyframes slideInRight{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(120%);opacity:0}}@keyframes glow-success{0%,100%{box-shadow:0 0 5px var(--neon-green),inset 0 0 5px var(--neon-green);color:var(--bg-dark);background-color:var(--neon-green)}50%{box-shadow:0 0 20px var(--neon-green),inset 0 0 10px var(--neon-green);color:var(--bg-dark);background-color:rgba(0,255,170,.8)}}.nav-btn.glow-alert{animation:1.5s infinite glow-success;border-color:var(--neon-green)}.achievement-item{display:flex;gap:1rem;padding:1rem;background:rgba(255,255,255,.05);border-left:3px solid #444;transition:.2s}.achievement-item.unlocked{background:rgba(0,255,170,.05);border-left-color:var(--neon-green)}.achievement-item.locked{opacity:.6;filter:grayscale(1)}.achievement-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;min-width:60px;text-shadow:0 0 10px rgba(255,255,255,.2)}.achievement-item.unlocked .achievement-icon{text-shadow:0 0 15px var(--neon-green)}.achievement-details{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.achievement-name{font-family:var(--font-heading);font-size:1.2rem;color:#fff;margin-bottom:.3rem}.achievement-item.unlocked .achievement-name{color:var(--neon-green)}.achievement-desc{font-size:.9rem;color:#ccc;margin-bottom:.5rem}.achievement-progress-bar{height:4px;background:rgba(255,255,255,.2);width:100%;margin-top:auto;overflow:hidden}.achievement-progress-fill{height:100%;background:var(--neon-alt);transition:width .3s}.achievement-item.unlocked .achievement-progress-fill{background:var(--neon-green)}.cyber-slider{-webkit-appearance:none;appearance:none;height:4px;background:rgba(255,255,255,.1);border-radius:2px;outline:0}.cyber-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--neon-blue);cursor:pointer;box-shadow:0 0 6px var(--neon-blue);border:1px solid rgba(255,255,255,.3)}.cyber-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--neon-blue);cursor:pointer;box-shadow:0 0 6px var(--neon-blue);border:1px solid rgba(255,255,255,.3)}