:root{--bg:#0f1116;--text:#fff;--accent:#8fe3a8;--accent-hover:#b4f0c4;--accent-muted:#5fa87a}body{background-color:var(--bg);color:var(--text);margin:20px;font-family:JetBrains Mono,ui-monospace,monospace}a{color:var(--accent);transition:color .2s}a:hover{color:var(--accent-hover)}button{color:var(--text);border:1px solid var(--accent-muted);font:inherit;cursor:pointer;background:0 0;padding:.5rem 1rem;transition:color .2s,border-color .2s,background-color .2s}button:hover{color:var(--accent);border-color:var(--accent);background-color:color-mix(in srgb, var(--accent) 12%, transparent)}.page{max-width:65ch;margin:2rem auto;padding:0 1rem}.page-center{text-align:center;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;margin-block:0;display:flex}.page-center p,.page-center .dialogue-list{text-align:left;width:100%;margin:1.5rem 0 0}.page-center .random-number{text-align:center}.page-center #random-roll{margin-top:1.5rem}@media (width<=48rem){body{margin:12px}.page{margin:1.25rem auto}}