*{box-sizing:border-box}body{color:#171717;background:#fff;margin:0;font-family:system-ui,sans-serif;line-height:1.5}main{width:min(100% - 2rem,48rem);margin-inline:auto;padding-block:2rem}.chat{gap:1rem;display:grid}.chat h2,.message h3,.message p,.empty-state,.status,.error{margin:0}.messages{gap:.75rem;margin:0;padding:0;list-style-position:inside;display:grid}.message{border:1px solid;padding:.75rem}.message--player{margin-left:2rem}.message--npc{border-style:dashed;margin-right:2rem}.composer{gap:.5rem;display:grid}textarea{resize:vertical;width:100%;min-height:5rem;font:inherit}button{width:fit-content;min-height:2.75rem;font:inherit;padding-inline:1rem}textarea:focus-visible,button:focus-visible{outline-offset:2px;outline:3px solid}.empty-state,.status,.error{min-height:1.5rem}.error{font-weight:600}@media (max-width:30rem){main{width:min(100% - 1rem,48rem);padding-block:1rem}.message--player,.message--npc{margin-inline:0}button{width:100%}}