:root{--term-green: #0f0;--term-dim: #003300;--bg-color: #000;--glitch-color-1: #0ff;--glitch-color-2: #f0f}body{margin:0;overflow:hidden;background:var(--bg-color);font-family:Share Tech Mono,monospace;color:var(--term-green);height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between}body.hackerman-mode:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/hackerman-em7n9JeT.gif);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.25;z-index:1;pointer-events:none}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#12101000 50%,#00000040),linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;pointer-events:none;z-index:10}.scanline{width:100%;height:100px;z-index:10;background:linear-gradient(0deg,#0000,#ffffff1a,#0000);opacity:.1;position:absolute;bottom:100%;animation:scanline 10s linear infinite;pointer-events:none}@keyframes scanline{0%{bottom:100%}to{bottom:-100%}}#matrix{position:fixed;top:0;left:0;z-index:0;opacity:.8}#ui-layer{position:relative;z-index:5;width:80%;max-width:900px;background:#000a00d9;border:1px solid var(--term-green);padding:2rem;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--term-dim);padding-bottom:1rem}.stats{display:flex;gap:2rem;font-size:1.5rem;font-family:VT323,monospace;text-shadow:none}.text-display{font-size:1.5rem;line-height:1.8;text-align:left;white-space:pre-wrap;min-height:150px;margin-bottom:2rem}.correct{color:var(--term-green);opacity:.8}.incorrect{color:red;background:#f003}.cursor{background-color:var(--term-green);color:#000;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.hidden-input{position:absolute;opacity:0;top:0;left:0}#leaderboard{position:fixed;top:20px;right:20px;width:280px;background:linear-gradient(135deg,#000f19f2,#000a14fa);border:1px solid rgba(0,255,255,.3);box-shadow:0 0 30px #00ffff26,inset 0 0 40px #0064961a;padding:15px;z-index:5;font-size:.9rem;display:none;overflow:hidden}#leaderboard:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(0,255,255,.03) 0%,transparent 40%),radial-gradient(circle at 70% 60%,rgba(0,150,255,.02) 0%,transparent 40%);animation:leaderboard-wave 10s ease-in-out infinite;pointer-events:none}@keyframes leaderboard-wave{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-5%,5%) rotate(2deg)}}#leaderboard h3{position:relative;z-index:1;margin:0 0 15px;text-align:center;border-bottom:1px solid rgba(0,255,255,.3);padding-bottom:10px;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.6),0 0 20px rgba(0,255,255,.3);letter-spacing:.15em;font-size:1rem}table{position:relative;z-index:1;width:100%;border-collapse:collapse}th,td{text-align:left;padding:6px 4px;color:#0cf}th{color:#0ff9;font-size:.85em;letter-spacing:.1em;border-bottom:1px solid rgba(0,255,255,.2)}td{border-left:1px solid rgba(0,255,255,.1);padding-left:8px;background:linear-gradient(90deg,rgba(0,255,255,.02) 0%,transparent 100%)}tbody tr{border-bottom:1px solid rgba(0,255,255,.05)}tbody tr:hover{background:#00ffff0d}#matrix-canvas,#matrix-foreground{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#matrix-foreground{z-index:10;pointer-events:none}#modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;display:flex;justify-content:center;align-items:center}.hidden{display:none!important}#mission-modal{position:relative;background:linear-gradient(135deg,#00141ef2,#000a14fa);border:1px solid rgba(0,255,255,.3);box-shadow:0 0 40px #0ff3,inset 0 0 60px #0064961a;padding:3rem;width:500px;text-align:center;overflow:hidden}#mission-modal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(0,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,150,255,.03) 0%,transparent 50%);animation:modal-wave 8s ease-in-out infinite;pointer-events:none}#mission-modal:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.02) 2px,rgba(0,255,255,.02) 4px);pointer-events:none;animation:scan-lines 3s linear infinite}@keyframes modal-wave{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-10%,10%) rotate(1deg)}66%{transform:translate(10%,-10%) rotate(-1deg)}}@keyframes scan-lines{0%{transform:translateY(0)}to{transform:translateY(4px)}}#mission-modal h2{position:relative;z-index:1;margin-top:0;font-family:VT323,monospace;font-size:2.5rem;margin-bottom:2rem;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.4);letter-spacing:.1em}#modal-stats{position:relative;z-index:1;text-align:left;margin-bottom:2rem;font-family:Share Tech Mono,monospace;line-height:2;color:#0cf}#modal-stats p{position:relative;border-left:2px solid rgba(0,255,255,.3);padding:.5rem 0 .5rem 1rem;margin:.5rem 0;background:linear-gradient(90deg,rgba(0,255,255,.05) 0%,transparent 100%)}#modal-stats p[title]{cursor:help}#modal-stats strong{color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.5)}.input-group{position:relative;z-index:1;display:flex;gap:10px;margin-bottom:1rem}input[type=text]{background:#001428cc;border:1px solid rgba(0,255,255,.4);color:#0ff;padding:10px;font-family:Share Tech Mono,monospace;flex-grow:1;outline:none;box-shadow:inset 0 0 20px #00649633}input[type=text]:focus{border-color:#0ff;box-shadow:inset 0 0 20px #0064964d,0 0 10px #00ffff4d}button{position:relative;background:linear-gradient(135deg,#00c8ff33,#0096ff4d);color:#0ff;border:1px solid rgba(0,255,255,.5);padding:10px 20px;font-family:VT323,monospace;font-size:1.2rem;cursor:pointer;font-weight:700;text-shadow:0 0 5px rgba(0,255,255,.8);overflow:hidden}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#00ffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}button:hover:before{width:300px;height:300px}button:hover{border-color:#0ff;box-shadow:0 0 20px #00ffff80}.secondary-btn{background:transparent;border:1px solid rgba(0,255,255,.4);color:#0cf;width:100%}.secondary-btn:hover{background:#00ffff1a;border-color:#0ff;box-shadow:0 0 15px #00ffff4d}.controls-top{display:flex;align-items:center;gap:10px}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#333;transition:.4s}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--term-green)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.switch input:disabled+.slider{background-color:#222;cursor:not-allowed;opacity:.5}.mode-label{-webkit-user-select:none;user-select:none}.glitch-heavy{animation:glitch-anim .3s infinite}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.chromatic{text-shadow:2px 0 var(--glitch-color-1),-2px 0 var(--glitch-color-2)}.intense .text-display{color:#fff;text-shadow:0 0 10px var(--term-green),0 0 20px var(--term-green);transform:scale(1.02);transition:all .2s}.intense{border-color:#fff;box-shadow:0 0 40px var(--term-green),inset 0 0 20px var(--term-green)}.intense .text-display{margin-bottom:-10px;letter-spacing:-1px}.rgb-bands{animation:rgb-split .2s infinite}@keyframes rgb-split{0%{text-shadow:1px 0 #f00,-1px 0 #0ff,0 1px #0f0}25%{text-shadow:-1px 0 #f00,1px 0 #0ff,1px 0 #f0f}50%{text-shadow:1px 1px #0f0,-1px -1px #f0f,0 -1px #ff0}75%{text-shadow:-1px 1px #0f0,1px -1px #f0f,1px 0 #0ff}to{text-shadow:1px 0 #f00,-1px 0 #0ff,0 1px #0f0}}.moire:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.15) 2px,rgba(0,255,0,.15) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,255,0,.08) 3px,rgba(0,255,0,.08) 6px);animation:moire-shift 2s linear infinite}@keyframes moire-shift{0%{background-position:0 0,0 0}to{background-position:0 30px,30px 0}}.hacker-artifact{position:fixed;font-family:VT323,monospace;color:var(--term-green);font-size:28px;opacity:.8;pointer-events:none;z-index:2;text-shadow:0 0 5px var(--term-green);white-space:pre}.screen-tear{animation:tear-anim .1s linear}@keyframes tear-anim{0%{transform:skew(0);filter:none}25%{transform:skew(10deg) translate(-10px);filter:contrast(200%)}50%{transform:skew(-10deg) translate(10px);filter:invert(10%)}75%{transform:skew(5deg)}to{transform:skew(0)}}.static-noise:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:repeating-linear-gradient(0deg,rgba(0,255,0,.1),rgba(0,255,0,.1) 1px,transparent 1px,transparent 2px);z-index:999;pointer-events:none;animation:static-flash .1s steps(2)}@keyframes static-flash{0%{opacity:0;background-position:0 0}50%{opacity:1;background-position:0 10px}to{opacity:0;background-position:0 20px}}.mute-button{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#000c;border:2px solid var(--term-green);color:var(--term-green);font-size:1.5rem;cursor:pointer;z-index:15;display:flex;align-items:center;justify-content:center;transition:all .3s;padding:0}.mute-button:hover{background:#0f03;box-shadow:0 0 20px var(--term-green);transform:scale(1.1)}.mute-button.muted{opacity:.5;border-color:#666}.page-title{position:relative;z-index:6;text-align:center;padding-top:20px;padding-bottom:10px}.page-title h1{margin:0;font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:900;color:#0ff;letter-spacing:.15em;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.5),0 0 40px rgba(0,100,255,.3);text-transform:uppercase;animation:title-glow 3s ease-in-out infinite}@keyframes title-glow{0%,to{text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.5),0 0 40px rgba(0,100,255,.3)}50%{text-shadow:0 0 15px rgba(0,255,255,1),0 0 30px rgba(0,255,255,.7),0 0 60px rgba(0,100,255,.5)}}.page-footer{position:relative;z-index:6;text-align:center;padding-bottom:15px;font-size:.85rem}.page-footer p{margin:0;color:#0ff9;font-family:Share Tech Mono,monospace;letter-spacing:.05em}.page-footer a{color:#0ff;text-decoration:none;transition:all .3s ease;text-shadow:0 0 5px rgba(0,255,255,.4)}.page-footer a:hover{text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.5);color:#0ff}.hackerman-message{position:relative;z-index:6;text-align:center;margin-bottom:1rem;font-family:Share Tech Mono,monospace;font-size:1rem;color:#0ff;letter-spacing:.05em;text-shadow:0 0 5px rgba(0,255,255,.5);animation:hackerman-pulse 2s ease-in-out infinite}@keyframes hackerman-pulse{0%,to{opacity:.7;text-shadow:0 0 5px rgba(0,255,255,.5)}50%{opacity:1;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,100,255,.3)}}