*{box-sizing:border-box}body,html{margin:0;padding:0;background:0 0;color:#251f16;font-family:'Sofia Sans',system-ui,sans-serif}#page-title{font-family:'Sofia Sans',system-ui,sans-serif;font-weight:600;font-size:24px;line-height:1.25;margin:20px 20px 4px;color:#251f16;text-align:center}#grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;padding:20px}.card{background:0 0;border:1px solid #ddd1b8;border-radius:3px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:10px}.card-head .cn{font-family:'Sofia Sans',system-ui,sans-serif;font-weight:600;font-size:16px;line-height:1.2}.card-head .en{font-family:'Sofia Sans',system-ui,sans-serif;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:#6b6152;margin-top:1px}.waffle{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);width:100%;aspect-ratio:1;border-radius:2px;overflow:hidden}.cell{box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);transition:opacity .15s ease}.cell:hover{opacity:.75}.legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.legend li{display:flex;align-items:center;gap:6px;font-size:11.5px}.swatch{width:9px;height:9px;border-radius:2px;flex:none;border:1px solid rgba(0,0,0,.15)}.legend-name{flex:1}.legend-pct{font-family:'Sofia Sans',system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#6b6152}.note{font-size:10.5px;color:#6b6152;font-family:'Sofia Sans',system-ui,sans-serif}#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}#page-title{color:#f0e9da}.card{background:0 0;border-color:#3d3425}.card-head .en,.legend-pct,.note{color:#b5a98f}.cell{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}}/*# sourceMappingURL=style.css.map */