.home{--sky-top:#c8b8ea;--sky-mid:#f3c3d5;--sky-low:#fbd8bf;--paper:#fbf5f1;--home-ink:#4a3f5c;--home-muted:#8c7aa8;min-height:100vh;color:var(--home-ink);background:radial-gradient(#ead9ea 1px, transparent 1px) 0 0 / 22px 22px, var(--paper);font-family:Zen Maru Gothic,ui-rounded,Hiragino Maru Gothic ProN,Nunito,system-ui,sans-serif}.home .hero{background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 48%, var(--sky-low) 82%, #fde7d3 100%);height:min(58vh,540px);min-height:380px;position:relative;overflow:hidden}.home .sky{position:absolute;inset:0}.home .sun{-webkit-mask-composite:source-over;background:radial-gradient(circle at 50% 35%,#fff3bf 0%,#ffd69f 45%,#ffb7a0 100%);border-radius:50%;width:240px;height:240px;margin-left:-120px;position:absolute;bottom:22%;left:50%;box-shadow:0 0 90px 36px #ffcdaf73;-webkit-mask-image:linear-gradient(#000 52%,#0000 52%),repeating-linear-gradient(#000 0 15px,#0000 15px 21px);mask-image:linear-gradient(#000 52%,#0000 52%),repeating-linear-gradient(#000 0 15px,#0000 15px 21px);-webkit-mask-composite:source-over;mask-composite:add}.home .cloud{width:150px;height:42px;animation:drift var(--cloud-d,90s) linear infinite;background:#ffffffb8;border-radius:40px;position:absolute}.home .cloud:before,.home .cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.home .cloud:before{width:64px;height:64px;top:-30px;left:24px}.home .cloud:after{width:46px;height:46px;top:-20px;left:76px}.home .cloud.c1{--cloud-d:95s;animation-delay:-10s;top:18%}.home .cloud.c2{--cloud-d:120s;transform-origin:50%;animation-delay:-55s;top:32%;scale:.7}.home .cloud.c3{--cloud-d:140s;opacity:.8;animation-delay:-90s;top:12%;scale:1.2}.home .cloud.c4{--cloud-d:105s;opacity:.9;animation-delay:-30s;top:44%;scale:.55}@keyframes drift{0%{translate:-220px}to{translate:110vw}}.home .petals{pointer-events:none;position:absolute;inset:0}.home .petal{top:-24px;left:var(--x);opacity:.9;width:11px;height:13px;scale:var(--s,1);animation:fall var(--d,12s) linear infinite;animation-delay:var(--delay,0s);background:#f9c7d6;border-radius:60% 0;position:absolute}@keyframes fall{0%{transform:translate(0)rotate(0)}25%{transform:translate(22px,25vh)rotate(140deg)}50%{transform:translate(-14px,50vh)rotate(260deg)}75%{transform:translate(18px,75vh)rotate(400deg)}to{transform:translate(-8px,100vh)rotate(540deg)}}.home .skyline{height:46%;position:absolute;bottom:0;left:0;right:0}.home .skyline svg{width:100%;height:100%;display:block}.home .hero-text{z-index:2;text-align:center;text-shadow:0 2px 14px #ffffffa6;padding:clamp(36px,8vh,84px) 20px 0;position:relative}.home h1{letter-spacing:.04em;color:#5b4b7a;margin:0;font-size:clamp(46px,8vw,86px);font-weight:700;line-height:1}.home h1 .jp{color:#8c6fa8;vertical-align:middle;text-shadow:none;background:#ffffff8c;border-radius:999px;margin-left:.3em;padding:.12em .5em;font-size:.42em;font-weight:500;display:inline-block}.home .tagline{color:#6d5c8a;margin:10px 0 0;font-size:clamp(15px,2vw,19px)}.home .notice{color:#a04a55;overflow-wrap:anywhere;background:#fde1e4;border-radius:14px;max-width:760px;margin:22px auto 0;padding:12px 16px;font-size:14px;line-height:1.45}.home .cities-wrap{max-width:1080px;margin:0 auto;padding:26px 20px 60px}.home .country{margin-top:26px}.home .country h2{align-items:center;gap:10px;margin:0 0 4px;font-size:26px;font-weight:700;display:flex}.home .country .flag{font-size:28px;line-height:1}.home .region{margin:14px 0 24px}.home .region h3{letter-spacing:.14em;text-transform:uppercase;color:var(--home-muted);align-items:center;gap:12px;margin:0 0 12px;font-size:12px;font-weight:700;display:flex}.home .region h3:after{content:"";background:linear-gradient(90deg,#dccbe6,#0000);flex:1;height:1px}.home .cities{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.home .card{color:inherit;background:#ffffffbd;border:1px solid #ffffffe6;border-radius:18px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:block;overflow:hidden;box-shadow:0 8px 24px #785a8c1f}.home .card:hover,.home .card:focus-visible{outline:none;transform:translateY(-4px)rotate(-.4deg);box-shadow:0 16px 34px #785a8c33}.home .mini{background:linear-gradient(#d9cbf0,#f7cfdc 70%,#fbe0c9);height:82px}.home .mini svg{width:100%;height:100%;display:block}.home .card-body{padding:12px 14px 14px}.home .card h4{margin:0;font-size:20px;font-weight:700}.home .card .meta{color:var(--home-muted);margin:4px 0 0;font-size:13px}.home .card .path{color:#7a6a95;background:#f1e8f6;border-radius:999px;margin:10px 0 0;padding:3px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:inline-block}.home .empty{text-align:center;color:var(--home-muted);padding:44px 20px;font-size:16px}.home .empty pre{text-align:left;color:var(--home-ink);background:#fff;border-radius:12px;margin:12px 0 0;padding:12px 16px;font-size:13px;display:inline-block}.home footer{text-align:center;color:var(--home-muted);padding:0 20px 40px;font-size:12px}@media (prefers-reduced-motion:reduce){.home .cloud,.home .petal{animation:none}}.machi-page{box-sizing:border-box;color:#4a3f5c;background:radial-gradient(#ead9ea 1px,#0000 1px) 0 0/22px 22px,#fbf5f1;height:100dvh;padding:32px 16px;font-family:Zen Maru Gothic,ui-rounded,Hiragino Maru Gothic ProN,Nunito,system-ui,sans-serif;overflow-y:auto}.machi-form{background:#fff;border-radius:16px;gap:16px;max-width:560px;margin:0 auto;padding:24px;display:grid;box-shadow:0 8px 30px #8c7aa82e}.machi-form h1{margin:0;font-size:24px}.machi-form .row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.machi-form .field{gap:4px;display:grid}.machi-form .field-label{color:#8c7aa8;font-size:13px;font-weight:700}.machi-form .field-hint{color:#a898bd;font-size:12px;font-weight:500}.machi-form .field-error{color:#c0392b;font-size:12px;font-weight:700}.machi-form input:not([type=checkbox]),.machi-form select{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:#fbf5f1;border:1px solid #e3d6ee;border-radius:10px;padding:10px 12px;font-size:16px}.machi-form input:focus,.machi-form select:focus{outline-offset:1px;outline:2px solid #c8b8ea}.machi-form .checks{flex-wrap:wrap;gap:8px 24px;font-weight:700;display:flex}.machi-form .checks label{align-items:center;gap:8px;display:flex}.machi-form .actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.machi-form button[type=submit]{font:inherit;color:#fff;cursor:pointer;background:#a58bd6;border:0;border-radius:10px;padding:10px 20px;font-weight:700}.machi-form button[type=submit]:disabled{opacity:.6;cursor:default}.machi-form a{color:#8c7aa8}.machi-form .machi-error,.machi-form .machi-done{overflow-wrap:anywhere;border-radius:10px;margin:0;padding:10px 12px;font-size:14px}.machi-form .machi-error{color:#c0392b;background:#fdecea}.machi-form .machi-done{color:#2d6a45;background:#e9f7ee}.machi-form .cities{gap:8px;display:grid}.machi-form .cities h2{color:#8c7aa8;margin:0;font-size:13px}.machi-form .city-list{flex-wrap:wrap;gap:8px;display:flex}.machi-form .city{font:inherit;text-align:left;color:inherit;cursor:pointer;background:#fbf5f1;border:1px solid #e3d6ee;border-radius:10px;gap:2px;padding:8px 12px;display:grid}.machi-form .city span{color:#a898bd;font-size:12px}.machi-form .city.active{background:#efe7f7;border-color:#a58bd6}.machi-form .known{flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.machi-form .chip{background:#efe7f7;border-radius:999px;padding:2px 8px;font-size:12px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#4a3f5c;--muted:#8c7aa8;--faint:#a99bc2;--accent:#e58b7b;--accent-ink:#c66d5d;--lavender:#d9c8ef;--lavender-soft:#efe7f7;--pink:#f6cddb;--peach:#fcdcc4;--line:#8c7aa82e;--panel:#fffaf7d6;--shadow:0 10px 30px #785a8c2e;font-family:Zen Maru Gothic,ui-rounded,Hiragino Maru Gothic ProN,Nunito,system-ui,sans-serif}html,body{background:#ecebe4;height:100%;margin:0;overflow:hidden}#map{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100vw;height:100vh;display:block}#map:active{cursor:grabbing}#topBanner{z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;background:radial-gradient(#8c7aa80d 1px,#0000 1px) 0 0/12px 12px,#fffaf78c;border:1px solid #ffffffd9;border-radius:999px;flex-direction:column;align-items:center;gap:2px;padding:6px 18px;display:flex;position:fixed;top:12px;left:50%;translate:-50%;box-shadow:0 6px 22px #785a8c26,inset 0 0 0 1px #ffffff40}#topBanner h1{letter-spacing:.03em;color:#5b4b7a;margin:0;font-size:16px;font-weight:700;line-height:1.3}#topBanner h1 .jp{background:var(--lavender-soft);color:var(--muted);vertical-align:middle;border-radius:999px;margin-left:.25em;padding:.05em .5em;font-size:.6em;font-weight:500;display:inline-block}#topBanner .district{color:var(--accent-ink);margin:0;font-size:13px;font-weight:700}#topBanner .district .local{color:var(--muted);margin-left:5px;font-weight:500}#hud,#info{box-sizing:border-box;background:radial-gradient(#8c7aa81a 1px, transparent 1px) 0 0 / 14px 14px, var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:300px;box-shadow:var(--shadow);color:var(--ink);border:1px solid #ffffffe6;border-radius:20px;padding:14px 16px 16px;font-size:12px;line-height:1.4;position:fixed;top:58px}#hud{scrollbar-width:thin;scrollbar-color:var(--lavender) transparent;-webkit-user-select:none;user-select:none;max-height:calc(100vh - 72px);left:14px;overflow:auto}#info{flex-direction:column;max-height:calc(100vh - 72px);display:flex;right:14px}#info .info-scroll{scrollbar-width:thin;scrollbar-color:var(--lavender) transparent;min-height:0;padding-right:2px;overflow:auto}#hud .back{background:var(--lavender-soft);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;text-decoration:none;display:inline-block}#hud .back:hover{background:var(--lavender);color:var(--ink)}#hud .hud-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}#hud .hud-head:after{content:"";-webkit-mask-composite:source-over;background:radial-gradient(circle at 50% 35%,#fff3bf 0%,#ffd69f 45%,#ffb7a0 100%);border-radius:50%;flex:none;width:34px;height:34px;box-shadow:0 0 18px 6px #ffcdaf73;-webkit-mask-image:linear-gradient(#000 55%,#0000 55%),repeating-linear-gradient(#000 0 3px,#0000 3px 5px);mask-image:linear-gradient(#000 55%,#0000 55%),repeating-linear-gradient(#000 0 3px,#0000 3px 5px);-webkit-mask-composite:source-over;mask-composite:add}#hud h1{letter-spacing:.03em;color:#5b4b7a;overflow-wrap:anywhere;flex:auto;min-width:0;margin:0;font-size:22px;font-weight:700;line-height:1.15}#hud h1 .jp{background:var(--lavender-soft);color:var(--muted);vertical-align:middle;border-radius:999px;margin-left:.3em;padding:.1em .55em;font-size:.5em;font-weight:500;display:inline-block}#hud h3{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:0 0 8px;font-size:11px;font-weight:700;display:flex}#hud h3:after{content:"";background:linear-gradient(90deg, var(--lavender), transparent);flex:1;height:1px}#cityNow{color:var(--ink);margin:0 0 6px;font-size:12px;font-weight:700}#stats{font-variant-numeric:tabular-nums;color:var(--muted);background:#ffffff8c;border-radius:12px;margin:0 0 10px;padding:6px 10px;font-size:11px}#hud label{color:var(--muted);grid-template-columns:56px 1fr 44px;align-items:center;gap:8px;margin:6px 0;display:grid}#hud input[type=range]{accent-color:#b99ad9;width:100%;margin:0}#hud output{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}button{font:inherit;color:var(--ink);border:1px solid var(--lavender);cursor:pointer;background:#ffffffd9;border-radius:999px;padding:5px 11px;font-weight:600;transition:background .15s,transform .15s}button:hover{background:var(--lavender-soft)}button:active{transform:translateY(1px)}button.active{background:var(--peach);border-color:var(--accent);color:var(--accent-ink)}button:disabled{opacity:.6;cursor:progress}button.link{color:var(--accent-ink);text-decoration:underline;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);text-underline-offset:2px;background:0 0;border:0;border-radius:0;padding:0;font-weight:700}button.icon{width:22px;height:22px;color:var(--muted);background:0 0;border:0;padding:0;font-size:15px;line-height:1}button.icon:hover{background:var(--lavender-soft)}a.action{border:1px solid var(--lavender);color:var(--ink);background:#ffffffd9;border-radius:999px;padding:5px 11px;font-weight:600;text-decoration:none;display:inline-block}a.action:hover{background:var(--lavender-soft)}button.danger{color:var(--accent-ink);border-color:var(--pink)}button.danger:hover{background:var(--pink)}input[type=text],select{font:inherit;color:var(--ink);border:1px solid var(--lavender);background:#ffffffd9;border-radius:14px;min-width:0;padding:5px 11px}input[type=text]:focus,select:focus{outline-offset:0;outline:2px solid #e58b7b66}.legend,.markers{border-top:1px dashed var(--line);margin-top:12px;padding-top:10px}#legend{margin:0;padding:0;list-style:none}#legend li{display:flex}#legend .legend-item{font-weight:inherit;text-align:left;background:0 0;border:0;border-radius:6px;flex:auto;align-items:center;gap:8px;margin:0 -4px;padding:2px 4px;display:flex}#legend .legend-item:hover{background:var(--lavender-soft)}#legend .legend-item.off{opacity:.45}#legend .swatch{border-radius:5px;flex:none;width:13px;height:13px;box-shadow:inset 0 0 0 1px #4a3f5c1f}#legend .name{flex:auto}#legend .count{color:var(--faint);font-variant-numeric:tabular-nums}.legend-note{color:var(--faint);margin:6px 0 0;font-size:11px}.place-name strong{font-weight:700}.details{color:var(--muted);margin:3px 0 0;padding:0;font-size:11px;list-style:none}.details li{gap:6px;padding:1px 0;display:flex}.details .k{min-width:46px;color:var(--faint);flex:none}.details a{color:var(--accent-ink);overflow-wrap:anywhere;text-decoration:none}.details a:hover{text-decoration:underline}#infoRows dt{align-self:start;padding-top:1px}.chip{color:#4a3f5c;white-space:nowrap;border-radius:999px;padding:1px 9px;font-size:11px;font-weight:700;line-height:1.5;display:inline-block;box-shadow:inset 0 0 0 1px #4a3f5c1f}.markers .row{gap:6px;margin:0 0 6px;display:flex}.markers .row>*{flex:auto}.markers .row button[type=submit]{flex:none}.status{min-height:1.2em;color:var(--muted);margin:2px 0 6px}.status.error{color:var(--accent-ink)}#markerList{margin:0;padding:0;list-style:none}#markerList li{border-radius:10px;align-items:center;gap:6px;padding:3px 6px;display:flex}#markerList li.active{background:var(--lavender-soft)}#markerList .dot{border:1.5px solid #fff;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 1px #4a3f5c26}#markerList .dot.me{background:#1e88e5}#markerList .dot.pin{background:#d93025}#markerList .name{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:0;flex:auto;min-width:0;padding:0;overflow:hidden}#markerList .name:hover{color:var(--accent-ink)}#markerList .coords{color:var(--faint);font-variant-numeric:tabular-nums;flex:none;font-size:11px}#info h2,#infoLabel{box-sizing:border-box;color:#5b4b7a;width:calc(100% - 28px);margin:0 0 2px;font-size:17px;font-weight:700;line-height:1.3;display:block}#infoLabel{background:0 0;border-color:#0000;border-radius:10px;margin-left:-8px;padding:2px 8px}#infoLabel:hover,#infoLabel:focus{border-color:var(--lavender);background:#fff}#infoSub{color:var(--muted);margin-bottom:10px}#infoRows{grid-template-columns:max-content 1fr;gap:4px 10px;margin:0;display:grid}#infoRows dt{color:var(--faint)}#infoRows dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}#infoClose{width:26px;height:26px;color:var(--muted);background:0 0;border:0;padding:0;font-size:16px;line-height:1;position:absolute;top:10px;right:10px}#infoClose:hover{background:var(--lavender-soft)}#infoLink{color:var(--accent-ink);margin-top:12px;font-weight:600;text-decoration:none;display:inline-block}#infoLink:hover{text-decoration:underline;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink)}#infoActions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}#infoActions:empty{display:none}.hint,.credit{color:var(--faint);margin:12px 0 0;line-height:1.5}.credit{margin-top:6px;font-size:11px}#hud .hud-top-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}#hud .hud-collapse{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;font-size:14px;display:grid}#hud .hud-collapse:hover{background:var(--lavender-soft);color:var(--ink)}#navbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-user-select:none;user-select:none;background:radial-gradient(#8c7aa814 1px,#0000 1px) 0 0/12px 12px,#fffaf7d1;border:1px solid #ffffffd9;border-radius:999px;gap:6px;padding:6px 10px;display:flex;position:fixed;bottom:16px;left:50%;translate:-50%;box-shadow:0 8px 28px #785a8c2e,inset 0 0 0 1px #ffffff40}#navbar button,#navbar .nav-btn{box-sizing:border-box;min-width:56px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:6px 12px 4px;font-size:11px;font-weight:600;text-decoration:none;transition:background .18s,color .18s,transform .12s;display:flex}#navbar button .nav-icon,#navbar .nav-btn .nav-icon{font-size:18px;line-height:1.2}.nav-icon-sm{font-size:15px!important}#navbar button .nav-label,#navbar .nav-btn .nav-label{letter-spacing:.04em;font-size:10px}#navbar button:hover:not(:disabled),#navbar .nav-btn:hover{background:var(--lavender-soft);color:var(--ink)}#navbar button:active:not(:disabled),#navbar .nav-btn:active{transform:translateY(1px)}#navbar button.active{background:linear-gradient(135deg, var(--lavender-soft), var(--peach));color:var(--ink);box-shadow:0 0 0 1.5px var(--lavender) inset}#navbar button:disabled{opacity:.4;cursor:default}#settingsPanel{z-index:18;box-sizing:border-box;background:radial-gradient(#8c7aa81a 1px, transparent 1px) 0 0 / 14px 14px, var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:280px;box-shadow:var(--shadow);color:var(--ink);-webkit-user-select:none;user-select:none;border:1px solid #ffffffe6;border-radius:20px;padding:14px 16px 16px;font-size:12px;line-height:1.4;position:fixed;bottom:86px;left:50%;translate:-50%}#settingsPanel h3{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:0 0 8px;font-size:11px;font-weight:700;display:flex}#settingsPanel h3:after{content:"";background:linear-gradient(90deg, var(--lavender), transparent);flex:1;height:1px}#settingsPanel label{color:var(--muted);grid-template-columns:56px 1fr 44px;align-items:center;gap:8px;display:grid}#settingsPanel label.setting-check{grid-template-columns:56px auto 1fr;margin-top:8px}#settingsPanel .setting-check input{accent-color:#b99ad9;margin:0}#settingsPanel .setting-check .hint{margin:0;font-size:11px;line-height:1.3}#settingsPanel input[type=range]{accent-color:#b99ad9;width:100%;margin:0}#settingsPanel output{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}html.home-mode,html.home-mode body{height:auto;min-height:100%;overflow:auto}#sky{--pad:32px;--top:32px;pointer-events:none;height:64px;position:fixed;inset:0 0 auto;overflow:visible}#sky .sky-body{left:calc(var(--pad) + var(--across) * (100% - 2 * var(--pad)));top:var(--top);pointer-events:auto;filter:drop-shadow(0 2px 4px #785a8c40);width:46px;height:46px;transition:left 1.2s,top 1.2s;position:absolute;translate:-50% -50%}#sky .sky-body svg{width:100%;height:100%;display:block}#sky .sky-sun .halo{fill:#ffdea073}#sky .sky-sun .disc{fill:#ffd27f;stroke:#fff;stroke-width:1.2px}#sky .sky-sun .face{fill:#9a6248}#sky .sky-sun .smile{fill:none;stroke:#9a6248;stroke-width:1.1px;stroke-linecap:round}#sky .sky-sun .blush{fill:#f6a38f;opacity:.75}#sky .sky-moon .halo{fill:#fff4d64d}#sky .sky-moon .disc{fill:#fff4d6}#sky .star{background:#fff;border-radius:50%;animation:3s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 4px #ffffffe6}#sky .sky-cloud{background:#ffffffc7;border-radius:22px;width:84px;height:22px;animation:160s linear infinite sky-drift;position:absolute;left:0;box-shadow:0 4px 10px #785a8c1f}#sky .sky-cloud:before,#sky .sky-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}#sky .sky-cloud:before{width:36px;height:36px;top:-17px;left:14px}#sky .sky-cloud:after{width:26px;height:26px;top:-11px;left:44px}#sky.night .sky-cloud{background:#d6d6f099}#sky.weather-fog .sky-cloud{background:#ffffff80}#sky.weather-storm .sky-cloud,#sky.weather-rain .sky-cloud{background:#d6d2e8d9}@keyframes sky-drift{0%{translate:-120px}to{translate:calc(100vw + 40px)}}#sky .drop,#sky .flake{opacity:0;position:absolute;top:0}#sky .drop{background:linear-gradient(#0000,#8ca0e1d9);border-radius:1px;width:1.5px;height:11px;animation:1s linear infinite sky-rain;rotate:12deg}#sky .flake{background:#fff;border-radius:50%;width:4px;height:4px;animation:5s ease-in-out infinite sky-snow;box-shadow:0 0 3px #8c96c899}@keyframes sky-rain{0%{opacity:0;translate:0 -12px}15%{opacity:.9}to{opacity:0;translate:-14px 78px}}@keyframes sky-snow{0%{opacity:0;translate:0 -8px}20%{opacity:.95}50%{translate:6px 36px}to{opacity:0;translate:-4px 80px}}#sky .sky-flash{opacity:0;background:linear-gradient(#ffffffd9,#0000);height:110px;animation:9s linear infinite sky-flash;position:absolute;inset:0 0 auto}#sky .sky-bolt{fill:#ffe08a;stroke:#fff;stroke-width:1px;stroke-linejoin:round;opacity:0;width:14px;height:26px;animation:9s linear infinite sky-flash;position:absolute;top:20px;left:38%}@keyframes sky-flash{0%,86%,to{opacity:0}87%{opacity:.9}88%{opacity:.15}89.5%{opacity:.75}92%{opacity:0}}@keyframes twinkle{0%,to{opacity:.35}50%{opacity:.95}}@media (prefers-reduced-motion:reduce){#sky .star{opacity:.7;animation:none}#sky .sky-body{transition:none}#sky .sky-cloud{animation:none}#sky .drop,#sky .flake,#sky .sky-flash,#sky .sky-bolt{display:none}}#compass{filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 3px #ffffffe6)drop-shadow(0 2px 4px #4a3f5c66);background:0 0;border:0;border-radius:50%;width:76px;height:76px;padding:0;position:fixed;bottom:12px;right:12px}#compass:hover{background:0 0;scale:1.06}#compass svg{width:100%;height:100%;display:block}#compass .north .lit{fill:#f09a8a}#compass .north .shade{fill:#d4695a}#compass .other .lit{fill:#b8a2e2}#compass .other .shade{fill:#8f74c8}#compass .hub{fill:#fff}#compass polygon{stroke:#fff;stroke-width:1.3px;stroke-linejoin:round}#compass .n{fill:var(--accent-ink);stroke:#fff;stroke-width:2.4px;stroke-linejoin:round;paint-order:stroke;text-anchor:middle;dominant-baseline:central;font-size:9px;font-weight:700}.error-screen{color:var(--ink);background:radial-gradient(#ead9ea 1px,#0000 1px) 0 0/22px 22px,#fbf5f1;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.error-card{background:var(--panel);max-width:380px;box-shadow:var(--shadow);text-align:center;border:1px solid #ffffffe6;border-radius:22px;padding:24px 24px 18px}.error-card h1{margin:6px 0;font-size:18px}.error-card p{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.5}.error-art{width:120px;margin:0 auto;display:block}.error-art .shadow{fill:#8c7aa82e}.error-art .walls{fill:var(--pink)}.error-art .roof{fill:var(--lavender);stroke:#fff;stroke-width:2px;stroke-linejoin:round}.error-art .door{fill:var(--peach)}.error-art .window{fill:#fff}.error-art .face{fill:var(--ink)}.error-art .drop{fill:#bfd8ec}.error-actions{justify-content:center;align-items:center;gap:16px;display:flex}.error-actions .primary{background:var(--peach);border-color:var(--accent);color:var(--accent-ink)}.error-actions a{color:var(--accent-ink);font-weight:700}.error-card details{color:var(--faint);margin-top:16px;font-size:11px}.error-card code{overflow-wrap:anywhere;color:var(--muted);margin-top:6px;display:block}.loading{color:var(--muted);place-items:center;margin:0;font-size:14px;display:grid;position:fixed;inset:0}@media (width<=640px){#topBanner{gap:6px;padding:5px 14px}#topBanner h1{font-size:14px}#topBanner .district{font-size:11px}#hud,#info{width:calc(100vw - 28px);max-width:340px}#navbar{gap:2px;padding:4px 8px;bottom:10px}#navbar button,#navbar .nav-btn{min-width:48px;padding:5px 8px 3px}#settingsPanel{width:calc(100vw - 28px);max-width:320px;bottom:76px}#sky{--pad:24px;--top:28px}#sky .sky-body{width:38px;height:38px}#compass{width:64px;height:64px;bottom:70px;right:6px}}.group-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.group-list li{border-radius:4px;align-items:baseline;gap:8px;display:flex}.group-main{flex:auto;min-width:0}.group-main .group-detail{margin-left:6px}.group-list .chip,.group-distance{white-space:nowrap;flex:none}.group-list li:hover{background:var(--lavender-soft);box-shadow:0 0 0 4px var(--lavender-soft)}.group-detail{color:var(--muted);font-size:11px}.group-filter{box-sizing:border-box;width:100%;font-size:16px;display:block}.group-distance{color:var(--faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}