:root{--color-bg:#050508;--color-primary:#39ff14;--color-secondary:#ff007f;--color-tertiary:#00f0ff;--font-retro:"Comic Sans MS", "Comic Sans", cursive}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-primary);font-family:var(--font-retro);-webkit-user-select:none;user-select:none;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-container canvas{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;width:100%!important;height:100%!important}.ui-overlay{z-index:2;text-align:center;pointer-events:none;position:absolute}.retro-text{text-transform:uppercase;color:#fff;text-shadow:4px 4px 0px var(--color-secondary), -4px -4px 0px var(--color-tertiary);letter-spacing:4px;justify-content:center;align-items:center;font-size:4rem;animation:4s ease-in-out infinite float;display:flex}.cursor-blink{background-color:var(--color-primary);width:25px;height:4rem;box-shadow:0 0 10px var(--color-primary);margin-left:10px;animation:.8s steps(2,start) infinite blink;display:inline-block}.crt-overlay{z-index:20;pointer-events:none;background:linear-gradient(#12101000 50%,#0006 50%) 0 0/100% 6px,linear-gradient(90deg,#ff00000a,#00ff0005,#0000ff0a) 0 0/9px 100%;width:100%;height:100%;position:absolute;top:0;left:0}.vignette{z-index:21;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 100px #000c}.flicker{opacity:0;z-index:22;pointer-events:none;background:#12101008;width:100%;height:100%;animation:.15s infinite flicker;position:absolute;top:0;left:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blink{to{visibility:hidden}}@keyframes flicker{0%{opacity:.15}50%{opacity:.02}to{opacity:.18}}@media (width<=768px){.retro-text{font-size:2.2rem}.cursor-blink{width:15px;height:2.2rem}}.chat-box-canvas{aspect-ratio:270/68;z-index:10;pointer-events:auto;cursor:pointer;width:90%;max-width:600px;height:auto;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:block;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media (width<=600px){.chat-box-canvas{bottom:20px}}.command-overlay{z-index:30;background:#050508d9;width:100vw;height:100vh;animation:.15s ease-out fadeIn;position:fixed;top:0;left:0}.command-box-canvas{aspect-ratio:240/60;z-index:31;pointer-events:auto;cursor:pointer;width:90%;max-width:480px;height:auto;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}