@media (max-width:767.98px){html[data-app="1"] .map-app{--ap-surface:linear-gradient(150deg, var(--ap-glass-a), var(--ap-glass-b));background:var(--ap-bg);color:var(--ap-ink)}html[data-app="1"] .map-app :focus-visible{outline-offset:2px;outline:2px solid var(--ap-accent)!important}html[data-app="1"] .map-app>div>.flex.flex-col.border-b,html[data-app="1"] .map-app>div>.grid,html[data-app="1"] .map-app>div>fieldset{border-color:#0000}html[data-app="1"] .map-app input[type=search],html[data-app="1"] .map-app select{border:1px solid var(--ap-glass-edge);background:var(--ap-surface);min-height:48px;box-shadow:inset 0 1px 1px var(--ap-glass-in), 0 0 0 .5px var(--ap-rim);color:var(--ap-ink);border-radius:16px;padding:0 12px;font-size:15px}html[data-app="1"] .map-app input[type=search]::placeholder{color:var(--ap-muted);opacity:1}html[data-app="1"] .map-app input[type=search]:focus{--tw-ring-color:var(--ap-accent)}html[data-app="1"] .map-app .flex.gap-2>button{border:1px solid var(--ap-glass-edge);background:var(--ap-surface);min-height:48px;box-shadow:inset 0 1px 1px var(--ap-glass-in), 0 0 0 .5px var(--ap-rim);color:var(--ap-ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:24px;padding:0 14px}html[data-app="1"] .map-app .flex.gap-2>button.bg-route,html[data-app="1"] .map-app .flex.gap-2>button.bg-ink{background-color:var(--ap-sel-a);background-image:linear-gradient(150deg, var(--ap-sel-a), var(--ap-sel-b));color:var(--ap-on-sel);border-color:#0000}html[data-app="1"] .map-app .flex.gap-2>button.bg-ink span{background:var(--ap-on-sel);color:var(--ap-sel-b)}html[data-app="1"] .map-app .rounded-md.bg-panel{border:1px solid var(--ap-glass-edge);background:var(--ap-surface);box-shadow:inset 0 1px 1px var(--ap-glass-in), 0 0 0 .5px var(--ap-rim);border-radius:18px}html[data-app="1"] .map-app details{border-color:var(--ap-chip-line);background:var(--ap-chip-bg);border-radius:14px}html[data-app="1"] .map-app .text-ink-soft{color:var(--ap-muted)}html[data-app="1"] .map-app [role=group][aria-label=地図に出す種類]{gap:6px;padding-block:4px 8px}html[data-app="1"] .map-app [role=group][aria-label=地図に出す種類]>button{--cat:var(--michi);min-height:52px;box-shadow:inset 0 3px 0 var(--cat), inset 0 1px 1px var(--ap-glass-in), 0 0 0 .5px var(--ap-rim);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:16px;font-size:14px;border:1px solid var(--ap-glass-edge)!important;background:var(--ap-surface)!important;color:var(--ap-ink)!important;font-weight:400!important}html[data-app="1"] .map-app [role=group][aria-label=地図に出す種類]>button:nth-child(2){--cat:var(--route)}html[data-app="1"] .map-app [role=group][aria-label=地図に出す種類]>button:nth-child(3){--cat:var(--onsen)}html[data-app="1"] .map-app [role=group][aria-label=地図に出す種類]>button:nth-child(4){--cat:var(--ski)}html[data-app="1"] .map-app [role=group][aria-label=地図に出す種類]>button[aria-pressed=true]{background-color:var(--ap-sel-a)!important;background-image:linear-gradient(150deg, var(--ap-sel-a), var(--ap-sel-b))!important;color:var(--ap-on-sel)!important;border-color:#0000!important;font-weight:700!important}html[data-app="1"] .map-app fieldset{border:1px solid var(--ap-glass-edge);background:var(--ap-surface);box-shadow:inset 0 1px 1px var(--ap-glass-in), 0 0 0 .5px var(--ap-rim);border-radius:18px;margin:0 14px 6px;padding:4px 14px}html[data-app="1"] .map-app fieldset input[type=checkbox]{width:22px;height:22px;accent-color:var(--ap-accent)}html[data-app="1"] .map-app fieldset label{color:var(--ap-ink)}html[data-app="1"] .map-app #map-area{border:1px solid var(--ap-glass-edge);border-radius:18px;margin:0 14px 10px;overflow:hidden}html[data-app="1"] .map-app .ml-cap{color:var(--ap-muted);border:0;margin:4px 16px 0;padding:4px 0 8px;font-size:13px}html[data-app="1"] .map-app .ml-list{align-content:start;gap:8px;padding:0 14px 14px;display:grid;overflow:visible}html[data-app="1"] .map-app .ml-list>li{border:0;min-width:0}html[data-app="1"] .map-app .ml-row{border:1px solid var(--ap-glass-edge);background:var(--ap-surface);box-shadow:inset 0 1px 1px var(--ap-glass-in), 0 0 0 .5px var(--ap-rim);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:18px;padding:12px 14px;display:block}html[data-app="1"] .map-app .ml-row:hover{background:var(--ap-surface)}html[data-app="1"] .map-app .ml-row:active{background:var(--ap-pressed-bg)}html[data-app="1"] .map-app .ml-name{color:var(--ap-ink);margin-top:6px;font-size:17px}html[data-app="1"] .map-app .ml-row .text-route{color:var(--ap-accent);font-size:13px}html[data-app="1"] .map-app .ml-row .text-xs{font-size:13px}html[data-app="1"] .map-app .ml-divider{background:var(--ap-chip-bg);color:var(--ap-ink);border:0;border-radius:12px;margin:6px 14px 8px}html[data-app="1"] .map-app .cat-tag{background:color-mix(in srgb, var(--cat-c) 16%, transparent);border:1px solid color-mix(in srgb, var(--cat-c) 60%, transparent);color:var(--ap-ink);border-radius:8px}html[data-app="1"] .map-app .cat-tag-michi{--cat-c:var(--michi)}html[data-app="1"] .map-app .cat-tag-rv{--cat-c:var(--route)}html[data-app="1"] .map-app .cat-tag-onsen{--cat-c:var(--onsen)}html[data-app="1"] .map-app .cat-tag-ski{--cat-c:var(--ski)}html[data-app="1"] .map-app .ml-row .bg-onsen-soft{background:color-mix(in srgb, var(--onsen) 16%, transparent);color:var(--ap-ink)}html[data-app="1"] .map-app .ski-legend{border:1px solid var(--ap-glass-edge);background:var(--ap-surface);box-shadow:inset 0 1px 1px var(--ap-glass-in), 0 0 0 .5px var(--ap-rim);color:var(--ap-ink);border-radius:18px;margin:0 14px 10px;padding:12px 14px}html[data-app="1"] .map-app .ski-legend-title{color:var(--ap-muted);margin-bottom:8px;font-size:13px}html[data-app="1"] .map-app .ski-legend dd{color:var(--ap-ink-2);font-size:13px}html[data-app="1"] .map-app .ski-legend dl{gap:8px}html[data-app="1"] .map-app p.text-ink-soft{color:var(--ap-muted)}html[data-app="1"] .map-app #map-area.h-\[38dvh\]{height:26dvh;min-height:168px}html[data-app="1"] .map-app .flex.gap-2{flex-wrap:wrap}html[data-app="1"] .map-app .flex.gap-2>select{flex:160px;min-width:160px}html[data-app="1"] .map-app .ml-legend{margin:0 14px 10px}html[data-app="1"] .map-app .ml-legend>summary{cursor:pointer;border:1px solid var(--ap-glass-edge);background:var(--ap-surface);min-height:48px;box-shadow:inset 0 1px 1px var(--ap-glass-in), 0 0 0 .5px var(--ap-rim);color:var(--ap-ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:18px;justify-content:space-between;align-items:center;padding:0 14px;font-size:14px;list-style:none;display:flex}html[data-app="1"] .map-app .ml-legend>summary::-webkit-details-marker{display:none}html[data-app="1"] .map-app .ml-legend>summary:after{content:"＋";color:var(--ap-accent);font-size:18px}html[data-app="1"] .map-app .ml-legend[open]>summary:after{content:"－"}html[data-app="1"] .map-app .ml-legend .ski-legend{margin:8px 0 0}html[data-app="1"] .map-app .ml-legend .ski-legend-title{display:none}html[data-app="1"] .map-app .flex.gap-2{gap:6px}html[data-app="1"] .map-app .flex.gap-2>select{flex:148px;min-width:148px;padding:0 8px;font-size:14px}html[data-app="1"] .map-app .flex.gap-2>button{gap:4px;padding:0 10px}html[data-app="1"] .map-app.h-dvh{height:auto;min-height:calc(100dvh - var(--ap-chrome))}html[data-app="1"] .map-app>div.min-h-0.flex-1{flex:none;overflow:visible}html[data-app="1"] .map-app .ski-tag-open{color:#9ad9b4;background:#182a21;border-color:#6fbf8f}html[data-app="1"] .map-app .ski-tag-unverified{color:#e9eeea;background:#0f171d;border:1px dashed #9fb0ac}html[data-app="1"] .map-app .ski-tag-suspended{color:#f0c75e;background:#2e2410;border-color:#c9a13a}html[data-app="1"] .map-app .ski-tag-closed{color:#ffdad6;background:#8c1d18;border-color:#e0746c}}