*{box-sizing:border-box}
:root{font-family:Arial,Helvetica,sans-serif;line-height:1.5;color-scheme:dark;background:#111;color:#f5f5f5}
body{margin:0;background:#111;color:#f5f5f5}
main{max-width:720px;margin:auto;padding:1rem}
h1{font-size:1.25rem;margin:.15rem 0 .7rem}
#hud,#scene,#missionHelp,#actions,details{margin:.7rem 0}
#hud p,#scene p,#missionHelp p,#log p{margin:.25rem 0}
button{display:block;width:100%;text-align:left;margin:.28rem 0;padding:.68rem;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}
summary{cursor:pointer}
.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}
.help{font-weight:bold}