@import "https://fonts.googleapis.com/css2?family=Domine:wght@400..700&display=swap";:root{--bg-color:#000;--text-color:#cfcfcf;--dim-text:#aaaaaab3;--font-main:"Domine", serif}body,html{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}#app{box-sizing:border-box;flex-direction:column;max-width:900px;height:100vh;margin:0 auto;padding:20px;display:flex}#chat-container{scrollbar-width:thin;scrollbar-color:var(--dim-text) var(--bg-color);flex:1;padding-bottom:20px;overflow-y:auto}#chat-container::-webkit-scrollbar{width:6px}#chat-container::-webkit-scrollbar-track{background:var(--bg-color)}#chat-container::-webkit-scrollbar-thumb{background-color:var(--dim-text);border-radius:10px}#chat-log{flex-direction:column;gap:12px;display:flex}.message{white-space:pre-wrap;text-shadow:0 0 2px #00c80066;line-height:1.4}.user-msg{color:#fff;text-shadow:0 0 2px #fff6}.assistant-msg{color:var(--text-color)}.system-msg{color:#f33}#input-area{border-top:1px solid var(--dim-text);background:var(--bg-color);align-items:center;padding-top:10px;display:flex}#prompt-display{white-space:nowrap;margin-right:8px}#user-input{color:var(--text-color);font-family:var(--font-main);caret-color:var(--text-color);background:0 0;border:none;outline:none;flex:1;font-size:16px}.title{color:#f0f;text-transform:uppercase;font-weight:700}.location{color:#0ff;font-weight:700}.direction{color:#ff0;font-weight:700}.exit{color:#fc0;font-weight:700}.item{color:#0f0;font-weight:700}.danger{color:#f33;font-weight:700}.combat{color:red;font-style:italic;font-weight:700}.prompt-text{color:#00c800;font-weight:700}