#nav{display:flex;flex-wrap:wrap;column-gap:6px;row-gap:12px;margin:0 0 12px}
#nav a{flex:none;text-decoration:none;color:#1c1917;border:1px solid #888;border-radius:16px;padding:8px 12px;font-size:15px;line-height:1.2;background:#fff;white-space:nowrap}
#nav a.on{background:#1c1917;color:#fff;border-color:#1c1917}
#miss,.miss{background:#fff4f2;border:1px solid #e7c7c2;border-radius:12px;padding:12px;color:#7a2e2e}
.page{font-family:-apple-system,"PingFang SC","Noto Sans SC",sans-serif;margin:0 auto;padding:16px;max-width:900px}
.page header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 12px}
.page header h2{margin:8px 0 0;font-size:24px}
.page #lang{display:flex;gap:4px;flex:none;margin-top:8px}
.page #lang button{min-width:42px}
.page button{margin:0;padding:10px 14px;border-radius:16px;border:1px solid #888;background:#fff;color:#1c1917;font-size:16px;line-height:1.2;touch-action:manipulation}
.page button.on{background:#c00;color:#fff;border-color:#c00}
.page #map{height:320px;width:100%;border-radius:8px;border:1px solid #ddd;margin:8px 0}
.page .rowbtns{display:flex;flex-wrap:wrap;column-gap:6px;row-gap:12px;margin:8px 0}
.page .big{font-size:28px;font-weight:700}
.page .chartbox{position:relative;height:280px;margin:8px 0 12px}
.page .note{color:#444;font-size:14px;line-height:1.5}
.page .cards{display:flex;flex-wrap:wrap;column-gap:8px;row-gap:12px;margin:8px 0}
.page .cards button{text-align:left;flex:1 1 150px;min-height:72px}
.page input{font-size:16px;padding:8px 10px;border-radius:10px;border:1px solid #888;width:6em}
.page h3{font-size:18px;margin:16px 0 6px}
.leaflet-popup-content{margin:10px 12px;font-size:15px;line-height:1.35}
.leaflet-popup-content b{font-size:16px}