:root{--kt-card: rgb(255 255 255 / .94);--kt-ink: #17191A;--kt-dim: #5A5E60;--kt-rule: #DCDAD2;--kt-on: #17191A;--kt-onink: #fff}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--kt-card: rgb(22 24 28 / .94);--kt-ink: #ECECEE;--kt-dim: #A6A7AB;--kt-rule: #33363A;--kt-on: #ECECEE;--kt-onink: #121416}}:root[data-theme=dark]{--kt-card: rgb(22 24 28 / .94);--kt-ink: #ECECEE;--kt-dim: #A6A7AB;--kt-rule: #33363A;--kt-on: #ECECEE;--kt-onink: #121416}.kt{position:relative;height:calc(100dvh - var(--kt-top, 104px));overflow:hidden;color:var(--kt-ink)}#kt-map{position:absolute;inset:0}.kt-card{position:absolute;left:var(--mlc-x, 20px);top:18px;width:340px;max-height:calc(100% - 150px);overflow-y:auto;box-sizing:border-box;padding:16px 18px;border-radius:14px;background:var(--kt-card);border:1px solid var(--kt-rule);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kt-kicker{margin:0 0 4px;font:600 11.5px Space Grotesk,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--kt-dim)}.kt-name{margin:0 0 8px;font:italic 400 30px/1.05 "DM Serif Display",Georgia,serif}.kt-use{margin:0 0 14px;font-size:14.5px;line-height:1.45}.kt-legend:empty{display:none}.kt-legend{padding:12px 0;border-top:1px solid var(--kt-rule);border-bottom:1px solid var(--kt-rule);margin-bottom:12px}.kt-data,.kt-note{margin:0 0 8px;font-size:12.5px;line-height:1.45;color:var(--kt-dim)}.kt-note:empty{display:none}.kt-row{display:flex;align-items:center;gap:8px;margin-top:12px}.kt-btn{font:600 15px Space Grotesk,sans-serif;min-width:40px;min-height:38px;padding:0 12px;border-radius:9px;border:1px solid var(--kt-rule);background:transparent;color:inherit;cursor:pointer}.kt-btn:hover{border-color:var(--kt-ink)}.kt-btn:focus-visible{outline:2px solid var(--kt-ink);outline-offset:2px}.kt-play{min-width:76px;font-size:13.5px}.kt-count{margin-left:auto;font:12px Space Mono,monospace;color:var(--kt-dim);white-space:nowrap}.kt-themes{position:absolute;right:56px;top:12px;display:flex;flex-wrap:wrap;gap:3px;padding:3px;border-radius:10px;background:var(--kt-card);border:1px solid var(--kt-rule)}.kt-themes button{font:500 12.5px Space Grotesk,sans-serif;padding:6px 10px;border-radius:7px;border:0;background:none;color:var(--kt-dim);cursor:pointer;white-space:nowrap}.kt-themes button[aria-checked=true]{background:var(--kt-on);color:var(--kt-onink)}.kt-themes button:focus-visible{outline:2px solid var(--kt-ink)}.kt-strip{position:absolute;left:0;right:0;bottom:0;display:flex;gap:8px;overflow-x:auto;padding:10px var(--mlc-x, 20px) 12px;scroll-snap-type:x proximity;background:linear-gradient(to top,var(--kt-card) 62%,transparent);scrollbar-width:thin}.kt-grp{flex:none;display:flex;flex-direction:column;justify-content:flex-end;padding:0 4px 6px 6px;font:600 11px Space Grotesk,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--kt-dim);writing-mode:vertical-rl;transform:rotate(180deg)}.kt-tile{flex:none;width:136px;scroll-snap-align:start;border:1px solid var(--kt-rule);border-radius:10px;background:var(--kt-card);padding:0;cursor:pointer;overflow:hidden;color:inherit;text-align:left}.kt-tile img{display:block;width:100%;height:72px;-o-object-fit:cover;object-fit:cover;background:var(--kt-rule)}.kt-tile span{display:flex;align-items:center;min-height:2.5em;padding:5px 8px 7px;font:500 12px/1.25 Space Grotesk,sans-serif}.kt-tile[aria-current=true]{border-color:var(--kt-ink);box-shadow:0 0 0 1.5px var(--kt-ink)}.kt-tile:focus-visible{outline:2px solid var(--kt-ink);outline-offset:2px}.kt .maplibregl-ctrl-bottom-right,.kt .maplibregl-ctrl-bottom-left{bottom:104px}@media (max-width: 760px){.kt{height:calc(100svh - var(--kt-top, 57px))}.kt-card{left:var(--mlc-x, 16px);right:var(--mlc-x, 16px);top:auto;bottom:104px;width:auto;max-height:36%;padding:12px 14px}.kt-data,.kt-note{display:none}.kt-legend{padding:8px 0;margin-bottom:4px}.kt-row{margin-top:8px}.kt .maplibregl-ctrl-bottom-right{top:124px;bottom:auto}.kt-name{font-size:24px}.kt-use{font-size:13.5px;margin-bottom:10px}.kt-themes{right:52px;left:var(--mlc-x, 16px);top:10px;flex-wrap:nowrap;overflow-x:auto}.kt-tile{width:116px}.kt-tile img{height:56px}}
