:root{--bg-color: #010108;--glow-cyan: #00f0ff;--glow-magenta: #ff2975;--glow-green: #39ff14;--text-green: #33ff66;--ice-red: #ff0033}body{margin:0;padding:0;overflow:hidden;background-color:var(--bg-color);font-family:Fira Code,IBM Plex Mono,monospace;color:var(--text-green);-webkit-user-select:none;user-select:none}canvas#bg{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:0}#ui,#splash{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:10;pointer-events:none}#splash{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#010108e6;pointer-events:auto}#splash h1{font-size:3rem;color:var(--glow-cyan);text-shadow:0 0 10px var(--glow-cyan);margin-bottom:2rem;letter-spacing:.2rem}#splash p{font-size:1.2rem;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1;text-shadow:0 0 8px var(--text-green)}to{opacity:.5}}#ui:before{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;z-index:100;pointer-events:none;opacity:.6}.label{color:#888}#top-left{position:absolute;top:20px;left:20px;font-size:1.2rem;text-shadow:0 0 5px var(--text-green)}#top-right{position:absolute;top:20px;right:20px;text-align:right;font-size:1.2rem;text-shadow:0 0 5px var(--text-green)}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--glow-cyan);font-size:1.5rem;text-shadow:0 0 8px var(--glow-cyan)}#bottom-center{position:absolute;bottom:40px;left:50%;transform:translate(-50%);text-align:center;font-size:1.2rem}#controls-guide{position:absolute;bottom:10px;left:50%;transform:translate(-50%);pointer-events:none;opacity:.45;transition:opacity .3s ease}#controls-guide:hover{opacity:.85}.controls-row{display:flex;align-items:center;gap:6px;background:#01010880;border:1px solid rgba(0,240,255,.15);border-radius:4px;padding:5px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.control-item{display:flex;align-items:center;gap:3px}.control-item kbd{display:inline-block;background:#00f0ff14;border:1px solid rgba(0,240,255,.25);border-radius:3px;padding:1px 5px;font-family:inherit;font-size:.6rem;color:var(--glow-cyan);text-shadow:0 0 4px rgba(0,240,255,.4);line-height:1.4;min-width:14px;text-align:center}.control-label{font-size:.55rem;color:#556;margin-left:3px;letter-spacing:.05em;text-transform:uppercase}.control-divider{width:1px;height:14px;background:#00f0ff1f;margin:0 2px}#bottom-left{position:absolute;bottom:20px;left:20px;max-width:300px}#log-container{display:flex;flex-direction:column;gap:5px;font-size:.9rem}.log-entry{opacity:1;transition:opacity 1s ease-out}.panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;max-height:80vh;background:#010108f2;border:1px solid var(--glow-cyan);box-shadow:0 0 15px #00f0ff4d;z-index:50;padding:20px;pointer-events:auto;overflow-y:auto}.panel h2{margin-top:0;color:var(--glow-cyan);border-bottom:1px solid var(--glow-cyan);padding-bottom:10px}#nav-list{list-style:none;padding:0}#nav-list li{padding:8px;border-bottom:1px solid #333;cursor:pointer;display:flex;justify-content:space-between}#nav-list li:hover{background:#00f0ff33}.hint{color:#888;font-size:.8rem;margin-top:20px;text-align:center}.action-btn{background:transparent;color:var(--glow-cyan);border:1px solid var(--glow-cyan);padding:8px 15px;font-family:inherit;font-size:1rem;cursor:pointer;display:block;width:100%;margin-bottom:10px;transition:all .2s}.action-btn:hover{background:#00f0ff33;box-shadow:0 0 10px #00f0ff80}.terminal-panel{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--text-green);text-align:center;text-shadow:0 0 5px var(--text-green)}.terminal-panel h2{color:var(--text-green);border-bottom:none;font-size:2rem;letter-spacing:.2rem;text-shadow:0 0 8px var(--text-green)}.terminal-panel p{font-size:1.2rem;margin:10px 0}.terminal-panel .action-btn{color:var(--text-green);border-color:var(--text-green);font-size:1.2rem;margin:15px auto;width:50%}.terminal-panel .action-btn:hover{background:#33ff661a;box-shadow:0 0 10px #33ff664d}.terminal-panel .hint{color:#5f5;opacity:.7;font-size:1rem}.terminal-input{width:100%;background:#0009;border:1px solid var(--text-green);color:var(--text-green);font-family:inherit;font-size:1.2rem;padding:10px;box-sizing:border-box;outline:none;transition:box-shadow .2s,border-color .2s}.terminal-input:focus{border-color:var(--glow-cyan);box-shadow:0 0 10px #00f0ff4d}.ghost-input,.ghost-textarea{background:transparent;border:none;border-bottom:1px dashed rgba(51,255,102,.3);color:var(--text-green);font-family:inherit;font-size:inherit;outline:none;padding:2px 5px;width:auto;transition:border-bottom .2s}.ghost-input:focus,.ghost-textarea:focus{border-bottom:1px solid var(--text-green);text-shadow:0 0 5px var(--text-green)}.ghost-textarea{width:100%;border:1px dashed rgba(51,255,102,.2);resize:none}.ghost-textarea:focus{border:1px solid rgba(51,255,102,.5)}