@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Fira+Code:wght@400;700&display=swap";:root{--glow-color:#fff;--bg-color:#0a0a0a;--text-color:#fff;--dim-color:#555;--error-color:#f34;--warning-color:#fc0;--terminal-font:"Share Tech Mono", "Fira Code", monospace;--scanline-opacity:.15;--glow-strength:3px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--terminal-font);-webkit-user-select:none;user-select:none;margin:0;font-size:16px;transition:background-color .3s,color .3s;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--dim-color);border:1px solid var(--text-color)}::-webkit-scrollbar-thumb:hover{background:var(--text-color)}.crt-container{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.crt-container:before{content:" ";z-index:2000;pointer-events:none;background:linear-gradient(#12101000 50%,#0000004d 50%) 0 0/100% 4px;display:block;position:absolute;inset:0}.crt-container:after{content:" ";z-index:1999;pointer-events:none;background:radial-gradient(circle,#0000 65%,#000c 100%);display:block;position:absolute;inset:0}.crt-screen{z-index:10;text-shadow:0 0 var(--glow-strength) var(--glow-color);flex-direction:column;flex-grow:1;padding:24px;animation:.18s infinite crt-flicker;display:flex;position:relative;overflow-y:auto}@keyframes crt-flicker{0%{opacity:.99}50%{opacity:1}to{opacity:.995}}.ascii-box{border:2px solid var(--text-color);background-color:#0006;margin:12px 0;padding:16px;position:relative;box-shadow:0 0 10px #00000080}.ascii-box-header{background-color:var(--bg-color);padding:0 8px;font-size:14px;font-weight:700;position:absolute;top:-10px;left:20px}.ascii-btn{border:1px solid var(--text-color);color:var(--text-color);font-family:var(--terminal-font);cursor:pointer;text-transform:uppercase;text-shadow:0 0 var(--glow-strength) var(--glow-color);box-shadow:0 0 4px var(--glow-color);background:0 0;padding:6px 16px;font-size:16px;transition:all .15s ease-in-out;position:relative}.ascii-btn:hover{background-color:var(--text-color);color:var(--bg-color);text-shadow:none;box-shadow:0 0 12px var(--text-color)}.ascii-btn:active{transform:translateY(1px)}.ascii-btn:disabled{border-color:var(--dim-color);color:var(--dim-color);text-shadow:none;box-shadow:none;cursor:not-allowed}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{background-color:var(--text-color);vertical-align:middle;width:10px;height:18px;box-shadow:0 0 var(--glow-strength) var(--glow-color);animation:1s infinite blink;display:inline-block}h1,h2,h3,h4{text-transform:uppercase;font-weight:400}.char-correct{color:var(--text-color);text-shadow:0 0 6px var(--glow-color);background-color:#00ff661a}.char-incorrect{color:var(--error-color);text-shadow:0 0 6px var(--error-color);background-color:#ff334426;text-decoration:underline}.char-untyped{color:var(--dim-color);text-shadow:none}.theme-selector{justify-content:center;align-items:center;gap:12px;display:flex}.theme-option{border:1px solid var(--text-color);cursor:pointer;padding:4px 10px;font-size:14px}.theme-option.active{background-color:var(--text-color);color:var(--bg-color);box-shadow:0 0 8px var(--text-color);text-shadow:none}.container{flex-direction:column;flex-grow:1;width:100%;max-width:900px;margin:0 auto;display:flex}.hidden-input{opacity:0;pointer-events:none;position:absolute;top:-100px;left:-100px}