@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&display=swap";body{margin:0}:root{--bg: #0a0e14;--bg2: #0f1419;--bg3: #151b23;--fg: #b3b1ad;--fg-bright: #e6e1cf;--green: #7fd962;--green-dim: #3a5a2a;--red: #f07178;--yellow: #ffb454;--blue: #39bae6;--cyan: #95e6cb;--purple: #d2a6ff;--orange: #ff8f40;--border: #1f2833;--border-bright: #2d3640}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,monospace;background:var(--bg);color:var(--fg);overflow:hidden;height:100vh}#root{height:100vh}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.intro{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:2rem;text-align:center}.ascii-art{color:var(--green);font-size:.7rem;margin-bottom:2rem;text-shadow:0 0 10px rgba(127,217,98,.3)}.typing-text{font-size:.85rem;line-height:1.6;max-width:600px;text-align:left;white-space:pre-wrap;color:var(--fg-bright);margin-bottom:2rem}.cursor{animation:blink 1s step-end infinite;color:var(--green)}@keyframes blink{50%{opacity:0}}.btn{font-family:inherit;background:var(--bg3);color:var(--green);border:1px solid var(--green-dim);padding:.5rem 1.2rem;cursor:pointer;font-size:.8rem;transition:all .2s}.btn:hover{background:var(--green-dim);color:var(--fg-bright);border-color:var(--green)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-start{font-size:1rem;padding:.8rem 2rem;margin-top:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 5px #7fd96233}50%{box-shadow:0 0 20px #7fd96266}}.btn-sm{padding:.3rem .6rem;font-size:.75rem}header{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.2rem;border-bottom:1px solid var(--border);background:var(--bg2);flex-shrink:0}.header-left{display:flex;align-items:baseline;gap:1rem}.header-left h1{font-size:1rem;color:var(--green);font-weight:700;letter-spacing:2px}.header-right{display:flex;align-items:center;gap:.8rem}.score-total{color:var(--yellow);font-weight:700;font-size:.85rem}.dim{color:#555;font-size:.75rem}.main{display:flex;flex:1;overflow:hidden}aside{width:260px;border-right:1px solid var(--border);background:var(--bg2);overflow-y:auto;flex-shrink:0;padding:1rem}.level-select h2{font-size:.75rem;color:var(--blue);margin-bottom:.8rem;letter-spacing:1px}.level-grid{display:flex;flex-direction:column;gap:4px}.level-btn{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem .7rem;background:transparent;border:1px solid transparent;color:var(--fg);font-family:inherit;font-size:.75rem;cursor:pointer;text-align:left;transition:all .15s;border-radius:3px}.level-btn:hover:not(:disabled){background:var(--bg3);border-color:var(--border-bright)}.level-btn.active{background:var(--bg3);border-color:var(--green-dim);color:var(--green)}.level-btn.done .level-name{color:var(--green)}.level-btn.locked{opacity:.35;cursor:not-allowed}.level-num{color:var(--blue);font-weight:700;min-width:1.5rem}.level-name{flex:1}.check{color:var(--green)}.lock{font-size:.65rem}.game-area{flex:1;overflow-y:auto;padding:1.2rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.welcome{display:flex;align-items:center;justify-content:center;flex:1}.ascii-small{color:var(--fg);font-size:.85rem;line-height:1.8}.level-header{display:flex;justify-content:space-between;align-items:flex-start}.level-id{font-size:.65rem;color:var(--blue);letter-spacing:2px}.level-title h2{font-size:1.3rem;color:var(--fg-bright);margin:.1rem 0}.subtitle{font-size:.75rem;color:var(--purple)}.completed-badge{color:var(--green);font-size:.75rem;background:var(--green-dim);padding:.3rem .6rem;border-radius:3px}.briefing{background:var(--bg2);border:1px solid var(--border);padding:1rem;border-radius:4px;font-size:.82rem;line-height:1.6}.briefing h3{font-size:.75rem;color:var(--yellow);margin-bottom:.6rem;letter-spacing:1px}.briefing strong{color:var(--fg-bright)}.briefing em{color:var(--cyan);font-style:normal}.briefing code{background:var(--bg3);padding:.1rem .4rem;border-radius:2px;color:var(--orange);font-size:.8rem}.briefing .code-block{background:var(--bg);padding:.6rem;margin:.5rem 0;border-radius:3px;border:1px solid var(--border);overflow-x:auto}.objective{margin-top:.8rem;padding-top:.6rem;border-top:1px solid var(--border);color:var(--cyan)}.terminal{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.8rem;max-height:350px;overflow-y:auto;font-size:.78rem;line-height:1.5}.terminal-line{white-space:pre-wrap;word-break:break-word}.terminal-line.header{color:var(--blue)}.terminal-line.input{color:var(--fg-bright)}.terminal-line.dim{color:#444}.terminal-line.success{color:var(--green)}.terminal-line.error{color:var(--fg)}.terminal-line.hint{color:var(--yellow)}.terminal-line.flag{color:var(--green);font-weight:700;text-shadow:0 0 10px rgba(127,217,98,.3)}.terminal-line.score{color:var(--cyan)}.input-area{background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:.8rem}.prompt-label{font-size:.7rem;color:var(--green);margin-bottom:.4rem;letter-spacing:1px}.instruction-input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--fg-bright);font-family:inherit;font-size:.85rem;padding:.6rem;resize:vertical;border-radius:3px;outline:none}.instruction-input:focus{border-color:var(--green-dim);box-shadow:0 0 5px #7fd9621a}.instruction-input::placeholder{color:#333}.input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.word-count{font-size:.7rem;color:#555}.btn-execute{background:var(--green-dim);color:var(--green);border-color:var(--green);font-weight:700;padding:.4rem 1.2rem}.btn-execute:hover:not(:disabled){background:var(--green);color:var(--bg)}.score-display{background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:.8rem}.score-row{display:flex;justify-content:space-between;padding:.2rem 0;font-size:.78rem}.score-row.total{border-top:1px solid var(--border);margin-top:.4rem;padding-top:.4rem;font-weight:700;color:var(--yellow)}.hint-panel{background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:.8rem}.hint-panel h3{font-size:.75rem;color:var(--yellow);margin-bottom:.5rem}.hint{font-size:.78rem;padding:.4rem 0;color:var(--fg);border-bottom:1px solid var(--border)}.hint-num{color:var(--yellow);font-weight:700}.btn-hint{margin-top:.5rem;border-color:var(--yellow);color:var(--yellow)}.btn-hint:hover{background:#ffb4541a}.leaderboard-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.leaderboard{background:var(--bg2);border:1px solid var(--border-bright);padding:1.5rem;border-radius:6px;min-width:400px;max-width:500px}.leaderboard h2{color:var(--yellow);margin-bottom:1rem;font-size:1rem}.leaderboard table{width:100%;border-collapse:collapse;font-size:.8rem;margin-bottom:1rem}.leaderboard th{text-align:left;color:var(--blue);padding:.3rem 0;border-bottom:1px solid var(--border)}.leaderboard td{padding:.3rem 0;border-bottom:1px solid var(--border)}.name-input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--fg-bright);font-family:inherit;font-size:.85rem;padding:.5rem;margin-bottom:.8rem;border-radius:3px;outline:none}.name-input:focus{border-color:var(--green)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a4550}