:root{font-family:system-ui,-apple-system,sans-serif;color:#24463c;background:#fafaf3}*{box-sizing:border-box}body{margin:0}main{padding:26px 19px 20px}header{display:flex;justify-content:space-between;align-items:center;font-size:10px}.wordmark{font-weight:800;letter-spacing:.16em;font-size:13px}#identity{background:#e7ecdf;border-radius:12px;padding:5px 9px}.chapter{display:flex;justify-content:space-between;margin-top:27px;font-size:10px;color:#7e8a78}h1{font-size:24px;font-weight:650;line-height:1.55;letter-spacing:.02em;margin:13px 0 5px}.hint{font-size:11px;color:#7c8979;margin:0 0 20px}.board{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.tile{aspect-ratio:1;border-radius:5px;background:#e9edde;display:flex;align-items:center;justify-content:center;color:#c6cebc;font-size:11px}.tile.owned{background:#efad78;color:#fffdf3;font-size:19px}.tile:nth-child(7n).owned{background:#89aa86}.tile.pending{background:#f8ddaf;border:2px dashed #c38746;color:#8e632e}.progress{display:flex;justify-content:space-between;font-size:10px;margin-top:10px;color:#899480}.exchange{border-top:1px solid #e0e6d6;margin-top:23px;padding-top:15px}.label{font-size:10px;color:#74846b;letter-spacing:.1em;margin:0}.status{font-size:12px;line-height:1.65;min-height:39px;margin:9px 0}button{font:inherit;font-size:12px;border:0;border-radius:11px;background:#294f3f;color:#fff;padding:14px;width:100%;cursor:pointer;text-align:left}button span{float:right}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid #e09648;outline-offset:3px}button[hidden]{display:none}#accept{background:#d97c4d}.key{font-family:monospace;font-size:9px;overflow-wrap:anywhere;margin-top:15px;color:#879180}.fine{font-size:9px;line-height:1.7;color:#88927f;text-align:center;margin-top:12px}