:root{color-scheme:dark;font:14px system-ui;background:#111;color:#ccc}body{margin:0}main{max-width:900px;margin:24px auto;padding:0 16px}h1{font-size:20px;font-weight:500}#screen{position:relative;width:100%;max-width:800px;aspect-ratio:8/5;background:#000;margin:20px 0}canvas,video{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}video{position:absolute;inset:0;background:#000}canvas:focus-visible{outline:2px solid #aaa}button{font:inherit;background:#252525;color:#eee;border:1px solid #666;padding:7px 12px;cursor:pointer}button:hover{background:#414141}#accessible-menu,.tools{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}#status{min-height:24px}details{max-width:800px;color:#999;line-height:1.6}details summary{cursor:pointer}[hidden]{display:none!important}

#campaign{max-width:760px;padding:20px;border:1px solid #664333;background:#201713}#campaign h2{font-size:17px;font-weight:500}#campaign input[type=range]{display:block;width:100%;margin:16px 0}#campaign button{margin:8px 12px 0 0}.difficulty-labels{display:flex;justify-content:space-between}.mission-limit{color:#c3aa80;line-height:1.6}#campaign pre{white-space:pre-wrap}
.map-view{width:100%}.map-controls{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}#mission-map{display:block;width:100%;height:auto;aspect-ratio:8/5;touch-action:none;cursor:grab;background:#000}.map-selection{min-height:40px;line-height:1.5;font-size:13px}#campaign:has(.map-view){max-width:800px;padding:12px}