.asmap{--as-sea:#e4ebf2;--as-land:#fbfcfd;--as-land-other:#f0f3f6;--as-border:#c3ccd7;--as-text:#5f6b7a;--as-strong:#0e1f36;--as-restricted:200 30 38;--as-controlled:34 84 196;--as-other:100 112 128;--as-home:#c9420d;border:1px solid var(--line,#e3e7ec);background:var(--as-sea);border-radius:16px;display:grid;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.asmap{--as-sea:#0f1a28;--as-land:#17222f;--as-land-other:#131d2a;--as-border:#34445a;--as-text:#9aa7b8;--as-strong:#e6ebf3;--as-restricted:255 98 92;--as-controlled:120 160 255;--as-other:150 162 178;--as-home:#ff6a2b}}.asmap__canvas{aspect-ratio:1200/920}.asm{width:100%;height:auto;display:block}.asm-sea{fill:var(--as-sea)}.asm-land{fill:var(--as-land-other);stroke:var(--as-border);stroke-width:1.5px;stroke-linejoin:round}.asm-land--be{fill:var(--as-land)}.asm .z{stroke-width:1.6px;stroke-linejoin:round;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.asm .z--restricted{fill:rgb(var(--as-restricted) / .14);stroke:rgb(var(--as-restricted) / .85)}.asm .z--danger{fill:rgb(var(--as-restricted) / .07);stroke:rgb(var(--as-restricted) / .8);stroke-dasharray:6 4}.asm .z--controlled{fill:rgb(var(--as-controlled) / .06);stroke:rgb(var(--as-controlled) / .7)}.asm .z--other{fill:rgb(var(--as-other) / .05);stroke:rgb(var(--as-other) / .6);stroke-dasharray:3 4}@media (hover:hover){.asm .z:hover{stroke-width:3px}}.asmap[data-scenario=weekday] .z[data-wd],.asmap[data-scenario=weekend] .z[data-we]{opacity:0;pointer-events:none}.asm-town circle{fill:var(--as-text)}.asm-town text{font:500 17px var(--font,system-ui), system-ui, sans-serif;fill:var(--as-text);paint-order:stroke;stroke:var(--as-land);stroke-width:5px}.asm-home circle{fill:var(--as-home)}.asm-home .asm-home__halo{opacity:.2}.asm-home text{font:700 21px var(--font,system-ui), system-ui, sans-serif;fill:var(--as-strong);paint-order:stroke;stroke:var(--as-land);stroke-width:6px}@media (max-width:640px){.asm-town text{display:none}.asm-home text{font-size:34px}}.asmap__now,.asmap__warn{background:color-mix(in srgb, var(--card,#fff) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 12px;font-size:12.5px;font-weight:500;display:flex}.asmap__warn{justify-content:space-between;font-size:13px;font-weight:400}.asmap__warn b{font-weight:600}.asmap__warn a{color:inherit;font-weight:600}.asmap__warn small{color:var(--as-text);font-size:11px}.asmap__now{border-bottom:1px solid var(--line,#e3e7ec);order:-1}.asmap__warn{border-top:1px solid var(--line,#e3e7ec)}@media (min-width:720px){.asmap{display:block}.asmap__now{border:1px solid var(--line,#e3e7ec);border-radius:999px;position:absolute;top:12px;left:12px}.asmap__warn{border:1px solid var(--line,#e3e7ec);border-radius:10px;position:absolute;bottom:12px;left:12px;right:12px}}.asswitch{border:1px solid var(--line,#e3e7ec);background:var(--tint,#eef1f5);border-radius:999px;justify-self:start;padding:3px;display:inline-flex}.asswitch button{min-height:36px;color:var(--soft,#5f6b7a);font:500 14px/1 var(--font,system-ui), system-ui, sans-serif;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 16px;transition:background .2s,color .2s}.asswitch button[aria-pressed=true]{background:var(--card,#fff);color:var(--navy,#0e1f36);box-shadow:0 1px 2px #0e1f3614, 0 0 0 1px var(--line,#e3e7ec)}@media (max-width:560px){.asswitch{width:100%;display:flex}.asswitch button{flex:1;padding:8px 6px}}@media (prefers-reduced-motion:reduce){.asm .z{transition:none}}.asmap__canvas{touch-action:none}.asmap[data-pan] .asmap__canvas{cursor:grab}.asmap[data-pan] .asmap__canvas:active{cursor:grabbing}.asmap__zoom{gap:4px;display:grid;position:absolute;top:10px;right:10px}.asmap__zoom button{border:1px solid var(--asm-line,#0000001f);color:#0e1f36;cursor:pointer;background:#ffffffeb;border-radius:8px;place-items:center;width:32px;height:32px;font-size:15px;line-height:1;transition:background .15s;display:grid}.asmap__zoom button:hover:not(:disabled){background:#fff}.asmap__zoom button:disabled{opacity:.4;cursor:default}@media (prefers-color-scheme:dark){.asmap__zoom button{color:#e8eef7;background:#0e1f36e6;border-color:#ffffff2e}.asmap__zoom button:hover:not(:disabled){background:#0e1f36}}