:root{--bg-color: #000000;--text-color: #ffff00;--prompt-color: #ffff00;--command-color: #ffff00;--error-color: #ff5555;--system-color: #ffff00;--border-color: #ffff00}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Fira Code,monospace;background-color:#121212;display:flex;justify-content:center;align-items:center;height:100vh;padding:20px}.terminal{width:100%;max-width:800px;height:500px;background-color:var(--bg-color);border-radius:8px;border:2px solid var(--border-color);box-shadow:0 10px 30px #00000080;overflow:hidden;display:flex;flex-direction:column;position:relative}.terminal-header{background-color:#000;border-bottom:1px solid var(--border-color);padding:10px;display:flex;align-items:center;position:relative}.terminal-buttons{display:flex;gap:8px;margin-right:15px}.terminal-button{width:12px;height:12px;border-radius:50%}.close{background-color:#ff5f56}.minimize{background-color:#ffbd2e}.maximize{background-color:#27c93f}.terminal-title{color:var(--border-color);font-size:14px;position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.last-login{position:absolute;right:10px;top:0;color:var(--border-color);font-size:12px;font-family:Fira Code,monospace;opacity:.8;z-index:10}.audio-status{position:absolute;right:10px;bottom:0;color:var(--border-color);font-size:10px;font-family:Fira Code,monospace;opacity:.6;z-index:10;cursor:pointer;transition:opacity .2s}.audio-status:hover{opacity:1}.matrix-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9999;overflow:hidden}.matrix-container{position:relative;width:100%;height:100%}.matrix-column{position:absolute;top:-100px;width:25px;height:150vh;display:flex;flex-direction:column}.matrix-char{color:#0f0;font-family:Courier New,monospace;font-size:18px;text-shadow:0 0 5px #00ff00;display:block;margin:2px 0;opacity:0;animation:matrix-char-fall linear infinite}@keyframes matrix-char-fall{0%{transform:translateY(-20px);opacity:0}5%{opacity:1}15%{opacity:1;transform:translateY(50px)}25%{opacity:.8;transform:translateY(100px)}50%{opacity:.4;transform:translateY(200px)}75%{opacity:.2;transform:translateY(300px)}to{opacity:0;transform:translateY(400px)}}.matrix-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#0f0;font-family:Courier New,monospace;font-size:24px;text-align:center;text-shadow:0 0 10px #00ff00;z-index:10000}.falling-text{position:relative;height:50px;width:500px;margin-bottom:20px}.falling-letter{position:absolute;top:0;color:#0f0;font-family:Courier New,monospace;font-size:24px;text-shadow:0 0 10px #00ff00;animation:letter-fall 1.5s ease-in forwards;opacity:1}.exit-text{animation:matrix-glow 2s ease-in-out infinite alternate}@keyframes letter-fall{0%{transform:translateY(0);opacity:1}70%{opacity:.7}to{transform:translateY(100vh);opacity:0}}@keyframes matrix-glow{0%{text-shadow:0 0 10px #00ff00}to{text-shadow:0 0 20px #00ff00,0 0 30px #00ff00}}@keyframes portal-spin{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}.game-instructions{text-align:center;animation:matrix-glow 2s ease-in-out infinite alternate}@keyframes explosion-shake{0%{transform:translate(-50%,-50%) scale(1)}20%{transform:translate(-45%,-45%) scale(1.2)}40%{transform:translate(-55%,-55%) scale(1.1)}60%{transform:translate(-48%,-52%) scale(1.3)}80%{transform:translate(-52%,-48%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}.starfield{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.star{position:absolute;width:2px;height:2px;background:#ffffff;border-radius:50%;animation:star-fall linear infinite;box-shadow:0 0 2px #fff}.star:nth-child(3n){width:1px;height:1px;opacity:.6}.star:nth-child(5n){width:3px;height:3px;box-shadow:0 0 4px #fff,0 0 8px #fff}@keyframes star-fall{0%{transform:translateY(-20px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(100vh + 20px));opacity:0}}.terminal-content{flex-grow:1;padding:15px;overflow-y:auto;color:var(--text-color);font-size:14px;line-height:1.5}.terminal-line{margin-bottom:8px;word-break:break-word}.terminal-line.command{color:var(--command-color)}.terminal-line.error{color:var(--error-color)}.terminal-line.system{color:var(--system-color)}.project-link{text-decoration:underline;cursor:pointer}.terminal-input-line{display:flex;align-items:center;margin-top:8px}.terminal-prompt{color:var(--prompt-color);margin-right:8px;font-weight:700}.terminal-input{background:transparent;border:none;color:var(--text-color);font-family:Fira Code,monospace;font-size:14px;outline:none;flex-grow:1}.terminal-input:disabled{opacity:.3;cursor:not-allowed}.sandwich-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;pointer-events:none;overflow:hidden}.sandwich-comic{position:absolute;left:50%;transform:translate(-50%);animation:fall-down 4s ease-in-out;display:flex;justify-content:center;align-items:center}.sandwich-image{max-width:400px;max-height:400px;width:auto;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000004d}@keyframes fall-down{0%{top:-450px}20%{top:50px}80%{top:50px}to{top:550px}}.terminal-content::-webkit-scrollbar{width:8px}.terminal-content::-webkit-scrollbar-track{background:#2d2d2d}.terminal-content::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.terminal-content::-webkit-scrollbar-thumb:hover{background:#777}.achievement-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2000;pointer-events:none;display:flex;justify-content:center;align-items:flex-start;padding-top:80px}.achievement-overlay.achievement-bottom{align-items:flex-end;padding-top:0;padding-bottom:80px}.achievement-notification{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border:3px solid #ffff00;border-radius:12px;padding:20px;max-width:400px;box-shadow:0 0 20px #ffff0080,0 0 40px #ff03,inset 0 1px #ffffff1a;animation:achievement-slide-in .6s ease-out;text-align:center}.achievement-bottom .achievement-notification{animation:achievement-slide-in-bottom .6s ease-out}.achievement-header{color:#ff0;font-size:18px;font-weight:700;margin-bottom:10px;text-shadow:0 0 10px #ffff00;animation:achievement-glow 2s ease-in-out infinite alternate}.achievement-title{color:#fff;font-size:20px;font-weight:700;margin-bottom:8px;text-shadow:0 0 5px #ffffff}.achievement-description{color:#ccc;font-size:14px;line-height:1.4}@keyframes achievement-slide-in{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes achievement-slide-in-bottom{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes achievement-glow{0%{text-shadow:0 0 10px #ffff00}to{text-shadow:0 0 20px #ffff00,0 0 30px #ffff00}}:root{font-family:Fira Code,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;max-width:800px;margin:0 auto;padding:2rem;text-align:center}