:root{--terminal-bg: #0a0e14;--terminal-fg: #b3b1ad;--terminal-green: #00ff41;--terminal-cyan: #00d4ff;--terminal-yellow: #ffdd00;--terminal-red: #ff3333;--terminal-border: #1a2332;--terminal-glow: rgba(0, 255, 65, .5);font-family:Courier New,Consolas,Monaco,monospace;line-height:1.4;font-weight:400;color-scheme:dark;color:var(--terminal-fg);background-color:var(--terminal-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100vw;min-height:100vh;display:flex;flex-direction:column}.app{width:100%;flex:1;display:flex;flex-direction:column;padding:1rem;overflow:auto}.level-builder-menu{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--terminal-bg);color:var(--terminal-fg);font-family:Courier New,Consolas,Monaco,monospace}.menu-container{max-width:600px;padding:2rem;background:#1a233280;border:2px solid var(--terminal-border);border-radius:0;box-shadow:0 0 30px var(--terminal-glow)}.game-title{color:var(--terminal-green);font-size:2rem;margin:0 0 .5rem;text-align:center;text-shadow:0 0 15px var(--terminal-glow);letter-spacing:3px;text-transform:uppercase}.subtitle{color:var(--terminal-cyan);text-align:center;font-size:.9rem;margin:0 0 2rem;text-transform:uppercase;letter-spacing:1px}.menu-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.menu-button{padding:1rem 2rem;background:var(--terminal-border);color:var(--terminal-cyan);border:2px solid var(--terminal-cyan);border-radius:0;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;font-weight:700;transition:all .3s;text-align:center;text-transform:uppercase;letter-spacing:1px}.menu-button:hover{background:var(--terminal-cyan);color:var(--terminal-bg);box-shadow:0 0 20px #00d4ff99;transform:translateY(-2px)}.menu-button.secondary{background:#1a233280;border-color:var(--terminal-green);color:var(--terminal-green)}.menu-button.secondary:hover{background:var(--terminal-green);color:var(--terminal-bg);box-shadow:0 0 20px var(--terminal-glow)}.menu-info{background:#0a0e14cc;padding:1rem;border-radius:0;border:2px solid var(--terminal-border)}.menu-info h3{color:var(--terminal-green);margin-top:0;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.menu-info ul{margin:0;padding-left:1.5rem;color:var(--terminal-fg)}.menu-info li{margin-bottom:.5rem;line-height:1.5;font-size:.85rem}.terminal-header{border:2px solid var(--terminal-border);border-bottom:1px solid var(--terminal-border);padding:.5rem 1rem;background:#1a233280;display:flex;justify-content:space-between;align-items:center}.terminal-title{color:var(--terminal-green);font-size:1.2rem;font-weight:700;text-shadow:0 0 10px var(--terminal-glow)}.terminal-info{color:var(--terminal-cyan);font-size:.9rem;display:flex;gap:1.5rem;align-items:center}.difficulty-stars{color:var(--terminal-yellow)}.timer{color:var(--terminal-green)}.timer.warning{color:var(--terminal-yellow);animation:pulse 1s infinite}.timer.critical{color:var(--terminal-red);animation:pulse .5s infinite}.moves-remaining{color:var(--terminal-cyan)}.moves-remaining.low{color:var(--terminal-yellow)}.terminal-body{flex:1;border:2px solid var(--terminal-border);border-top:none;background:#0a0e14e6;padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow:auto}.story-text{color:var(--terminal-fg);font-size:1rem;line-height:1.6;max-width:800px}.game-grid{display:grid;gap:2px;padding:1rem;background:var(--terminal-border);border:2px solid var(--terminal-green);box-shadow:0 0 20px var(--terminal-glow);width:fit-content}.grid-cell{width:40px;height:40px;background:var(--terminal-bg);border:1px solid var(--terminal-border);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .2s}.grid-cell.wall{background:var(--terminal-border);color:var(--terminal-fg)}.grid-cell.protege{color:var(--terminal-green);text-shadow:0 0 15px var(--terminal-glow);font-weight:700}.grid-cell.goal{color:var(--terminal-cyan);text-shadow:0 0 15px rgba(0,212,255,.5)}.grid-cell.laserWall{background:#ff00001a;color:var(--terminal-red);text-shadow:0 0 10px var(--terminal-red);animation:pulse 1s infinite}.grid-cell.ice{background:#00d4ff26;color:var(--terminal-cyan);text-shadow:0 0 8px rgba(0,212,255,.5)}.grid-cell.teleportPad{background:#8a2be233;color:#9d4edd;text-shadow:0 0 12px #9d4edd;animation:pulse 2s infinite}.grid-cell.oneWayDoor{background:#ffa50026;color:#ff9500;text-shadow:0 0 8px #ff9500}.grid-cell.spike{background:#f003;color:var(--terminal-red);text-shadow:0 0 10px var(--terminal-red)}.grid-cell.pressurePlate{background:#ffff001a;color:var(--terminal-yellow);text-shadow:0 0 8px var(--terminal-yellow)}.grid-cell.lockedDoor{background:#8080804d;color:#888;text-shadow:0 0 6px #888}.grid-cell.hazard{background:#ffa50033;color:var(--terminal-yellow);text-shadow:0 0 10px var(--terminal-yellow);animation:warningPulse 1s infinite}.controls-hint{color:var(--terminal-yellow);font-size:.9rem;margin-top:1rem;text-align:center}.command-display{color:var(--terminal-cyan);font-size:.85rem;padding:.5rem 1rem;background:#00d4ff1a;border-left:3px solid var(--terminal-cyan);margin-top:1rem}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.cursor-blink{animation:blink 1s infinite}.death-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0e14f2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}.death-screen{border:3px solid var(--terminal-red);background:var(--terminal-bg);padding:3rem;max-width:600px;box-shadow:0 0 40px #ff333380;text-align:center}.death-title{color:var(--terminal-red);font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 20px rgba(255,51,51,.8)}.death-reason{color:var(--terminal-yellow);font-size:1.2rem;margin-bottom:2rem}.death-hint{color:var(--terminal-cyan);font-size:1rem;margin-bottom:2rem;padding:1rem;border-left:3px solid var(--terminal-cyan);background:#00d4ff1a;text-align:left}.death-stats{color:var(--terminal-fg);margin-bottom:2rem;font-size:.9rem}.retry-button{background:var(--terminal-border);color:var(--terminal-green);border:2px solid var(--terminal-green);padding:.8rem 2rem;font-size:1rem;font-family:inherit;cursor:pointer;transition:all .3s}.retry-button:hover{background:var(--terminal-green);color:var(--terminal-bg);box-shadow:0 0 20px var(--terminal-glow)}.name-entry-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--terminal-bg);display:flex;align-items:center;justify-content:center;z-index:10}.name-entry-backdrop{text-align:center;animation:fadeInScale 1s ease}.name-entry-title-large{color:var(--terminal-green);font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 30px var(--terminal-glow);letter-spacing:8px;animation:glow 2s ease-in-out infinite;display:flex;align-items:center;justify-content:center;gap:1.5rem}.hero-symbol{font-size:5rem;font-weight:700;background:linear-gradient(135deg,var(--terminal-green),var(--terminal-cyan),var(--terminal-green));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px var(--terminal-glow)) drop-shadow(0 0 40px var(--terminal-cyan));animation:heroSymbolGlow 3s ease-in-out infinite,gradientShift 4s ease infinite;position:relative}.hero-symbol:before{content:"@";position:absolute;top:0;left:0;z-index:-1;filter:blur(20px);opacity:.6;background:linear-gradient(135deg,var(--terminal-green),var(--terminal-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes heroSymbolGlow{0%,to{filter:drop-shadow(0 0 30px var(--terminal-glow)) drop-shadow(0 0 40px var(--terminal-cyan))}50%{filter:drop-shadow(0 0 50px var(--terminal-glow)) drop-shadow(0 0 60px var(--terminal-cyan)) drop-shadow(0 0 70px var(--terminal-green))}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.name-entry-tagline{color:var(--terminal-cyan);font-size:1.5rem;opacity:.8;font-style:italic;margin-bottom:3rem}.home-buttons{display:flex;flex-direction:column;gap:1.5rem;align-items:center;margin-top:3rem}.play-button{background:var(--terminal-border);color:var(--terminal-green);border:3px solid var(--terminal-green);padding:1.5rem 4rem;font-size:1.8rem;font-family:Courier New,Consolas,Monaco,monospace;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:3px;box-shadow:0 0 20px var(--terminal-glow)}.play-button:hover{background:var(--terminal-green);color:var(--terminal-bg);box-shadow:0 0 40px var(--terminal-glow),0 0 50px var(--terminal-green);transform:scale(1.05)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{text-shadow:0 0 30px var(--terminal-glow)}50%{text-shadow:0 0 50px var(--terminal-glow),0 0 60px var(--terminal-green)}}.name-entry-container{border:3px solid var(--terminal-green);background:#0a0e14f2;padding:3rem;max-width:600px;box-shadow:0 0 40px var(--terminal-glow);text-align:center}.name-entry-title{color:var(--terminal-green);font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 20px var(--terminal-glow)}.name-entry-subtitle{color:var(--terminal-cyan);font-size:1.2rem;margin-bottom:2rem}.name-input-group{margin-bottom:2rem}.name-input-label{display:block;color:var(--terminal-yellow);font-size:1rem;margin-bottom:.5rem;text-align:left}.name-input{width:100%;background:var(--terminal-border);border:2px solid var(--terminal-green);color:var(--terminal-green);font-family:inherit;font-size:1.5rem;padding:.8rem;text-align:center;outline:none;transition:all .3s}.name-input:focus{border-color:var(--terminal-cyan);box-shadow:0 0 20px #00d4ff4d}.start-button{background:var(--terminal-border);color:var(--terminal-green);border:2px solid var(--terminal-green);padding:1rem 3rem;font-size:1.2rem;font-family:inherit;cursor:pointer;transition:all .3s}.start-button:hover:not(:disabled){background:var(--terminal-green);color:var(--terminal-bg);box-shadow:0 0 20px var(--terminal-glow)}.start-button:disabled{opacity:.5;cursor:not-allowed}.builder-button{background:var(--terminal-border);color:#c77dff;border:2px solid #c77dff;padding:1rem 3rem;font-size:1.2rem;font-family:inherit;cursor:pointer;transition:all .3s}.builder-button:hover{background:#c77dff;color:var(--terminal-bg);box-shadow:0 0 20px #c77dff80}.game-over-screen{border:3px solid var(--terminal-red);background:var(--terminal-bg);padding:3rem;max-width:700px;box-shadow:0 0 40px #ff333380;text-align:center}.game-over-title{color:var(--terminal-red);font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 30px rgba(255,51,51,.8)}.game-over-subtitle{color:var(--terminal-yellow);font-size:1.3rem;margin-bottom:2rem}.score-section{margin-bottom:2rem;padding:2rem;border:3px solid var(--terminal-green);background:#00ff880d;box-shadow:0 0 30px #0f83}.final-score-title{color:var(--terminal-green);font-size:1.2rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:2px}.final-score-value{color:var(--terminal-green);font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 0 30px var(--terminal-glow);animation:scoreGlow 2s ease-in-out infinite}@keyframes scoreGlow{0%,to{text-shadow:0 0 30px var(--terminal-glow)}50%{text-shadow:0 0 40px var(--terminal-glow),0 0 50px var(--terminal-green)}}.score-breakdown{display:flex;flex-direction:column;gap:.5rem;font-size:.95rem;padding-top:1rem;border-top:2px solid var(--terminal-border)}.score-breakdown-item{display:flex;justify-content:space-between;padding:.3rem 0;color:var(--terminal-fg)}.score-positive{color:var(--terminal-green);font-weight:700}.score-negative{color:var(--terminal-red);font-weight:700}.final-stats{color:var(--terminal-fg);margin-bottom:2rem;padding:1.5rem;border:2px solid var(--terminal-border);background:#1a23324d}.final-stats h3{color:var(--terminal-cyan);margin-bottom:1rem}.stat-line{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--terminal-border)}.stat-line:last-child{border-bottom:none}.stat-label{color:var(--terminal-yellow)}.stat-value{color:var(--terminal-green);font-weight:700}.share-section{margin-bottom:2rem;padding:1rem;background:#00d4ff1a;border-left:3px solid var(--terminal-cyan)}.share-text{background:var(--terminal-border);color:var(--terminal-cyan);padding:1rem;margin-top:.5rem;border:1px solid var(--terminal-cyan);font-size:.9rem;white-space:pre-line;cursor:pointer;transition:all .3s;line-height:1.6}.share-text:hover{background:#00d4ff33;border-color:var(--terminal-green);box-shadow:0 0 10px #00d4ff4d}.button-group{display:flex;gap:1rem;justify-content:center}.new-game-button{background:var(--terminal-border);color:var(--terminal-green);border:2px solid var(--terminal-green);padding:1rem 2rem;font-size:1.1rem;font-family:inherit;cursor:pointer;transition:all .3s}.new-game-button:hover{background:var(--terminal-green);color:var(--terminal-bg);box-shadow:0 0 20px var(--terminal-glow)}.lives-display{color:var(--terminal-red);font-weight:700}.lives-display.healthy{color:var(--terminal-green)}.lives-display.warning{color:var(--terminal-yellow)}.paused-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0e14f2;display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .3s}.paused-message{text-align:center;color:var(--terminal-yellow);font-size:2rem;text-shadow:0 0 20px rgba(255,221,0,.5)}.paused-message .pause-icon{font-size:4rem;margin-bottom:1rem;display:block}.paused-message .pause-text{font-size:1.5rem;margin-bottom:.5rem}.paused-message .pause-hint{font-size:1rem;color:var(--terminal-cyan);margin-top:1rem}.mouse-punishment-warning{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#ff3333f2;color:#fff;padding:1rem 2rem;border:3px solid #ff0000;font-size:1.2rem;font-weight:700;z-index:10000;text-align:center;box-shadow:0 0 30px #f00c;animation:warningPulse .5s ease-in-out infinite alternate,warningShake .1s ease-in-out infinite;pointer-events:none;letter-spacing:2px}@keyframes warningPulse{0%{box-shadow:0 0 30px #f00c}to{box-shadow:0 0 50px red}}@keyframes warningShake{0%{transform:translate(-50%) translateY(0)}25%{transform:translate(-50%) translateY(-2px)}50%{transform:translate(-50%) translateY(0)}75%{transform:translate(-50%) translateY(2px)}to{transform:translate(-50%) translateY(0)}}@keyframes glitchFade{0%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(1.5) rotate(180deg)}}.mouse-punishment-overlay{pointer-events:none}.completion-stats{padding:1rem 0}.completion-score-section{text-align:center;padding:1.5rem;margin-bottom:1.5rem;border:2px solid var(--terminal-green);background:#00ff880d;border-radius:8px}.completion-score-label{color:var(--terminal-green);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.completion-score-value{color:var(--terminal-green);font-size:2.5rem;font-weight:700;text-shadow:0 0 20px var(--terminal-glow)}.completion-details{display:flex;flex-direction:column;gap:.8rem}.keyboard-controls-compact{margin-top:.75rem;font-size:.85rem;color:var(--terminal-fg)}.controls-line{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;line-height:1.8}.controls-prefix{color:var(--terminal-yellow);font-weight:500;margin-right:.5rem}.key-item{display:inline-flex;align-items:center;gap:.35rem;transition:all .15s ease}.key-kbd{background:var(--terminal-border);border:1px solid var(--terminal-cyan);color:var(--terminal-cyan);padding:.1rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.8rem;font-weight:700;min-width:1.5rem;text-align:center;display:inline-block;box-shadow:0 1px 2px #0000004d}.key-label{color:var(--terminal-fg);opacity:.8;font-size:.8rem}.key-item.active .key-kbd{background:var(--terminal-green);border-color:var(--terminal-green);color:var(--terminal-bg);box-shadow:0 0 8px var(--terminal-green);animation:keyFlash .3s ease}.key-item.active .key-label{color:var(--terminal-green);opacity:1;font-weight:500}@keyframes keyFlash{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.key-item.buffer-match .key-kbd{background:#ff03;border-color:var(--terminal-yellow);color:var(--terminal-yellow);animation:bufferBlink .8s ease infinite}.key-item.buffer-match .key-label{color:var(--terminal-yellow);opacity:1}@keyframes bufferBlink{0%,to{opacity:1}50%{opacity:.6}}.controls-status{display:flex;gap:1.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(0,255,255,.2);font-size:.8rem}.buffer-indicator,.last-command-indicator{display:flex;align-items:center;gap:.4rem}.buffer-indicator{color:var(--terminal-yellow)}.last-command-indicator{color:var(--terminal-green)}.buffer-value,.last-value{background:#0000004d;border:1px solid currentColor;padding:.1rem .5rem;border-radius:3px;font-family:Courier New,monospace;font-size:.75rem;font-weight:700}.buffer-value{color:var(--terminal-yellow);animation:bufferPulse 1s ease infinite}@keyframes bufferPulse{0%,to{opacity:1}50%{opacity:.7}}.last-value{color:var(--terminal-green)}@media(max-width:768px){.keyboard-controls-compact{font-size:.75rem}.key-kbd{font-size:.7rem;padding:.05rem .3rem}.key-label{font-size:.7rem}.controls-status{flex-direction:column;gap:.5rem}}.input-modal-overlay{position:fixed;inset:60px 0 0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.input-modal-content{background:linear-gradient(145deg,#0a1628,#051018);border:3px solid var(--terminal-cyan);border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 0 40px #00ffff80;animation:slideIn .3s ease;position:relative}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.input-modal-header{margin-bottom:1.5rem;text-align:center;border-bottom:2px solid var(--terminal-cyan);padding-bottom:1rem}.input-modal-title{color:var(--terminal-cyan);font-size:1.8rem;margin:0;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,255,.5)}.input-modal-subtitle{color:var(--terminal-green);font-size:1rem;margin:.5rem 0 0;opacity:.9}.input-modal-body{color:var(--terminal-text)}@media(max-width:768px){.input-modal-content{padding:1.5rem;max-width:95%}.input-modal-title{font-size:1.4rem}.input-modal-subtitle{font-size:.9rem}}.level-builder{width:100%;min-height:100vh;background:var(--terminal-bg);color:var(--terminal-fg);font-family:Courier New,Consolas,Monaco,monospace;padding:1rem}.builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;border:2px solid var(--terminal-border);background:#1a233280}.builder-header h1{color:var(--terminal-green);font-size:1.5rem;margin:0;text-shadow:0 0 10px var(--terminal-glow);letter-spacing:2px}.header-actions{display:flex;gap:10px}.header-actions button{padding:.5rem 1rem;background:var(--terminal-border);color:var(--terminal-cyan);border:2px solid var(--terminal-cyan);border-radius:0;cursor:pointer;font-family:Courier New,monospace;font-size:.9rem;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.header-actions button:hover{background:var(--terminal-cyan);color:var(--terminal-bg);box-shadow:0 0 15px #00d4ff80}.test-btn{border-color:var(--terminal-yellow)!important;color:var(--terminal-yellow)!important}.test-btn:hover{background:var(--terminal-yellow)!important;color:var(--terminal-bg)!important;box-shadow:0 0 15px #ffdd0080!important}.export-btn{border-color:var(--terminal-green)!important;color:var(--terminal-green)!important}.export-btn:hover{background:var(--terminal-green)!important;color:var(--terminal-bg)!important;box-shadow:0 0 15px var(--terminal-glow)!important}.import-panel,.export-panel{background:#1a233280;border:2px solid var(--terminal-border);border-radius:0;padding:1rem;margin-bottom:1rem}.import-panel h3,.export-panel h3{color:var(--terminal-cyan);margin-top:0;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.import-panel textarea,.export-panel textarea{width:100%;padding:.5rem;background:var(--terminal-bg);color:var(--terminal-fg);border:2px solid var(--terminal-border);border-radius:0;font-family:Courier New,monospace;font-size:.85rem;resize:vertical}.import-panel textarea:focus,.export-panel textarea:focus{outline:none;border-color:var(--terminal-cyan);box-shadow:0 0 10px #00d4ff4d}.import-panel button,.export-panel button{margin-top:.5rem;padding:.5rem 1rem;background:var(--terminal-border);color:var(--terminal-cyan);border:2px solid var(--terminal-cyan);border-radius:0;cursor:pointer;font-family:Courier New,monospace;transition:all .3s;text-transform:uppercase}.import-panel button:hover,.export-panel button:hover{background:var(--terminal-cyan);color:var(--terminal-bg);box-shadow:0 0 10px #00d4ff80}.builder-main{display:flex;gap:1rem;align-items:flex-start}.builder-sidebar{width:300px;background:#1a233280;border:2px solid var(--terminal-border);border-radius:0;padding:1rem;max-height:calc(100vh - 200px);overflow-y:auto}.section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--terminal-border)}.section:last-child{border-bottom:none}.section h3{color:var(--terminal-green);margin-top:0;margin-bottom:1rem;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.section label{display:block;margin-bottom:.5rem;color:var(--terminal-cyan);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.section input[type=number],.section input[type=text],.section select{width:100%;padding:.5rem;margin-top:.25rem;background:var(--terminal-bg);color:var(--terminal-fg);border:2px solid var(--terminal-border);border-radius:0;font-family:Courier New,monospace}.section input:focus,.section select:focus{outline:none;border-color:var(--terminal-cyan);box-shadow:0 0 5px #00d4ff4d}.tool-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem}.tool-buttons button{padding:.5rem;background:var(--terminal-bg);color:var(--terminal-fg);border:2px solid var(--terminal-border);border-radius:0;cursor:pointer;font-family:Courier New,monospace;font-size:.8rem;transition:all .3s;text-transform:uppercase}.tool-buttons button:hover{border-color:var(--terminal-cyan);color:var(--terminal-cyan)}.tool-buttons button.active{background:#00d4ff33;border-color:var(--terminal-cyan);color:var(--terminal-cyan);box-shadow:0 0 10px #00d4ff4d}.switch-id-input{margin-top:.5rem}.element-palette{display:grid;grid-template-columns:1fr;gap:.25rem;max-height:400px;overflow-y:auto}.element-btn{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--terminal-bg);color:var(--terminal-fg);border:2px solid var(--terminal-border);border-radius:0;cursor:pointer;font-family:Courier New,monospace;font-size:.85rem;text-align:left;transition:all .2s}.element-btn:hover{border-color:var(--terminal-cyan);background:#00d4ff1a}.element-btn.selected{background:#00ff4133;border-color:var(--terminal-green);box-shadow:0 0 8px var(--terminal-glow)}.element-btn .symbol{font-size:1.2rem;font-weight:700;min-width:20px;text-align:center}.element-btn .element-name{flex:1;font-size:.8rem}.symbol-wall{color:var(--terminal-fg)}.symbol-empty{color:#444}.symbol-protege{color:var(--terminal-green)}.symbol-goal{color:var(--terminal-yellow)}.symbol-laserWall{color:#f0f}.symbol-ice{color:var(--terminal-cyan)}.symbol-teleportPad{color:#ff6b00}.symbol-oneWayDoor{color:var(--terminal-cyan)}.symbol-spike{color:var(--terminal-red)}.symbol-hazard{color:var(--terminal-yellow)}.symbol-pressurePlate{color:var(--terminal-green)}.symbol-lockedDoor{color:#c60}.danger-btn{background:#f333!important;border-color:var(--terminal-red)!important;color:var(--terminal-red)!important;width:100%;margin-top:.5rem}.danger-btn:hover{background:var(--terminal-red)!important;color:var(--terminal-bg)!important;box-shadow:0 0 10px #ff333380!important}.builder-canvas{flex:1;background:#1a233280;border:2px solid var(--terminal-border);border-radius:0;padding:1rem;max-height:calc(100vh - 200px);overflow:auto}.canvas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--terminal-border)}.canvas-header h2{color:var(--terminal-green);margin:0;font-size:1.2rem;text-shadow:0 0 10px var(--terminal-glow);letter-spacing:1px}.canvas-info{color:var(--terminal-cyan);font-size:.85rem}.editor-grid{display:grid;gap:1px;background:var(--terminal-border);border:2px solid var(--terminal-green);box-shadow:0 0 20px var(--terminal-glow);padding:1px;-webkit-user-select:none;user-select:none;margin:0 auto;width:fit-content}.editor-cell{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--terminal-bg);color:var(--terminal-fg);font-size:1rem;font-weight:700;cursor:pointer;border:1px solid var(--terminal-border);transition:all .1s}.editor-cell:hover{background:#00d4ff33;border-color:var(--terminal-cyan);box-shadow:inset 0 0 5px #00d4ff4d}.editor-cell.empty{background:#0a0e1480;color:#333}.editor-cell.linked{box-shadow:inset 0 0 8px #ff6b0080;border-color:#ff6b00}.editor-cell.has-switch{box-shadow:inset 0 0 8px #00ff4180;border-color:var(--terminal-green)}.metadata-section{max-height:none}.builder-sidebar::-webkit-scrollbar,.builder-canvas::-webkit-scrollbar,.element-palette::-webkit-scrollbar{width:8px}.builder-sidebar::-webkit-scrollbar-track,.builder-canvas::-webkit-scrollbar-track,.element-palette::-webkit-scrollbar-track{background:var(--terminal-bg)}.builder-sidebar::-webkit-scrollbar-thumb,.builder-canvas::-webkit-scrollbar-thumb,.element-palette::-webkit-scrollbar-thumb{background:var(--terminal-border);border-radius:0}.builder-sidebar::-webkit-scrollbar-thumb:hover,.builder-canvas::-webkit-scrollbar-thumb:hover,.element-palette::-webkit-scrollbar-thumb:hover{background:var(--terminal-cyan)}@media(max-width:1200px){.builder-main{flex-direction:column}.builder-sidebar,.builder-canvas{width:100%;max-height:none}}.top-banner{position:sticky;top:0;left:0;right:0;background:#1a2332f2;border-bottom:2px solid var(--terminal-green);padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;box-shadow:0 0 20px var(--terminal-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.banner-logo{font-size:1.5rem;font-weight:700;color:var(--terminal-green);text-shadow:0 0 15px var(--terminal-glow);letter-spacing:2px}.logo-link{color:var(--terminal-green);text-decoration:none;transition:all .3s ease;display:flex;align-items:center;gap:.75rem}.logo-link:hover{text-shadow:0 0 25px var(--terminal-glow);color:var(--terminal-cyan)}.logo-symbol{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--terminal-green),var(--terminal-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 15px var(--terminal-glow));animation:symbolPulse 3s ease-in-out infinite;position:relative}.logo-symbol:before{content:"@";position:absolute;top:0;left:0;z-index:-1;filter:blur(10px);opacity:.5;color:var(--terminal-green)}@keyframes symbolPulse{0%,to{filter:drop-shadow(0 0 15px var(--terminal-glow))}50%{filter:drop-shadow(0 0 25px var(--terminal-glow)) drop-shadow(0 0 35px var(--terminal-cyan))}}.logo-text{display:inline-block}.banner-nav{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--terminal-cyan);text-decoration:none;font-size:1rem;padding:.5rem 1rem;border:2px solid transparent;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--terminal-cyan);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link:hover{color:var(--terminal-green);text-shadow:0 0 10px rgba(0,212,255,.5)}.nav-link.active{color:var(--terminal-green);text-shadow:0 0 10px var(--terminal-glow)}.nav-link.active:after{background:var(--terminal-green);box-shadow:0 0 10px var(--terminal-glow)}.top-banner *{-webkit-user-select:none;user-select:none}