html,body{color:#fff;background:#111;min-height:100%;margin:0;font-family:system-ui,sans-serif}#app{width:min(100vw,640px);margin:0 auto;position:relative}[data-testid=hud]{flex-wrap:wrap;gap:1rem;padding:.5rem;display:flex}[data-testid=interaction]{flex-basis:100%}[data-testid=blocked-reason]{color:#f88}[data-testid=combat-prompt],[data-testid=invalid-save]{align-items:center;gap:.5rem;display:flex}[data-testid=interaction] button,[data-testid=invalid-save] button{color:#fff;font:inherit;cursor:pointer;background:#2a2a2a;border:1px solid #777;border-radius:4px;padding:.25rem .6rem}[data-testid=interaction] button:hover,[data-testid=invalid-save] button:hover{background:#3a3a3a}button kbd{margin-left:.35em}[data-testid=journal]{max-width:min(100vw,640px)}[data-testid=journal] summary{cursor:pointer}[data-testid=journal] p,[data-testid=journal] ul{margin:.25rem 0}[data-testid=journal] ul{padding-left:1.25rem}kbd{min-width:1em;font:inherit;text-align:center;color:#ddd;border:1px solid #666;border-radius:3px;padding:0 .3em;font-size:.8em;display:inline-block}[data-testid=how-to-play]{background:#1b1b1b;border:1px solid #444;border-radius:4px;flex-basis:100%;padding:.5rem .75rem}[data-testid=how-to-play] p,[data-testid=how-to-play] ul{margin:.25rem 0}[data-testid=how-to-play] ul{padding-left:1.25rem}