.dir-shell{--dir-bg:#0a0a0a;--dir-card:#111;--dir-card-2:#161616;--dir-border:#2a2a2a;--dir-ink:#f5f5f5;--dir-ink-soft:#9ca3af;--dir-ink-mute:#6b7280;--dir-accent:#f5a524;--dir-nav:4rem;height:calc(100dvh - var(--dir-nav));background:var(--dir-bg);min-height:560px;color:var(--dir-ink);grid-template-columns:minmax(340px,440px) 1fr;display:grid;position:relative}@media (min-width:1024px){.dir-shell{--dir-nav:5rem}}.dir-shell--compact{border:1px solid var(--dir-border);border-radius:18px;height:560px;min-height:0;overflow:hidden}.dir-panel{border-right:1px solid var(--dir-border);background:var(--dir-bg);flex-direction:column;min-width:0;min-height:0;display:flex}.dir-search{flex-direction:column;gap:.6rem;padding:1rem 1rem .5rem;display:flex}.dir-place{position:relative}.dir-place-icon{width:18px;height:18px;color:var(--dir-ink-mute);pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.dir-place input{border:1px solid var(--dir-border);background:var(--dir-card);width:100%;color:var(--dir-ink);font:inherit;border-radius:12px;outline:none;padding:.85rem 2.5rem .85rem 2.6rem;font-size:.98rem;transition:border-color .18s}.dir-place input::-webkit-search-cancel-button{display:none}.dir-place input:focus{border-color:var(--dir-accent)}.dir-place-clear{color:var(--dir-ink-mute);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.35rem;display:inline-flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.dir-place-clear svg{width:16px;height:16px}.dir-place-list{z-index:30;border:1px solid var(--dir-border);background:#0f0f0f;border-radius:12px;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;box-shadow:0 18px 40px #0009}.dir-place-list button{width:100%;color:var(--dir-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;gap:.1rem;padding:.55rem .7rem;display:flex}.dir-place-list button:hover,.dir-place-list button:focus-visible{background:#1a1a1a}.dir-place-list strong{font-size:.95rem;font-weight:700}.dir-place-list span{color:var(--dir-ink-soft);font-size:.78rem}.dir-locate{color:var(--dir-accent);font:inherit;cursor:pointer;background:#f5a5241a;border:1px solid #f5a52459;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.9rem;font-weight:700;transition:background .18s;display:inline-flex}.dir-locate:hover{background:#f5a5242e}.dir-locate:disabled{opacity:.7;cursor:wait}.dir-locate svg{width:18px;height:18px}.dir-spin{animation:.9s linear infinite dir-spin}@keyframes dir-spin{to{transform:rotate(360deg)}}.dir-note{color:var(--dir-ink-soft);margin:0;padding:.5rem 1rem;font-size:.85rem}.dir-note--warn{color:#fbbf24}.dir-filters{scrollbar-width:none;gap:.4rem;padding:.5rem 1rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),#0000)}.dir-filters::-webkit-scrollbar{display:none}.dir-chip{border:1px solid var(--dir-border);white-space:nowrap;color:var(--dir-ink-soft);border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.74rem;font-weight:600;line-height:1.4;display:inline-flex}.dir-chip--btn{background:var(--dir-card);color:var(--dir-ink-soft);font:inherit;cursor:pointer;padding:.4rem .85rem;font-size:.82rem;font-weight:600;transition:border-color .18s,color .18s,background .18s}.dir-chip--btn:hover{border-color:var(--dir-ink-mute);color:var(--dir-ink)}.dir-chip--btn.is-on{border-color:var(--dir-accent);color:var(--dir-accent);background:#f5a5241f}.dir-chip--claimed.is-on{background:var(--dir-accent);color:#1a1206}.dir-count{border-bottom:1px solid var(--dir-border);letter-spacing:.02em;text-transform:uppercase;color:var(--dir-ink-mute);align-items:center;gap:.5rem;padding:.35rem 1rem .5rem;font-size:.82rem;font-weight:600;display:flex}.dir-count span{align-items:center;gap:.4rem;display:inline-flex}.dir-count svg{width:14px;height:14px}.dir-list{overscroll-behavior:contain;flex:1;min-height:0;padding:.6rem .75rem 1.25rem;overflow-y:auto}.dir-empty{border:1px dashed var(--dir-border);color:var(--dir-ink-soft);border-radius:14px;margin:1rem .25rem;padding:1.25rem;font-size:.92rem;line-height:1.55}.dir-city-list{margin:0;padding:0;list-style:none}.dir-city-list button{border:0;border-bottom:1px solid var(--dir-border);width:100%;color:var(--dir-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:.7rem .85rem;display:flex}.dir-city-list button:hover{background:var(--dir-card)}.dir-city-list span{color:var(--dir-accent);font-size:.8rem;font-weight:700}.dir-card{--dir-border:#2a2a2a;--dir-card:#111;--dir-card-2:#161616;--dir-ink:#f5f5f5;--dir-ink-soft:#9ca3af;--dir-ink-mute:#6b7280;border:1px solid var(--dir-border);background:var(--dir-card);cursor:pointer;border-radius:14px;margin-bottom:.6rem;padding:.9rem 1rem;transition:border-color .18s,background .18s;position:relative}.dir-card:hover{border-color:var(--dir-ink-mute);background:var(--dir-card-2)}.dir-card--selected{border-color:var(--dir-accent);box-shadow:0 0 0 1px var(--dir-accent)}.dir-card--claimed{border-color:color-mix(in srgb, var(--dir-accent,#f5a524) 45%, var(--dir-border,#2a2a2a));background:linear-gradient(180deg, color-mix(in srgb, var(--dir-accent,#f5a524) 7%, var(--dir-card,#111)), var(--dir-card,#111))}.dir-card-head{align-items:flex-start;gap:.75rem;display:flex}.dir-card-icon{background:color-mix(in srgb, var(--dir-accent,#f5a524) 14%, transparent);width:40px;height:40px;color:var(--dir-accent,#f5a524);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.dir-card-icon svg{width:20px;height:20px}.dir-card-icon img{object-fit:cover;width:100%;height:100%}.dir-card-title{flex:1;min-width:0}.dir-card-title h3{margin:0;font-size:1rem;font-weight:700;line-height:1.3}.dir-card-title a{color:var(--dir-ink);text-decoration:none}.dir-card-title a:hover{text-decoration:underline}.dir-card-meta{color:var(--dir-ink-soft);flex-wrap:wrap;align-items:center;gap:.35rem;margin:.25rem 0 0;font-size:.82rem;display:flex}.dir-card-distance{color:var(--dir-ink-soft);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.8rem;font-weight:700}.dir-card-claimed{color:var(--dir-ink-soft);flex-wrap:wrap;align-items:center;gap:.5rem;margin:.6rem 0 0;font-size:.8rem;display:flex}.dir-tag{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.68rem;font-weight:800;display:inline-flex}.dir-tag--claimed{background:var(--dir-accent,#f5a524);color:#1a1206}.dir-card-line{color:var(--dir-ink-soft);flex-wrap:wrap;gap:.4rem 1rem;margin:.6rem 0 0;font-size:.84rem;line-height:1.45;display:flex}.dir-card-line span{align-items:center;gap:.35rem;min-width:0;display:inline-flex}.dir-card-line svg{flex-shrink:0;width:14px;height:14px}.dir-open{color:#86efac}.dir-closed{color:#f87171}.dir-card-cta{background:var(--dir-accent,#f5a524);color:#1a1206;border-radius:9px;align-items:center;gap:.3rem;margin-top:.7rem;padding:.45rem .85rem;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex}.dir-card-cta svg{width:14px;height:14px}.dir-map-wrap{min-width:0;min-height:0;position:relative}.dir-map{background:#0d0d0d;width:100%;height:100%}.dir-map--loading{background:linear-gradient(90deg,#0d0d0d 25%,#141414 50%,#0d0d0d 75%) 0 0/200% 100%;animation:1.4s infinite dir-shimmer}@keyframes dir-shimmer{to{background-position:-200% 0}}.dir-search-here{z-index:5;border:1px solid var(--dir-border);color:var(--dir-ink);font:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0a0a0aeb;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex;position:absolute;top:.9rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.dir-search-here svg{width:15px;height:15px;color:var(--dir-accent)}.dir-view-toggle{display:none}.dir-map .maplibregl-ctrl-group{border:1px solid var(--dir-border);box-shadow:none;background:#0a0a0aeb}.dir-map .maplibregl-ctrl-group button{filter:invert()hue-rotate(180deg)}.dir-map .maplibregl-ctrl-attrib{color:var(--dir-ink-soft);background:#0a0a0abf;font-size:10px}.dir-map .maplibregl-ctrl-attrib a{color:var(--dir-ink-soft)}@media (max-width:899px){.dir-shell{grid-template-rows:1fr;grid-template-columns:1fr}.dir-panel{border-right:0}.dir-map-wrap,.dir-shell--map .dir-panel{display:none}.dir-shell--map .dir-map-wrap{display:block}.dir-view-toggle{z-index:6;background:var(--dir-accent);color:#1a1206;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.45rem;padding:.7rem 1.2rem;font-size:.9rem;font-weight:800;display:inline-flex;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0000008c}.dir-view-toggle svg{width:16px;height:16px}.dir-shell--compact{height:70dvh}}.dir-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.dir-stat{border:1px solid var(--dir-border,#2a2a2a);background:#111;border-radius:16px;padding:1.25rem 1.2rem}.dir-stat strong{color:#f5a524;font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1.1;display:block}.dir-stat span{color:#9ca3af;margin-top:.3rem;font-size:.85rem;display:block}.dir-city-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.dir-city-grid a{color:#f5f5f5;background:#111;border:1px solid #2a2a2a;border-radius:12px;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding:.75rem .9rem;text-decoration:none;transition:border-color .18s;display:flex}.dir-city-grid a:hover{border-color:#f5a524}.dir-city-grid strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.92rem;font-weight:700;overflow:hidden}.dir-city-grid small{color:#6b7280;font-size:.75rem;font-weight:500;display:block}.dir-city-grid span{color:#f5a524;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.8rem;font-weight:700}.dir-attribution{color:#6b7280;font-size:.78rem;line-height:1.6}.dir-attribution a{color:#9ca3af}.dir-detail{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.5rem;display:grid}@media (max-width:899px){.dir-detail{grid-template-columns:1fr}}.dir-box{background:#111;border:1px solid #2a2a2a;border-radius:16px;padding:1.25rem}.dir-box h2{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin:0 0 .75rem;font-size:.78rem;font-weight:700}.dir-actions{flex-wrap:wrap;gap:.5rem;display:flex}.dir-action{color:#f5f5f5;background:#161616;border:1px solid #2a2a2a;border-radius:10px;align-items:center;gap:.4rem;padding:.6rem .95rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:border-color .18s;display:inline-flex}.dir-action:hover{border-color:#f5a524}.dir-action--primary{color:#1a1206;background:#f5a524;border-color:#0000}.dir-action svg{width:16px;height:16px}.dir-hours{border-collapse:collapse;width:100%;font-size:.9rem}.dir-hours td{color:#d1d5db;border-bottom:1px solid #1f1f1f;padding:.35rem 0}.dir-hours td:first-child{color:#9ca3af;width:3.5rem}.dir-hours tr.is-today td{color:#f5a524;font-weight:700}.dir-detail-map{border:1px solid #2a2a2a;border-radius:16px;height:320px;overflow:hidden}.dir-plans{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem;display:grid}.dir-plan{background:#161616;border:1px solid #2a2a2a;border-radius:12px;padding:.85rem .9rem}.dir-plan strong{font-size:.95rem;display:block}.dir-plan span{color:#f5a524;margin-top:.15rem;font-size:1.1rem;font-weight:800;display:block}.dir-plan small{color:#9ca3af}.dir-claim{background:linear-gradient(#f5a5241a,#f5a52405);border:1px solid #f5a52459;border-radius:16px;padding:1.4rem}.dir-claim h2{color:#f5f5f5;margin:0 0 .4rem;font-size:1.2rem;font-weight:800}.dir-claim p{color:#9ca3af;margin:0 0 1rem;font-size:.92rem;line-height:1.55}.dir-breadcrumb{color:#6b7280;flex-wrap:wrap;gap:.35rem;margin:0 0 1rem;padding:0;font-size:.82rem;list-style:none;display:flex}.dir-breadcrumb a{color:#9ca3af;text-decoration:none}.dir-breadcrumb a:hover{color:#f5a524}.dir-breadcrumb li+li:before{content:"/";color:#3a3a3a;margin-right:.35rem}