*{box-sizing:border-box}
:root{font-family:Arial,Helvetica,sans-serif;line-height:1.5;color-scheme:dark;background:#111;color:#f4f4f4}
body{margin:0;background:#111;color:#f4f4f4}
main{max-width:760px;margin:auto;padding:1rem}
h1{font-size:1.25rem;margin:.15rem 0 .7rem}
#status,#objective,#scene,#actions,details{margin:.7rem 0}
#status p,#objective p,#scene p,#log p{margin:.25rem 0}
button{display:block;width:100%;text-align:left;margin:.28rem 0;padding:.7rem;font:inherit;border:1px solid #666;border-radius:5px;background:#222;color:#fff}
button:focus{outline:2px solid #fff;outline-offset:1px}
details{border-top:1px solid #444;padding-top:.45rem}
.skip{position:absolute;left:-9999px}.skip:focus{left:.5rem;top:.5rem;background:#fff;color:#000;padding:.5rem;z-index:10}
.danger{font-weight:bold}.good{font-weight:bold}.hint{font-weight:bold}