.district-kit-scope{--dk-app-bg:oklch(var(--background));--dk-app-card:oklch(var(--card));--dk-app-raise:oklch(var(--muted));--dk-app-border:oklch(var(--border));--dk-app-text:oklch(var(--foreground));--dk-app-text-dim:oklch(var(--muted-foreground));--dk-app-text-faint:oklch(var(--subtle-foreground));--dk-app-accent:oklch(var(--accent));--dk-app-accent-ink:oklch(var(--accent-foreground))}.district-kit{--bg:oklch(0.16 0.008 60);--bg-card:oklch(0.21 0.01 60);--bg-raise:oklch(0.24 0.01 60);--border:oklch(0.30 0.01 60);--text:oklch(0.96 0.008 85);--text-dim:oklch(0.78 0.008 85);--text-faint:oklch(0.58 0.008 85);--accent:oklch(0.72 0.16 50);--accent-deep:oklch(0.62 0.16 50);--accent-ink:oklch(0.14 0.008 60);--green:#7fc97f;--pill-ink:#14161e;--shadow-soft:rgba(0,0,0,.35);--card-shadow:none;--radius:14px;--font-body:var(--font-ui,"Inter",system-ui,-apple-system,sans-serif);font-family:var(--font-body);color:var(--text)}.district-kit.on-light{--bg:var(--dk-app-bg);--bg-card:var(--dk-app-card);--bg-raise:var(--dk-app-raise);--border:var(--dk-app-border);--text:var(--dk-app-text);--text-dim:var(--dk-app-text-dim);--text-faint:color-mix(in oklab,var(--dk-app-text-faint) 70%,var(--dk-app-text));--accent:var(--dk-app-accent);--accent-deep:color-mix(in oklab,var(--dk-app-accent) 82%,#000);--accent-ink:var(--dk-app-accent-ink);--green:#1f7a4c;--shadow-soft:rgba(26,20,22,.16);--card-shadow:0 1px 2px rgba(26,20,22,.05),0 1px 1px rgba(26,20,22,.03)}.district-kit.on-cream{--bg:#f6f1e7;--bg-card:#fffdf8;--bg-raise:#efe8db;--border:#e2d8c8;--text:#1c1915;--text-dim:#5c564c;--text-faint:#6f685e;--accent:#8a5a2b;--accent-deep:#6e4620;--accent-ink:#fffdf8;--green:#1f7a4c;--shadow-soft:rgba(28,25,21,.12);--card-shadow:0 1px 2px rgba(28,25,21,.06)}.district-kit .btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:14.5px;padding:11px 22px;border-radius:999px;transition:background .15s ease}.district-kit .btn:hover{background:var(--accent-deep)}.district-kit .btn.ghost{background:transparent;color:var(--accent);border:1px solid color-mix(in oklab,var(--accent) 55%,var(--border))}.district-kit .btn.ghost:hover{background:color-mix(in oklab,var(--accent) 12%,transparent)}.district-kit .btn.sm{padding:6px 13px;font-size:12.5px}.district-kit .open-now-row{display:flex;align-items:center;gap:8px;margin:0 0 10px}.district-kit .explorer-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;position:sticky;top:60px;z-index:55;background:color-mix(in oklab,var(--bg) 88%,transparent);backdrop-filter:blur(12px);padding:8px 4px;margin:-8px -4px;border-radius:12px}.district-kit .fchip{font-size:13px;padding:7px 14px;border-radius:999px;cursor:pointer;border:1px solid var(--border);color:var(--text-dim);background:var(--bg-raise);font-family:var(--font-body);transition:all .13s ease}.district-kit .fchip.on{border-color:var(--c);color:var(--text);background:color-mix(in oklab,var(--c) 20%,var(--bg-raise))}.district-kit .icat-row{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px}.district-kit .icat-row::-webkit-scrollbar{display:none}.district-kit .icat{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;cursor:pointer;padding:4px 10px 6px;border:none;border-bottom:2px solid transparent;opacity:.45;transition:opacity .15s}.district-kit .icat.on{opacity:1;border-bottom-color:var(--c)}.district-kit .icat-bubble{width:34px;height:34px;border-radius:50%;background:var(--c);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px var(--shadow-soft)}.district-kit .icat-bubble svg{width:17px;height:17px}.district-kit .icat-label{font-size:11px;color:var(--text-dim);font-family:var(--font-body);white-space:nowrap}.district-kit .icat.on .icat-label{color:var(--text);font-weight:600}.district-kit .lc-meta{font-size:12.5px;color:var(--text-dim)}.district-kit .open-badge{font-size:11.5px;font-weight:700;color:var(--text-faint)}.district-kit .open-badge.open{color:var(--green)}.district-kit .open-badge.unknown{font-weight:500}.district-kit .pc-cat{position:absolute;left:10px;bottom:10px;font-size:11.5px;font-weight:700;color:var(--pill-ink);padding:4px 10px;border-radius:999px}.district-kit .pc-titlerow{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.district-kit .pc-title{font-family:var(--font-display);font-size:20px}.district-kit .pc-price{color:var(--text-dim);font-size:14px;flex-shrink:0}.district-kit .pc-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}.district-kit .pc-more{margin-left:auto;color:var(--accent);font-size:13px;font-weight:600;white-space:nowrap}.district-kit .pc-statusrow{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.district-kit .pc-statusrow:empty{display:none}.district-kit .pc-rating{font-size:11.5px;font-weight:700;color:var(--text-dim);white-space:nowrap}.district-kit .pc-specials{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}.district-kit .pc-specials li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:12px;line-height:1.35}.district-kit .sp-tag{flex-shrink:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-ink);background:var(--accent);padding:2px 7px;border-radius:999px}.district-kit .sp-tag.gameday{color:var(--bg-card);background:var(--text)}.district-kit .sp-when{color:var(--text);font-weight:600}.district-kit .sp-what{color:var(--text-dim);flex-basis:100%}.district-kit.list{display:flex;flex-direction:column;gap:14px}.district-kit .loc-count{font-size:12.5px;color:var(--text-faint);margin-left:auto}.district-kit .loc-empty{color:var(--text-dim);font-size:14px;padding:24px 4px}.district-kit .loc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:14px}.district-kit .loc-card{position:relative;display:flex;flex-direction:column;cursor:pointer;text-align:left;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;color:var(--text);box-shadow:var(--card-shadow);transition:border-color .13s,transform .13s,box-shadow .13s}.district-kit .loc-card:hover{border-color:color-mix(in oklab,var(--accent) 55%,var(--border));transform:translateY(-2px)}.district-kit.on-light .loc-card:hover{box-shadow:0 6px 16px rgba(26,20,22,.09)}.district-kit .pc-title-link{color:inherit;text-decoration:none}.district-kit .pc-title-link:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}.district-kit .loc-card:focus-within{outline:2px solid var(--accent);outline-offset:2px}.district-kit .pc-title-link:focus-visible{outline:none}.district-kit .pc-actions{position:relative;z-index:2}.district-kit .loc-media{position:relative;aspect-ratio:16/10;background-size:cover;background-position:50%;background-color:var(--bg-raise)}.district-kit .loc-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}@media (max-width:720px){.district-kit .loc-grid{grid-template-columns:1fr;gap:12px}.district-kit .loc-body{padding:10px 12px 12px}.district-kit .pc-title{font-size:18px}}.district-kit .guide-filters{position:sticky;top:60px;z-index:40;background:color-mix(in oklab,var(--bg) 92%,transparent);backdrop-filter:blur(12px);padding:8px 0 10px;display:flex;flex-direction:column;gap:8px}.district-kit .cat-pill-row,.district-kit .essentials-rail,.district-kit .quick-chip-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.district-kit .cat-pill-row::-webkit-scrollbar,.district-kit .essentials-rail::-webkit-scrollbar,.district-kit .quick-chip-row::-webkit-scrollbar{display:none}.district-kit .cat-pill,.district-kit .quick-chip{flex:0 0 auto;font-family:var(--font-body);font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text)}.district-kit .cat-pill.on{background:var(--text);color:var(--bg-card);border-color:var(--text)}.district-kit .cat-pill.on .pill-count{color:inherit;opacity:.75}.district-kit .quick-chip.on{background:color-mix(in oklab,var(--text) 10%,var(--bg-card));border-color:var(--text)}.district-kit .quick-chip.sm{font-size:12px;padding:5px 10px}.district-kit .pill-count{font-weight:600;color:var(--text-faint);margin-left:4px}.district-kit .status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1f7a4c;margin-right:6px;vertical-align:baseline}.district-kit .pc-kicker{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.district-kit .pc-hook{margin:2px 0 0;padding:8px 10px;background:var(--bg-raise);border-radius:10px;font-size:13px;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.district-kit .pc-badge{position:absolute;z-index:3;top:10px;left:10px;font-size:11.5px;font-weight:700;color:#fffdf8;background:rgba(28,25,21,.78);padding:4px 9px;border-radius:999px}.district-kit .pc-badge[data-tone=walk]{background:#8a5a2b}.district-kit .pc-badge[data-tone=events]{background:#6b3a55}.district-kit .pc-badge[data-tone=special]{background:#1c1915}.district-kit .pc-badge[data-tone=free]{background:#1f7a4c}.district-kit .pc-save-btn{position:absolute;z-index:3;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;background:rgba(255,253,248,.94);color:#1c1915;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(28,25,21,.18)}.district-kit .pc-save-btn svg{width:18px;height:18px}.district-kit .pc-save-btn.is-saved{color:#9a3412}.district-kit .map-preview-title .pc-save-btn{position:static;width:30px;height:30px;flex-shrink:0}.district-kit .essentials{display:flex;flex-direction:column;gap:10px}.district-kit .essentials-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.district-kit .essentials-head h3{margin:0;font-family:var(--font-display);font-size:28px;font-weight:400}.district-kit .essentials-head p{margin:2px 0 0;font-size:13.5px;color:var(--text-dim);max-width:46rem}.district-kit .essentials-nav{display:none;gap:6px}.district-kit .essentials-nav button{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;font-size:20px;line-height:1}.district-kit .essentials-rail{scroll-snap-type:x mandatory;padding-bottom:4px}.district-kit .essential-card{flex:0 0 260px;scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--card-shadow);position:relative}.district-kit .essential-media{position:relative;aspect-ratio:4/3;background:var(--bg-raise)}.district-kit .essential-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}.district-kit .essential-body .pc-title{font-size:18px}.district-kit .guide-results-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.district-kit .guide-results-head h3{margin:0;font-family:var(--font-display);font-size:26px;font-weight:400}.district-kit .show-all{align-self:center;margin-top:4px;font-family:var(--font-body);font-weight:650;font-size:14px;padding:10px 18px;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text)}.district-kit .loc-card.is-active{border-color:var(--text)}.district-kit .loc-card{content-visibility:auto;contain-intrinsic-size:auto 380px}.district-kit .district-map-col,.district-kit .mobile-map-fab{display:none}@media (min-width:1024px){.district-kit .essentials-nav{display:flex}.district-kit .essential-card{flex-basis:280px}.district-kit .district-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);gap:18px;align-items:start}.district-kit .district-map-col{display:block;position:sticky;top:72px;height:calc(100vh - 88px)}.district-kit .loc-grid{grid-template-columns:1fr 1fr}}@media (max-width:1023px){.district-kit .mobile-map-fab{display:inline-flex;align-items:center;justify-content:center;position:fixed;z-index:60;bottom:20px;left:50%;transform:translateX(-50%);background:#1c1915;color:#fffdf8;border:0;border-radius:999px;padding:12px 18px;font-family:var(--font-body);font-weight:700;font-size:14px;box-shadow:0 8px 24px rgba(28,25,21,.28);cursor:pointer}.district-kit .district-split.is-map .district-main{display:none}.district-kit .district-split.is-map .district-map-col{display:block;height:72vh}}.district-kit .district-map{position:relative;height:100%;min-height:280px;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--bg-raise)}.district-kit .district-map-bar{position:absolute;z-index:500;top:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.district-kit .district-map-label{background:rgba(255,253,248,.94);color:#1c1915;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.district-kit .district-map-loading{height:100%;min-height:280px;background:var(--bg-raise)}.district-kit .map-preview-card{position:absolute;z-index:500;left:10px;right:10px;bottom:10px;display:flex;gap:10px;padding:8px;background:var(--bg-card);color:var(--text);border-radius:14px;box-shadow:0 8px 24px rgba(28,25,21,.18)}.district-kit .map-preview-media{width:84px;height:84px;flex-shrink:0;border-radius:10px;overflow:hidden;position:relative}.district-kit .map-preview-body{min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}.district-kit .map-preview-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.district-kit .map-preview-title strong{font-family:var(--font-display);font-size:18px;line-height:1.15}.district-kit .map-preview-link{color:var(--accent);font-size:13px;font-weight:700;text-decoration:none}.district-kit .dk-pin-wrap{background:none;border:0}.district-kit .dk-pin{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(28,25,21,.28);border:2px solid #fffdf8}.district-kit .dk-pin svg{width:16px;height:16px}.district-kit .dk-pin.is-active{transform:scale(1.18);box-shadow:0 0 0 3px #1c1915}.district-kit .dk-stop{width:22px;height:22px;border-radius:50%;background:#1c1915;color:#fffdf8;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.dk-pin-wrap{background:none!important;border:0!important}.dk-pin{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(28,25,21,.28);border:2px solid #fffdf8}.dk-pin svg{width:16px;height:16px}.dk-pin.is-active{transform:scale(1.18);box-shadow:0 0 0 3px #1c1915}.dk-stop{width:22px;height:22px;border-radius:50%;background:#1c1915;color:#fffdf8;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}