:root{color-scheme:light}
body{margin:0;background:#F6F3ED;color:#221E18;font-family:'Public Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#7A5F17}a:hover{color:#221E18}
button{font-family:inherit;color:inherit}
button:disabled{cursor:default!important;opacity:.7}
input,select{font-family:inherit}
:focus-visible{outline:2px solid #8A6D1F;outline-offset:2px}

.shell{min-height:100vh;display:flex;justify-content:center;align-items:flex-start}
.frame{width:100%;background:#F6F3ED;display:flex;flex-direction:column;min-height:100vh}

.footer-links{display:flex;gap:16px}
.area-photo{display:block;width:100%;height:100%;object-fit:cover;background:#E9DFC8}
.area-tile{width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#E9DFC8,#D9CBA8);color:#5C4810;
  font:600 20px/1 'IBM Plex Mono',monospace;letter-spacing:.04em}
.avatar{display:block;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#E9DFC8,#D9CBA8)}

/* Web3Forms honeypot: hidden from people, visible to naive bots. */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

.site-footer{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;align-items:center;
  max-width:1120px;width:100%;margin:0 auto;padding:18px 20px 28px;border-top:1px solid #E2DBCF;
  font-size:12.5px;line-height:1.5;color:#6A6257}

.boot{max-width:560px;margin:20vh auto;padding:0 20px;text-align:center;color:#6A6257;font-size:15px;line-height:1.5}

.cmap{margin:0;border-radius:14px;border:1px solid #E2DBCF;overflow:hidden;background:#FFFDF9}
.cmap svg{display:block;width:100%;height:auto}
.cmap-area{cursor:pointer}
.cmap-area:focus{outline:none}.cmap-area:focus-visible circle{stroke:#221E18;stroke-width:3}
.cmap-name{font:600 13px 'Public Sans',sans-serif;fill:#221E18;paint-order:stroke;stroke:#EEF0EA;stroke-width:3px}
.cmap-over{fill:#8A8276}
.cmap-lbl{font:11px 'IBM Plex Mono',monospace;fill:#6A6257;paint-order:stroke;stroke:#EEF0EA;stroke-width:3px}
.cmap-strong{fill:#221E18;font-weight:600}
@media (max-width:500px){.cmap-name{font-size:21px;stroke-width:4px}.cmap-lbl{font-size:17px;stroke-width:4px}}
.cmap-key{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 14px;border-top:1px solid #EEE8DD;font-size:12px;color:#5E574C}
.cmap-key span{display:flex;align-items:center;gap:6px}
.cmap-key i{width:10px;height:10px;border-radius:50%;display:inline-block}
.cmap-key i.dia{border-radius:1px;transform:rotate(45deg);width:8px;height:8px}
.cmap-note{margin-left:auto;font-family:'IBM Plex Mono',monospace;font-size:11px;color:#8A8276}