*{box-sizing:border-box}body{margin:0;background:#344b3e;color:#171717;font:14px Arial,sans-serif;padding:40px 15px}.window{max-width:850px;margin:auto;background:#c0c0c0;border:3px outset #eee;box-shadow:6px 6px #142b25}.window>header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#000080,#1084d0);color:#fff;padding:5px 7px}h1{font-size:16px;margin:0}header a{background:#c0c0c0;border:2px outset #eee;color:#111;text-decoration:none;padding:0 5px;font-weight:bold}.menu{padding:7px;border-bottom:1px solid #888;font-size:12px}.body{padding:22px}.kicker{font:bold 11px 'Courier New',monospace;color:#304d33;text-transform:uppercase;letter-spacing:2px}h2{font-size:24px;margin:10px 0}.intro{max-width:620px;line-height:1.5;margin-bottom:24px}.layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(220px,.75fr);gap:26px}.meters{display:flex;align-items:center;justify-content:space-between;padding:9px;border:3px inset #ddd;margin-bottom:10px}.meters output{font:bold 26px 'Courier New',monospace;color:#fa4949;background:#210000;padding:2px 7px;min-width:65px;text-align:right}.meters button{font-size:25px;padding:0 7px}button{border:3px outset #eee;background:#c0c0c0;color:#111;cursor:pointer;font:13px Arial;padding:5px 9px}button:active,button[aria-pressed=true]{border-style:inset}.board{display:grid;grid-template-columns:repeat(8,1fr);border:3px inset #eee;aspect-ratio:1}.cell{padding:0;min-width:0;font:bold 22px 'Courier New',monospace;border-width:3px;display:grid;place-items:center;touch-action:manipulation}.cell.open{border:1px solid #999;background:#d0d2c7}.cell[data-number="1"]{color:#0000aa}.cell[data-number="2"]{color:#006400}.cell[data-number="3"]{color:#b00000}.cell[data-number="4"]{color:#000060}.cell[data-number="5"],.cell[data-number="6"]{color:#650065}.cell.bat{background:#f3b1a0}.cell:focus-visible{outline:3px solid #f9ee00;outline-offset:-4px;z-index:1}.controls{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:12px}.controls span{font-size:11px}.help{font-size:12px;line-height:1.6;color:#333}#status{background:#ffffdc;border:1px solid #888;padding:12px;line-height:1.5}aside{background:#ececdd;border:2px inset #ddd;padding:15px}aside h3{font: bold 15px 'Courier New',monospace;margin-top:0}aside>p{font-size:12px}ol{padding-left:25px}li{padding:7px 0;border-bottom:1px dotted #999;font-size:13px;overflow-wrap:anywhere}li b{float:right;margin-left:6px;font-family:'Courier New',monospace}.fine{margin-top:24px;color:#52614c;font-family:'Courier New',monospace}footer{border-top:1px solid #888;padding-top:13px;margin-top:24px;font-size:11px;color:#444}.save-row{display:flex;gap:6px;margin:7px 0}input{min-width:0;width:100%;font:16px Arial;padding:6px;border:2px inset #eee}small{font-size:11px}#error{color:#820000;line-height:1.5}button:disabled{cursor:wait;opacity:.7}[hidden]{display:none!important}@media(max-width:650px){body{padding:15px 8px}.body{padding:12px}.layout{grid-template-columns:1fr;gap:16px}h2{font-size:21px}.cell{font-size:20px}.board{max-height:430px}.meters,.board,.controls{max-width:430px;margin-left:auto;margin-right:auto}h1{font-size:14px}}
.board{grid-template-rows:repeat(8,1fr)}

.background{background:#ededdf;border:2px inset #ddd;padding:13px 15px;margin:0 0 22px}.background h3{font:bold 15px Arial;margin:0 0 8px}.background p{font-size:13px;line-height:1.5;margin:8px 0}.background .background-note,.background .sources{font-size:11px;color:#444}.background a{color:#000080}