@import"https://fonts.googleapis.com/css?family=Major+Mono+Display|Shrikhand&display=swap";@import"https://fonts.googleapis.com/css?family=Shrikhand&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100%;min-height:100vh;min-height:100svh;min-height:100dvh}@font-face{font-family:Glass TTY VT220;src:url(/Glass_TTY_VT220.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:VT52;src:url(/vt52.otf) format("opentype");font-weight:400;font-style:normal}.terminal-wrapper{width:100vw;height:100vh;height:100svh;height:100dvh;margin:0;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.terminal-with-keyboard{width:100%;height:100%;max-height:100%;display:flex;flex-direction:column;background-color:#969088;gap:.25rem;overflow:hidden}.bash-border{margin:0;padding:10px;background-color:#d0c9be;box-shadow:0 6px #9a9388,0 7px #8a8378,0 8px 3px #0006,inset 0 2px 1px #fff9,inset -1px 0 1px #00000026,inset 1px 0 1px #fff3,inset 0 -2px 2px #0000001a;border-radius:3px;flex:1;min-height:0}.bash-box{background-color:#222;box-shadow:inset 0 2px 1px #ffffffbf,inset -1px 0 1px #ffffffd9,inset 1px 0 1px #ffffffd9,inset 0 -2px 1px #ffffffd9;border-radius:25px;display:flex;flex-direction:column;height:100%;overflow:hidden}.terminal-output{flex:1;padding:15px;overflow-y:auto;overflow-x:hidden;font-family:Glass TTY VT220,monospace;color:#81fc16;text-shadow:0 0 5px rgba(129,252,22,.5);scrollbar-width:none;-ms-overflow-style:none}.terminal-output::-webkit-scrollbar{display:none}.terminal-line{margin:0;font-size:1em;text-align:left;line-height:1.4;word-wrap:break-word}.terminal-line.user-input{opacity:.7;margin-bottom:.3em}.terminal-line.current-input{display:flex;align-items:center;margin-top:.5em}.health-stats-inline{margin:.5em 0}.health-stats-inline .terminal-line{font-weight:700}.terminal-input{display:flex;align-items:center;padding:15px;background-color:#222;font-family:Major Mono Display,monospace;color:#81fc16}.terminal-input .prompt{margin-right:5px;color:#81fc16;font-size:1em}.terminal-input input{flex:1;background:transparent;border:none;outline:none;color:#81fc16;font-family:Major Mono Display,monospace;font-size:1em;text-transform:lowercase;caret-color:transparent}.terminal-input input.disabled{opacity:.5}.cursor{display:inline-block;width:10px;height:1.2em;background:#81fc16;opacity:.4;margin-left:2px;animation:blink 1s infinite}.cursor.disabled{animation:none;opacity:.3}@keyframes blink{0%,49%{opacity:.5}50%,to{opacity:0}}.health-stats{display:flex;justify-content:center;gap:10px;padding:10px 20px}.health-stats .stat{display:flex;align-items:center;padding:8px 15px;border-radius:3px;font-family:Shrikhand,cursive;transition:background-color .3s ease}.health-stats .stat p{margin:0;font-size:.9em}.health-stats .digit{font-weight:700}@media(max-width:767px){.bash-box{display:flex;flex-direction:column}.terminal-output{flex:1;font-size:14px;padding:10px;overflow-y:auto;min-height:0}.terminal-input{padding:10px;flex-shrink:0}.terminal-input input{font-size:16px}.terminal-line{font-size:18px}}@media(min-width:768px){.terminal-output,.terminal-line,.terminal-input input{font-size:18px}}.on-screen-keyboard{display:none;padding:14px 14px 20px;background:#d0c9be;border-top:1px solid #ede9e2;border-bottom:2px solid #afa8a0;border-radius:2px;box-shadow:0 6px #9a9388,0 7px #8a8378,0 8px 3px #0006,inset 0 2px 1px #fff9,inset -1px 0 1px #00000026,inset 1px 0 1px #fff3,inset 0 -2px 2px #0000001a}@media(max-width:767px){.on-screen-keyboard{display:flex;flex-direction:column;gap:6px;flex-shrink:0;padding-bottom:calc(20px + env(safe-area-inset-bottom,0));box-sizing:border-box;max-height:calc(30vh + env(safe-area-inset-bottom,0) + 20px)}}.keyboard-row{display:flex;justify-content:center;gap:5px}.key{min-width:32px;height:50px;padding:6px 10px;flex:1;background:linear-gradient(180deg,#e0d9ce,#d0c9be,#c0b9ad);border:none;border-radius:3px;position:relative;box-shadow:0 4px 0 2px #9a9388,0 5px 0 2px #8a8378,0 6px 0 2px #0006,inset 0 2px 1px #fff9,inset -1px 0 1px #00000026,inset 1px 0 1px #fff3,inset 0 -2px 2px #0000001a;transform:perspective(100px) rotateX(2deg);transform-style:preserve-3d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:18px;font-weight:700;color:#2a2a2a;text-align:center;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .06s ease}.key:active{transform:perspective(100px) rotateX(2deg) translateY(5px);transition:all .06s ease;box-shadow:0 1px 0 2px #8a8378,0 2px 0 2px #0000004d,inset 0 1px 1px #fff6,inset 0 -1px 1px #0003}.key-special{min-width:55px;flex:1.5;background:linear-gradient(180deg,#e0d9ce,#d0c9be,#c0b9ad);color:#2a2a2a;font-size:16px;font-weight:700}.key.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.keyboard-row:last-child .key-special{min-width:70px;flex:2}@media(max-width:380px){.key{min-width:25px;height:45px;font-size:16px;padding:5px 6px}.key-special{min-width:42px;font-size:18px}.keyboard-row:last-child .key-special{min-width:58px}.keyboard-row{gap:4px}}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#79a836;background:radial-gradient(circle,#79a836,#100c08 64%);padding:0;margin:0}.header{text-align:center;font-family:Shrikhand,cursive;margin-bottom:0}.header h1{font-size:3em;margin:10px 0;text-transform:uppercase}.header h3{font-size:1.5em;margin:10px 0;text-transform:uppercase}