*{box-sizing:border-box}body,html{margin:0;padding:0;background:0 0;color:#251f16;font-family:'Sofia Sans',system-ui,sans-serif}#card{padding:22px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}#head #title{font-family:'Sofia Sans',system-ui,sans-serif;font-weight:700;font-size:22px;line-height:1.25;margin:0 0 4px}#head #subtitle{font-size:13px;color:#6b6152;margin:0}#head #subtitle:empty,#head #title:empty{display:none}#body{display:flex;justify-content:center}#waffle{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);width:300px;aspect-ratio:1;border-radius:2px;overflow:hidden;flex:none}.cell{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);transition:opacity .15s ease}.cell:hover{opacity:.75}#tooltip{position:fixed;pointer-events:none;background:#251f16;color:#fff;font-family:'Sofia Sans',system-ui,sans-serif;font-size:12.5px;padding:6px 10px;border-radius:3px;opacity:0;transform:translate(-50%,-110%);transition:opacity .1s ease;white-space:nowrap;z-index:10}#tooltip.visible{opacity:1}@media (prefers-color-scheme:dark){body,html{background:0 0;color:#f0e9da}#head #subtitle{color:#b5a98f}.cell{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}}/*# sourceMappingURL=style.css.map */