:root{--bg: #000000;--accent: #39ff14;--mono: "Share Tech Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--accent);font-family:var(--mono);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:var(--accent);border:2px solid #000;box-shadow:0 0 6px #39ff1499}::-webkit-scrollbar-thumb:hover{background:#6bff45}::-webkit-scrollbar-corner{background:#000}html{scrollbar-color:var(--accent) #000;scrollbar-width:thin}*{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='3' fill='%2339ff14'/%3E%3C/svg%3E") 8 8,auto}a,button,.nav-btn,.nav-brand{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Ccircle cx='11' cy='11' r='8' fill='none' stroke='%2339ff14' stroke-width='1.5'/%3E%3Ccircle cx='11' cy='11' r='3' fill='%2339ff14'/%3E%3C/svg%3E") 11 11,pointer}.app-shell{min-height:100%;display:flex;flex-direction:column}.site-main{flex:1;display:flex}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,2rem);border-bottom:1px solid rgba(57,255,20,.22);background:#0009}.nav-brand{display:inline-block;font-family:var(--mono);color:var(--accent);text-decoration:none;font-size:1rem;letter-spacing:.04em;text-shadow:0 0 7px rgba(57,255,20,.45);white-space:nowrap}.nav-brand:after{content:"";display:inline-block;width:.55em;height:1.05em;margin-left:.25em;vertical-align:-.15em;background:var(--accent);box-shadow:0 0 7px #39ff1499;animation:term-blink 1.05s steps(1) infinite}.site-nav{display:flex;gap:.6rem}.nav-btn{display:inline-block;font-family:var(--mono);color:var(--accent);border:none;background:transparent;padding:.2rem .15rem;text-decoration:none;font-size:1rem;letter-spacing:.04em;text-shadow:0 0 7px rgba(57,255,20,.3);transition:text-shadow .15s,opacity .15s}.nav-btn:hover{text-shadow:0 0 12px rgba(57,255,20,.85)}.nav-btn:not(.active){opacity:.72}.nav-btn.active{text-shadow:0 0 12px rgba(57,255,20,.75)}.glitch{animation:btn-glitch .42s steps(2,end) 1}@keyframes btn-glitch{0%{transform:translate(0);clip-path:inset(0 0 0 0);text-shadow:none}15%{transform:translate(-2px,1px);text-shadow:2px 0 #ff003c,-2px 0 #00fff9;clip-path:inset(0 0 62% 0)}30%{transform:translate(2px,-1px);text-shadow:-2px 0 #ff003c,2px 0 #00fff9;clip-path:inset(58% 0 0 0)}45%{transform:translate(-2px,-1px);text-shadow:2px 0 #00fff9,-2px 0 #ff003c;clip-path:inset(0 0 35% 0)}60%{transform:translate(2px,1px);text-shadow:-1px 0 #ff003c,1px 0 #00fff9;clip-path:inset(40% 0 0 0)}75%{transform:translate(-1px);text-shadow:1px 0 #00fff9,-1px 0 #ff003c;clip-path:inset(0 0 0 0)}to{transform:translate(0);clip-path:inset(0 0 0 0);text-shadow:none}}.terminal-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,5vw,3rem)}.terminal-line{font-family:var(--mono);color:var(--accent);font-weight:400;font-size:clamp(1.4rem,5.5vw,3.6rem);line-height:1.2;margin:0;text-shadow:0 0 8px rgba(57,255,20,.45)}.terminal-line:before{content:"> ";color:var(--accent);opacity:.7}.typewriter{white-space:pre-wrap}.matrix-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:clamp(1rem,4vw,2.5rem)}.mission-panel{position:relative;z-index:1;width:100%;max-width:760px}.mission-log{font-family:var(--mono);color:var(--accent);font-size:clamp(.9rem,2.1vw,1.15rem);line-height:1.65;margin:0;text-shadow:0 0 6px rgba(57,255,20,.4)}.lab-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,5vw,3rem)}.lab-panel{width:100%;max-width:420px;display:flex;flex-direction:column;gap:.9rem}.lab-line{margin:0;font-family:var(--mono);color:var(--accent);font-size:.95rem;text-shadow:0 0 6px rgba(57,255,20,.35)}.lab-head{margin-bottom:.4rem}.lab-ok{font-size:1.1rem}.lab-err{color:#ff3c5f;text-shadow:0 0 6px rgba(255,60,95,.4)}.lab-field{display:flex;flex-direction:column;gap:.3rem;font-family:var(--mono);color:var(--accent);font-size:.9rem}.lab-input{font-family:var(--mono);font-size:1rem;color:var(--accent);background:#39ff140d;border:1px solid rgba(57,255,20,.35);border-radius:2px;padding:.55rem .7rem;outline:none;caret-color:var(--accent)}.lab-input:focus{border-color:var(--accent);box-shadow:0 0 10px #39ff144d}.lab-btn{align-self:flex-start;margin-top:.4rem;font-family:var(--mono);font-size:1rem;color:var(--accent);background:transparent;border:1px solid var(--accent);border-radius:2px;padding:.5rem 1.2rem;transition:background .15s,color .15s,box-shadow .15s}.lab-btn:hover:not(:disabled){background:var(--accent);color:#000;box-shadow:0 0 12px #39ff1480}.lab-btn:disabled{opacity:.6}.term-cursor{display:inline-block;margin-left:.08em;transform:translateY(.02em);color:var(--accent)}.term-cursor-blink{animation:term-blink 1.05s steps(1) infinite}@keyframes term-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}