@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}:root{--term-bg: #0c0c0c;--term-fg: #cccccc;--term-green: #00ff41;--term-cyan: #00ffff;--term-yellow: #ffff00;--term-red: #ff0000;--term-blue: #0080ff;--term-magenta: #ff00ff;--term-gray: #808080;--term-bright-green: #80ff80;--term-bright-cyan: #80ffff;--term-prompt: var(--term-green);--term-path: var(--term-cyan);--term-command: var(--term-fg);--term-output: var(--term-fg);--term-error: var(--term-red);--term-font: "JetBrains Mono", "Fira Code", "Menlo", "Monaco", "Courier New", monospace;--term-size: 14px;--term-line-height: 1.4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%;background:var(--term-bg)}body{height:100vh;font-family:var(--term-font);font-size:var(--term-size);line-height:var(--term-line-height);color:var(--term-fg);background:var(--term-bg);overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}.terminal-window{height:100vh;background:var(--term-bg);display:flex;flex-direction:column;position:relative}.terminal-header{background:#2d2d2d;padding:8px 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #444;flex-shrink:0}.terminal-buttons{display:flex;gap:6px}.terminal-button{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer}.terminal-button.close{background:#ff5f57}.terminal-button.minimize{background:#ffbd2e}.terminal-button.maximize{background:#28ca42}.terminal-title{color:#ccc;font-size:12px;margin-left:12px;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.terminal-content{flex:1;padding:12px;overflow-y:auto;background:var(--term-bg);position:relative}.terminal-content::-webkit-scrollbar{width:8px}.terminal-content::-webkit-scrollbar-track{background:transparent}.terminal-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.terminal-content::-webkit-scrollbar-thumb:hover{background:#555}.terminal-line{margin-bottom:4px;word-wrap:break-word;white-space:pre-wrap}.terminal-prompt{color:var(--term-prompt);font-weight:500}.terminal-path{color:var(--term-path)}.terminal-input-container{display:flex;align-items:center;margin-bottom:8px}.terminal-input{background:transparent;border:none;color:var(--term-command);font-family:inherit;font-size:inherit;outline:none;flex:1;margin-left:4px}.terminal-cursor{background:var(--term-fg);width:8px;height:16px;display:inline-block;animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cmd-output{color:var(--term-output);margin:4px 0}.cmd-error{color:var(--term-error)}.cmd-success{color:var(--term-green)}.cmd-info{color:var(--term-cyan)}.cmd-warning{color:var(--term-yellow)}.ascii-art{color:var(--term-green);font-family:monospace;white-space:pre;line-height:1;margin:8px 0}.file-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:8px 0}.file-item{color:var(--term-fg);padding:2px 4px;cursor:pointer;transition:background-color .2s}.file-item:hover{background:#ffffff1a}.file-item.directory{color:var(--term-cyan);font-weight:500}.file-item.executable{color:var(--term-green);font-weight:500}.help-section{margin:12px 0}.help-title{color:var(--term-yellow);font-weight:600;margin-bottom:8px}.help-command{display:flex;margin:4px 0}.help-name{color:var(--term-green);min-width:120px;font-weight:500}.help-description{color:var(--term-fg)}.term-card{border:1px solid #444;border-radius:4px;padding:12px;margin:8px 0;background:#ffffff05}.term-card-title{color:var(--term-bright-green);font-weight:600;margin-bottom:4px}.term-card-subtitle{color:var(--term-bright-cyan);font-size:12px;margin-bottom:8px}.term-card-content{color:var(--term-fg);line-height:1.4}.term-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.term-tag{background:#00ff4133;color:var(--term-green);padding:2px 6px;border-radius:2px;font-size:11px;border:1px solid var(--term-green)}.typing-text{overflow:hidden;white-space:nowrap;animation:typing 2s steps(40,end)}@keyframes typing{0%{width:0}to{width:100%}}.boot-sequence{color:var(--term-green);font-size:12px;line-height:1.2}.boot-line{margin:2px 0;opacity:0;animation:fadeIn .1s ease-in forwards}@keyframes fadeIn{to{opacity:1}}.progress-bar{width:100%;height:4px;background:#333;border-radius:2px;overflow:hidden;margin:8px 0}.progress-fill{height:100%;background:var(--term-green);width:0%;transition:width .3s ease}@media (max-width: 768px){:root{--term-size: 12px}.terminal-content{padding:8px}.file-list{grid-template-columns:1fr}}[data-theme=default]{--term-bg: #0c0c0c;--term-fg: #cccccc;--term-green: #00ff41;--term-cyan: #00ffff;--term-yellow: #ffff00;--term-red: #ff0000;--term-blue: #0080ff;--term-magenta: #ff00ff;--term-gray: #808080;--term-bright-green: #80ff80;--term-bright-cyan: #80ffff}[data-theme=ubuntu]{--term-bg: #300a24;--term-fg: #ffffff;--term-green: #4e9a06;--term-cyan: #06989a;--term-yellow: #c4a000;--term-red: #cc0000;--term-blue: #3465a4;--term-magenta: #75507b;--term-gray: #555753;--term-bright-green: #8ae234;--term-bright-cyan: #34e2e2}[data-theme=kali]{--term-bg: #0d1117;--term-fg: #f0f6fc;--term-green: #238636;--term-cyan: #39c5cf;--term-yellow: #d29922;--term-red: #f85149;--term-blue: #58a6ff;--term-magenta: #bc8cff;--term-gray: #8b949e;--term-bright-green: #56d364;--term-bright-cyan: #56d4dd}[data-theme=arch]{--term-bg: #1e1e2e;--term-fg: #cdd6f4;--term-green: #a6e3a1;--term-cyan: #94e2d5;--term-yellow: #f9e2af;--term-red: #f38ba8;--term-blue: #89b4fa;--term-magenta: #cba6f7;--term-gray: #6c7086;--term-bright-green: #a6e3a1;--term-bright-cyan: #94e2d5}[data-theme=centos]{--term-bg: #000000;--term-fg: #ffffff;--term-green: #00aa00;--term-cyan: #00aaaa;--term-yellow: #aa5500;--term-red: #aa0000;--term-blue: #0000aa;--term-magenta: #aa00aa;--term-gray: #aaaaaa;--term-bright-green: #55ff55;--term-bright-cyan: #55ffff}[data-theme=fedora]{--term-bg: #23272e;--term-fg: #ffffff;--term-green: #5aa05a;--term-cyan: #5aa0aa;--term-yellow: #aa955a;--term-red: #aa5555;--term-blue: #5555aa;--term-magenta: #aa5aaa;--term-gray: #808080;--term-bright-green: #55ff55;--term-bright-cyan: #55ffff}[data-theme=debian]{--term-bg: #000000;--term-fg: #d0d0d0;--term-green: #00cd00;--term-cyan: #00cdcd;--term-yellow: #cdcd00;--term-red: #cd0000;--term-blue: #0000ee;--term-magenta: #cd00cd;--term-gray: #e5e5e5;--term-bright-green: #00ff00;--term-bright-cyan: #00ffff}[data-theme=dracula]{--term-bg: #282a36;--term-fg: #f8f8f2;--term-green: #50fa7b;--term-cyan: #8be9fd;--term-yellow: #f1fa8c;--term-red: #ff5555;--term-blue: #bd93f9;--term-magenta: #ff79c6;--term-gray: #6272a4;--term-bright-green: #50fa7b;--term-bright-cyan: #8be9fd}[data-theme=gruvbox]{--term-bg: #282828;--term-fg: #ebdbb2;--term-green: #b8bb26;--term-cyan: #8ec07c;--term-yellow: #fabd2f;--term-red: #fb4934;--term-blue: #83a598;--term-magenta: #d3869b;--term-gray: #a89984;--term-bright-green: #b8bb26;--term-bright-cyan: #8ec07c}[data-theme=solarized-dark]{--term-bg: #002b36;--term-fg: #839496;--term-green: #859900;--term-cyan: #2aa198;--term-yellow: #b58900;--term-red: #dc322f;--term-blue: #268bd2;--term-magenta: #d33682;--term-gray: #657b83;--term-bright-green: #859900;--term-bright-cyan: #2aa198}[data-theme=light]{--term-bg: #f8f8f8;--term-fg: #333333;--term-green: #008000;--term-cyan: #008080;--term-yellow: #808000;--term-red: #800000;--term-blue: #000080;--term-magenta: #800080;--term-gray: #808080;--term-bright-green: #00aa00;--term-bright-cyan: #00aaaa}.view-toggle-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px;color:#ccc;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:12px}.view-toggle-button:hover{background:#ffffff26;color:#fff;transform:translateY(-1px)}.view-toggle-button:active{transform:translateY(0)}.terminal-window.normal-mode{background:#0a0a0a;color:#fff}.normal-mode .terminal-header{background:#0a0a0a;border-bottom:4px solid #ff006e;box-shadow:0 4px #ff006e}.normal-mode .terminal-title{color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.normal-mode .view-toggle-button{background:#ffbe0b;border:3px solid #000000;color:#000;box-shadow:4px 4px #000}.normal-mode .view-toggle-button:hover{background:#fb8500;transform:translate(-2px,-2px);box-shadow:6px 6px #000}.normal-view{padding:0;height:100%;display:flex;flex-direction:column}.normal-header{padding:48px 48px 32px;background:#0a0a0a;color:#fff;text-align:center;border-bottom:6px solid #ff006e;position:relative}.normal-header:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:6px;background:repeating-linear-gradient(45deg,#ffbe0b 0px 10px,#ff006e 10px 20px)}.normal-title{font-size:64px;font-weight:900;margin:0 0 16px;letter-spacing:-.02em;text-transform:uppercase;color:#fff;text-shadow:4px 4px 0 #ff006e,8px 8px 0 #ffbe0b;transform:rotate(-2deg)}.normal-subtitle{font-size:24px;margin:0 0 48px;font-weight:700;color:#ffbe0b;text-transform:uppercase;letter-spacing:.05em;transform:rotate(1deg)}.normal-nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.nav-button{background:#ff006e;border:4px solid #000000;color:#fff;padding:16px 24px;border-radius:0;cursor:pointer;transition:all .2s ease;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;box-shadow:6px 6px #000;display:flex;align-items:center;gap:8px;transform:rotate(-1deg)}.nav-button:hover{background:#ffbe0b;color:#000;transform:translate(-3px,-3px) rotate(-1deg);box-shadow:9px 9px #000}.nav-button:active{transform:translate(0) rotate(-1deg);box-shadow:3px 3px #000}.nav-button:nth-child(2n){background:#8338ec;transform:rotate(1deg)}.nav-button:nth-child(2n):hover{background:#ffbe0b;color:#000;transform:translate(-3px,-3px) rotate(1deg)}.nav-button:nth-child(3n){background:#3a86ff;transform:rotate(-.5deg)}.nav-button:nth-child(3n):hover{background:#ffbe0b;color:#000;transform:translate(-3px,-3px) rotate(-.5deg)}.normal-content{flex:1;padding:48px;background:#0a0a0a;overflow-y:auto;position:relative}.normal-content:before{content:"";position:fixed;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,190,11,.05) 2px,rgba(255,190,11,.05) 4px);pointer-events:none;z-index:1}.normal-output{max-width:900px;margin:0 auto;line-height:1.6;position:relative;z-index:2}.normal-mode .help-title{color:#fff;font-size:48px;font-weight:900;margin-bottom:32px;text-align:center;text-transform:uppercase;letter-spacing:.1em;text-shadow:4px 4px 0 #ff006e;transform:rotate(-1deg)}.normal-mode .help-command{display:block;margin:20px 0;padding:20px;background:#1a1a1a;border:4px solid #ff006e;box-shadow:8px 8px #ffbe0b;transform:rotate(.5deg);transition:all .2s ease}.normal-mode .help-command:hover{transform:rotate(0) translate(-2px,-2px);box-shadow:10px 10px #ffbe0b}.normal-mode .help-name{color:#ffbe0b;font-weight:900;font-size:20px;display:block;margin-bottom:8px;text-transform:uppercase}.normal-mode .help-description{color:#fff;font-size:16px;font-weight:500}.normal-mode .term-card{background:#1a1a1a;border:4px solid #8338ec;padding:32px;margin:24px 0;box-shadow:8px 8px #3a86ff;transition:all .2s ease;transform:rotate(-.5deg)}.normal-mode .term-card:hover{transform:rotate(0) translate(-3px,-3px);box-shadow:12px 12px #3a86ff}.normal-mode .term-card:nth-child(2n){border-color:#ff006e;box-shadow:8px 8px #ffbe0b;transform:rotate(.5deg)}.normal-mode .term-card:nth-child(2n):hover{box-shadow:12px 12px #ffbe0b}.normal-mode .term-card:nth-child(3n){border-color:#3a86ff;box-shadow:8px 8px #ff006e;transform:rotate(-1deg)}.normal-mode .term-card:nth-child(3n):hover{box-shadow:12px 12px #ff006e}.normal-mode .term-card-title{color:#fff;font-size:28px;font-weight:900;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.normal-mode .term-card-subtitle{color:#ffbe0b;font-size:18px;font-weight:700;margin-bottom:16px;text-transform:uppercase}.normal-mode .term-card-content{color:#fff;font-size:16px;line-height:1.6;font-weight:500}.normal-mode .term-tags{margin-top:20px}.normal-mode .term-tag{background:#ff006e;color:#fff;border:3px solid #000000;padding:8px 16px;font-size:14px;font-weight:900;margin:6px 12px 6px 0;box-shadow:4px 4px #000;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease;display:inline-block}.normal-mode .term-tag:hover{background:#ffbe0b;color:#000;transform:translate(-2px,-2px);box-shadow:6px 6px #000}.normal-mode .term-tag:nth-child(2n){background:#8338ec}.normal-mode .term-tag:nth-child(3n){background:#3a86ff}.normal-mode .cmd-info{color:#ffbe0b;font-weight:900;text-transform:uppercase}.normal-mode .cmd-success{color:#06ffa5;font-weight:900;text-transform:uppercase}.normal-mode .cmd-error{color:#ff006e;font-weight:900;text-transform:uppercase}.normal-mode .cmd-warning{color:#ffbe0b;font-weight:900;text-transform:uppercase}.normal-mode .ascii-art{display:none}.normal-welcome{text-align:center;padding:80px 40px;max-width:600px;margin:0 auto}.welcome-title{font-size:42px;font-weight:900;color:#fff;margin-bottom:24px;text-transform:uppercase;letter-spacing:.05em;text-shadow:4px 4px 0 #ff006e;transform:rotate(-1deg)}.welcome-text{font-size:20px;color:#ffbe0b;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.4;transform:rotate(.5deg)}.about-section,.contact-section{padding:40px;max-width:800px;margin:0 auto}.about-section h2,.contact-section h2{font-size:36px;font-weight:900;color:#fff;margin-bottom:24px;text-transform:uppercase;letter-spacing:.05em;text-shadow:4px 4px 0 #ff006e;transform:rotate(-1deg)}.about-section p,.contact-section p{font-size:18px;line-height:1.6;color:#fff;margin-bottom:20px;font-weight:500}.contact-info{background:#1a1a1a;border:4px solid #ff006e;padding:24px;margin-top:24px;box-shadow:8px 8px #ffbe0b;transform:rotate(.5deg)}.contact-info div{margin:8px 0;font-size:16px;font-weight:500}.contact-info strong{color:#ffbe0b;font-weight:900;text-transform:uppercase;margin-right:8px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:24px 0}.contact-item{background:#1a1a1a;border:4px solid #8338ec;padding:20px;box-shadow:6px 6px #3a86ff;transform:rotate(-.5deg);transition:all .2s ease}.contact-item:hover{transform:rotate(0) translate(-2px,-2px);box-shadow:8px 8px #3a86ff}.contact-item:nth-child(2n){border-color:#ff006e;box-shadow:6px 6px #ffbe0b;transform:rotate(.5deg)}.contact-item:nth-child(2n):hover{box-shadow:8px 8px #ffbe0b}.contact-item strong{display:block;color:#ffbe0b;font-weight:900;text-transform:uppercase;margin-bottom:8px;font-size:14px;letter-spacing:.05em}.contact-item span{color:#fff;font-weight:500;word-break:break-all}.terminal-input:focus{outline:none}button:focus-visible,.file-item:focus-visible{outline:2px solid var(--term-green);outline-offset:2px}.normal-mode button:focus-visible{outline:2px solid #667eea;outline-offset:2px}.game-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:20px}.dino-game,.snake-game,.tetris-game,.flappy-game{text-align:center;padding:20px;background:#000c;border:2px solid var(--term-green);border-radius:8px;max-width:100%}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:16px}.game-header h3{color:var(--term-green);margin:0;font-size:24px;font-weight:700}.game-stats{display:flex;gap:16px;color:var(--term-cyan);font-size:14px;font-weight:500}.game-stats span{white-space:nowrap}.game-canvas{border:2px solid var(--term-green);background:#000;display:block;margin:16px auto;cursor:pointer}.game-controls{color:var(--term-yellow);font-size:14px;margin-top:16px;font-weight:500}.games-section{padding:20px 0}.games-list{margin:20px 0}.game-item{display:block;padding:12px;margin:8px 0;background:#00ff411a;border:1px solid var(--term-green);border-radius:4px;cursor:pointer;transition:all .2s ease}.game-item:hover{background:#00ff4133;transform:translate(4px)}.game-item strong{color:var(--term-green);display:block;margin-bottom:4px;font-size:16px}.game-item span{color:var(--term-fg);font-size:14px}.normal-mode .games-section .game-item{background:#1a1a1a;border:4px solid #ff006e;box-shadow:6px 6px #ffbe0b;transform:rotate(-.5deg);cursor:pointer;transition:all .2s ease;padding:20px;margin:16px 0;position:relative;overflow:hidden}.normal-mode .games-section .game-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,190,11,.2),transparent);transition:left .5s ease}.normal-mode .games-section .game-item:hover:before{left:100%}.normal-mode .games-section .game-item:hover{transform:rotate(0) translate(-3px,-3px);box-shadow:10px 10px #ffbe0b;background:#222}.normal-mode .games-section .game-item:nth-child(2n){border-color:#8338ec;box-shadow:6px 6px #3a86ff;transform:rotate(.5deg)}.normal-mode .games-section .game-item:nth-child(2n):hover{box-shadow:10px 10px #3a86ff}.normal-mode .games-section .game-item:nth-child(3n){border-color:#00ff41;box-shadow:6px 6px #ff006e;transform:rotate(-1deg)}.normal-mode .games-section .game-item:nth-child(3n):hover{box-shadow:10px 10px #ff006e}.normal-mode .games-section .game-item:nth-child(4n){border-color:#ffbe0b;box-shadow:6px 6px #8338ec;transform:rotate(.8deg)}.normal-mode .games-section .game-item:nth-child(4n):hover{box-shadow:10px 10px #8338ec}.normal-mode .games-section .game-item strong{color:#ffbe0b;font-weight:900;text-transform:uppercase;font-size:24px;display:block;margin-bottom:8px;position:relative;z-index:2}.normal-mode .games-section .game-item span{color:#fff;font-size:16px;position:relative;z-index:2}.normal-mode .games-section .game-item:active{transform:translate(0)!important;box-shadow:3px 3px 0 currentColor!important}@media (max-width: 768px){.game-container{padding:10px}.game-canvas{max-width:100%;height:auto}.game-header{flex-direction:column;text-align:center;gap:8px}.game-stats{justify-content:center;flex-wrap:wrap;gap:8px}}