*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--text:#d4a845;--text-dim:#8a6d2b;--input-bg:#111;--border:#2a2a2a;--accent:#e8c260;--player:#7a9a5a}html,body{background:var(--bg);height:100%;color:var(--text);font-family:Courier New,Courier,monospace;font-size:16px;line-height:1.6}#app{flex-direction:column;max-width:800px;height:100vh;margin:0 auto;padding:1rem;display:flex}#header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:1rem;padding:1rem 0}#header h1{color:var(--accent);letter-spacing:.2em;text-transform:uppercase;font-size:1.5rem}#header .subtitle{color:var(--text-dim);margin-top:.25rem;font-size:.8rem}#output{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg);flex:1;padding:.5rem 0;overflow-y:auto}#output .game-text{margin-bottom:1rem}#output .player-input{color:var(--player);margin-bottom:.5rem}#output strong{color:var(--accent)}#input-form{border-top:1px solid var(--border);gap:.5rem;padding-top:1rem;display:flex}#input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:inherit;outline:none;flex:1;padding:.5rem}#input:focus{border-color:var(--text-dim)}#input::placeholder{color:var(--text-dim)}#submit-btn{background:var(--border);border:1px solid var(--text-dim);color:var(--text);cursor:pointer;padding:.5rem 1rem;font-family:inherit}#submit-btn:hover{background:var(--text-dim);color:var(--bg)}#output::-webkit-scrollbar{width:6px}#output::-webkit-scrollbar-track{background:var(--bg)}#output::-webkit-scrollbar-thumb{background:var(--border)}