*{box-sizing:border-box}body{margin:0;background:#101c28;color:#f4f5ed;font:16px/1.5 system-ui,sans-serif}main{max-width:540px;margin:auto;padding:16px}h1{font-size:clamp(1.6rem,7vw,2.25rem);line-height:1.15;margin:.4em 0}.eyebrow{color:#a9dfd2;letter-spacing:.12em;font-size:12px}.panel,details{background:#203342;border:1px solid #41616e;border-radius:16px;padding:14px;margin:12px 0}#board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:5px}button{min-height:48px;min-width:44px;border:1px solid #769ca3;border-radius:10px;background:#2c4756;color:#fff;font:inherit;touch-action:manipulation;cursor:pointer;padding:8px;overflow-wrap:anywhere}#board button{position:relative;aspect-ratio:1;min-width:0;padding:4px;font-size:20px}button small{position:absolute;bottom:1px;right:4px;font-size:10px;color:#c8dbdf}button:hover{background:#3d6070}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #ffd982;outline-offset:2px}.active{background:#946731!important}.open{background:#284f45!important}.marked{background:#665488!important}#controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}#controls button{flex:1 1 100px}summary{min-height:44px;cursor:pointer;display:flex;align-items:center}a{color:#a8e8ff;min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere}.status.won{border-color:#8de6b6}.status.lost{border-color:#ff9b89}.meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}#info{white-space:pre-line;overflow-wrap:anywhere;font-size:14px}@media(max-width:350px){main{padding:10px}#board{gap:4px}#board button{font-size:18px}}
body{--accent:hsl(136 65% 75%)}.eyebrow,a{color:var(--accent)}h1{text-wrap:balance}button:disabled{opacity:.65;cursor:default}.emblem{width:64px;height:64px;float:right;margin:0 0 12px 12px}

#board .cage{border:3px solid #e0c485;background:#4f593a}#board .sealed{background:#396257;border:3px solid #82c1a5}