:root{--bg-color:#111;--text-color:#3f3;--border-color:#3f3;--font-family:"VT323", monospace;--bubble-bg:#222}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);justify-content:center;align-items:center;height:100dvh;font-size:24px;display:flex;position:relative;overflow:hidden}body:after{content:" ";z-index:9999;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50% 100%) 0 0/100% 4px;display:block;position:absolute;inset:0}#app{border-left:4px solid var(--border-color);border-right:4px solid var(--border-color);z-index:10;flex-direction:column;width:100%;max-width:800px;height:100dvh;display:flex;position:relative}#chat-container{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-color);flex-direction:column;flex-grow:1;gap:15px;min-height:0;padding:20px;display:flex;overflow-y:auto}.message{border:2px dashed var(--border-color);word-wrap:break-word;max-width:80%;padding:10px}.message.user{color:#ff3;border-color:#ff3;align-self:flex-end}.message.julian{align-self:flex-start}#julian-area{align-items:flex-end;gap:20px;padding:0 20px 20px;display:flex}.julian-face{border:4px solid var(--border-color);width:120px;height:120px;image-rendering:pixelated;background-color:#000;flex-shrink:0;justify-content:center;align-items:center;animation:2s ease-in-out infinite bob;display:flex;overflow:hidden}.julian-face img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.speech-bubble{background-color:var(--bubble-bg);border:4px solid var(--border-color);border-radius:0;max-width:calc(100% - 150px);padding:15px;position:relative}.speech-bubble:before{content:"";border-style:solid;border-width:10px;border-color:transparent var(--border-color) transparent transparent;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.speech-bubble.hidden{display:none}#julian-text{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;max-height:35vh;padding-right:5px;overflow-y:auto}#chat-form{border-top:4px solid var(--border-color);background-color:var(--bg-color);padding:20px;display:flex}#chat-input{border:2px solid var(--border-color);color:var(--text-color);font-family:var(--font-family);background-color:#0000;outline:none;flex-grow:1;padding:10px;font-size:24px}#chat-input:focus{background-color:#1a331a}#chat-submit{background-color:var(--border-color);color:var(--bg-color);cursor:pointer;text-transform:uppercase;border:none;margin-left:10px;padding:0 20px;font-family:"Press Start 2P",monospace;font-size:16px}#chat-submit:hover{background-color:#5f5}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color)}