*{box-sizing:border-box}body{margin:0;color:#20353a;font-family:"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #16827c;outline-offset:3px}[hidden]{display:none!important}#map{position:fixed;inset:0;background:#edf1f0}.card{position:fixed;background:rgba(255,255,255,.95);border:1px solid #e1e9e6;border-radius:18px;box-shadow:0 8px 32px #183e4612}#title{top:24px;left:24px;padding:22px 26px;max-width:calc(100vw - 48px)}.eyebrow{font-size:10px;letter-spacing:2px;color:#49817a;font-weight:700}#mode{letter-spacing:0;color:#94622a;margin-left:8px}h1{font-size:25px;letter-spacing:-1px;margin:10px 0 14px}p{font-size:13px;color:#687b7e;line-height:1.65;margin:6px 0}#time{color:#264f50;font-weight:600}.tools{position:fixed;top:24px;right:24px;display:flex;gap:6px}.tools button,#close{border:1px solid #d5e1df;background:white;border-radius:10px;padding:10px 12px;color:#315856}#panel{top:84px;right:24px;width:320px;padding:26px;max-height:calc(100dvh - 140px);overflow:auto}#close{position:absolute;right:12px;top:10px;font-size:20px;padding:0 8px}.value{font-size:48px;letter-spacing:-2px;font-weight:700;margin:16px 0 4px}.value small{font-size:14px;letter-spacing:0;margin-left:6px;color:#687b7e}.badge{display:inline-block;padding:5px 12px;border-radius:30px;font-size:13px}.place{font-size:17px;font-weight:700;padding-right:15px}hr{border:0;border-top:1px solid #e0e8e5;margin:22px 0}.station{font-size:20px;margin:8px 0}#legend{left:24px;bottom:42px;padding:18px 22px}#legend strong{font-size:13px}small{font-weight:400;font-size:11px}#grades{display:flex;gap:18px;margin-top:12px;font-size:12px}#grades i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}#grades small{display:block;margin:4px 0 0 15px;color:#6e7d80}#legend p{font-size:10px;margin-top:12px}#hint{bottom:48px;left:50%;transform:translateX(-50%);padding:12px 18px;font-size:12px}#status{top:205px;left:24px;max-width:340px;padding:12px 16px;font-size:12px;white-space:pre-line;background:#fff9eb;color:#72521c}#toast{bottom:200px;left:50%;transform:translateX(-50%);padding:14px 20px;font-size:13px;max-width:90vw}.maplibregl-ctrl-top-right{top:76px;right:16px}.maplibregl-ctrl-attrib{font-size:10px!important}#panel~#hint{pointer-events:none}@media(max-width:700px){#title{top:12px;left:12px;padding:16px 18px}h1{font-size:21px;margin:8px 0}.tools{top:auto;bottom:178px;right:12px;flex-direction:column}.tools button{font-size:12px;padding:9px}#legend{bottom:38px;left:12px;right:12px;padding:14px}#grades{justify-content:space-between;gap:4px}#hint{display:none}#status{top:169px;left:12px;max-width:calc(100vw - 90px)}#panel{top:auto;bottom:38px;left:12px;right:12px;width:auto;max-height:52dvh;z-index:3;padding:20px}.maplibregl-ctrl-top-right{top:175px;right:5px}.maplibregl-ctrl-attrib{max-width:95vw}.value{font-size:38px;margin:8px 0}#toast{bottom:200px;z-index:4}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.maplibregl-ctrl-top-right{top:14px;right:14px}.tools{top:118px;right:24px;flex-direction:column;gap:0;background:#fff;border-radius:6px;box-shadow:0 0 0 2px rgba(0,0,0,.1);overflow:hidden}.tools button{width:29px;height:29px;padding:0;border:0;border-radius:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#333}.tools button+button{border-top:1px solid #ddd}.tools button:hover{background:#f2f2f2}#panel{right:66px}@media(max-width:700px){#title h1,#source{display:none}#title{padding:12px 16px}#legend{top:94px;bottom:auto;left:12px;right:12px;padding:8px 12px;display:flex;align-items:center;gap:10px}#legend strong{font-size:12px;white-space:nowrap;line-height:1.3}#legend strong small{display:block;font-size:10px}#legend p{display:none}#grades{flex:1;margin-top:0;gap:4px;font-size:11px}#grades small{margin:1px 0 0 15px;font-size:10px}.maplibregl-ctrl-top-right{top:150px;right:2px}.tools{top:254px;bottom:auto;right:12px}#status{top:150px}#panel{right:12px;bottom:calc(var(--attrib-h,30px) + 8px)}}