html,body,#root{min-height:100%;margin:0}body{overflow:auto}.ls-shell{min-height:100vh;display:flex;flex-direction:column;background:#f4f6fb;color:#172033;font:14px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ls-topbar{height:58px;flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 5px rgba(15,23,42,.06);z-index:20}.ls-title{display:flex;flex-direction:column;min-width:150px}.ls-title strong{font-size:15px}.ls-crumb{font-size:12px;color:#64748b}.ls-back{border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer}.ls-controls{margin-left:auto;display:flex;gap:8px;align-items:center}.ls-main{flex:0 0 auto;min-height:0;position:relative;display:flex;flex-direction:column;padding:10px}.ls-map-panel{height:min(72vh,calc(100vh - 138px));min-height:420px;position:relative;display:flex;flex-direction:column}.ls-country-bar{flex:0 0 auto;padding:7px 10px;color:#475569;font-size:12px}.ls-map-box{flex:1;min-height:0;position:relative;border:1px solid #dbe2ee;background:#fff;border-radius:16px;overflow:hidden;touch-action:none;user-select:none}.ls-map-box svg{position:absolute;inset:0;width:100%;height:100%;display:block}.ls-map-box g,.ls-map-box path,.ls-map-box polygon,.ls-map-box circle,.ls-map-box rect,.ls-map-box ellipse{pointer-events:auto;cursor:pointer}.ls-map-box path,.ls-map-box polygon,.ls-map-box circle,.ls-map-box rect,.ls-map-box ellipse{fill:#d4d9e8;stroke:#8792a4;stroke-width:.5px;vector-effect:non-scaling-stroke;transition:fill .12s}.ls-map-box g:hover path,.ls-map-box path:hover,.ls-map-box polygon:hover,.ls-map-box circle:hover,.ls-map-box rect:hover,.ls-map-box ellipse:hover{fill:#a8b4ca}.ls-map-box .__p path,.ls-map-box .__p polygon,.ls-map-box .__p circle,.ls-map-box .__p rect,.ls-map-box .__p ellipse{fill:#2563eb!important;stroke:#fff!important}.ls-map-box .__s path,.ls-map-box .__s polygon,.ls-map-box .__s circle,.ls-map-box .__s rect,.ls-map-box .__s ellipse{fill:#93c5fd!important;stroke:#fff!important}.ls-map-box .__hover path,.ls-map-box .__hover polygon,.ls-map-box .__hover circle,.ls-map-box .__hover rect,.ls-map-box .__hover ellipse,.ls-map-box path.__hover,.ls-map-box polygon.__hover,.ls-map-box circle.__hover,.ls-map-box rect.__hover,.ls-map-box ellipse.__hover{fill:#f59e0b!important;stroke:#fff!important;stroke-width:1.2px!important}.ls-map-box .__selected path,.ls-map-box .__selected polygon,.ls-map-box .__selected circle,.ls-map-box .__selected rect,.ls-map-box .__selected ellipse,.ls-map-box path.__selected,.ls-map-box polygon.__selected,.ls-map-box circle.__selected,.ls-map-box rect.__selected,.ls-map-box ellipse.__selected{fill:#f97316!important;stroke:#111827!important;stroke-width:1.6px!important;}.ls-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#64748b}.ls-error{color:#b91c1c}.ls-info{position:relative;left:auto;bottom:auto;z-index:10;width:auto;max-height:none;overflow:visible;margin:0 10px 10px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border:1px solid #dbe2ee;border-radius:16px;box-shadow:0 10px 34px rgba(15,23,42,.14);padding:12px}.ls-info>strong{display:block;color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:11px;margin-bottom:4px}.ls-info h3{font-size:16px;margin:0 0 6px}.ls-info h4{font-size:12px;margin:10px 0 3px;color:#2563eb;text-transform:uppercase;letter-spacing:.04em}.ls-info p{margin:5px 0;line-height:1.45}.ls-info-group{margin-top:8px}.ls-info-group b{display:block;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.ls-muted{color:#64748b;font-size:12px}.ls-meta{font-size:12px;color:#334155}.ls-pill,.ls-badge{display:inline-flex;align-items:center;gap:4px;border:1px solid #dbe2ee;background:#fff;border-radius:999px;padding:4px 9px;margin:2px 3px 2px 0;font-size:12px}.ls-pill{cursor:pointer}.ls-pill:hover{border-color:#2563eb;background:#eff6ff;color:#2563eb}.ls-pill small{color:#64748b}.ls-dd{position:relative;width:220px}.ls-dd-btn{width:100%;height:36px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.ls-dd-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dd-menu{display:none;position:absolute;left:0;right:auto;top:calc(100% + 8px);bottom:auto;width:min(360px,calc(100vw - 24px));max-height:min(360px,calc(100vh - 120px));background:#fff;border:1px solid #dbe2ee;border-radius:14px;box-shadow:0 14px 38px rgba(15,23,42,.18);padding:8px;z-index:80}.ls-dd.open .ls-dd-menu{display:block}.ls-controls .ls-dd:last-child .ls-dd-menu{left:auto;right:0}.ls-info #ls-info-body{max-width:1100px}.ls-info .ls-info-group{scroll-margin-top:80px}.ls-dd-filter{width:100%;height:34px;border:1px solid #dbe2ee;border-radius:10px;padding:0 10px;margin-bottom:7px}.ls-dd-list{max-height:min(290px,calc(100vh - 190px));overflow:auto}.ls-dd-item{width:100%;border:0;background:#fff;border-radius:9px;padding:8px 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;text-align:left}.ls-dd-item:hover{background:#eff6ff}.ls-dd-item small{color:#64748b;font-size:11px}.ls-dd-empty{padding:12px;color:#64748b}.ls-debug{position:absolute;right:16px;bottom:16px;z-index:31;width:min(420px,calc(100vw - 32px));max-height:230px;overflow:auto;background:rgba(15,23,42,.88);color:#e2e8f0;border-radius:14px;padding:8px}.ls-debug summary{cursor:pointer;font-size:12px}.ls-debug pre{white-space:pre-wrap;font-size:11px;line-height:1.35}@media(max-width:760px){.ls-topbar{height:auto;align-items:stretch;flex-wrap:wrap}.ls-controls{width:100%;margin-left:0}.ls-dd{width:50%;min-width:0}.ls-dd-menu{left:0!important;right:auto!important;width:calc(100vw - 24px)}.ls-main{padding:6px}.ls-map-panel{height:62vh;min-height:340px}.ls-info{margin:0 6px 8px;width:auto}}
/* PHASE 18.6 REAL SCROLL + CHROME SVG STICKY FIX */
html,body,#root{height:100%;min-height:100%;overflow:hidden!important;}
.ls-shell{height:100dvh;max-height:100dvh;min-height:0;overflow-y:auto!important;overflow-x:clip;display:flex;flex-direction:column;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}
.ls-topbar{position:sticky;top:0;z-index:90;flex:0 0 auto;}
.ls-main{flex:0 0 auto!important;min-height:0;overflow:visible!important;padding-bottom:10px;}
.ls-map-panel{flex:0 0 auto!important;height:min(62dvh,640px)!important;min-height:360px!important;}
.ls-info{flex:0 0 auto!important;position:relative!important;margin:12px 10px 28px!important;max-height:none!important;overflow:visible!important;z-index:1!important;}
.ls-info #ls-info-body{max-height:none!important;overflow:visible!important;}
.ls-dd-menu{position:fixed!important;left:var(--ls-dd-left,12px)!important;right:auto!important;top:var(--ls-dd-top,70px)!important;bottom:auto!important;width:var(--ls-dd-width,min(380px,calc(100vw - 24px)))!important;max-width:calc(100vw - 24px)!important;max-height:min(420px,calc(100dvh - 96px))!important;z-index:9999!important;}
.ls-dd-list{max-height:min(340px,calc(100dvh - 170px))!important;overflow:auto!important;}
.ls-map-box .__hover,.ls-map-box .__selected{pointer-events:auto;}
.ls-map-box .__hover path,.ls-map-box .__hover polygon,.ls-map-box .__hover circle,.ls-map-box .__hover rect,.ls-map-box .__hover ellipse,.ls-map-box path.__hover,.ls-map-box polygon.__hover,.ls-map-box circle.__hover,.ls-map-box rect.__hover,.ls-map-box ellipse.__hover{transition:none!important;}
.ls-map-box .__selected path,.ls-map-box .__selected polygon,.ls-map-box .__selected circle,.ls-map-box .__selected rect,.ls-map-box .__selected ellipse,.ls-map-box path.__selected,.ls-map-box polygon.__selected,.ls-map-box circle.__selected,.ls-map-box rect.__selected,.ls-map-box ellipse.__selected{transition:none!important;filter:none!important;}
@media(max-width:760px){.ls-map-panel{height:56dvh!important;min-height:300px!important}.ls-info{margin:10px 6px 24px!important}.ls-controls{align-items:flex-start}.ls-dd{width:calc(50% - 4px)!important}}
/* Intro-Audio buttons for language entries */
.ls-lang-inline{
display:inline-flex;
align-items:center;
gap:.35rem;
flex-wrap:wrap;
margin:.16rem .18rem .16rem 0;
}
.ls-audio-row{
display:flex;
align-items:center;
gap:.5rem;
margin:.35rem 0 .65rem;
}
.ls-audio-btn{
appearance:none;
border:1px solid rgba(31,41,55,.18);
background:rgba(255,255,255,.92);
color:var(--sn-k-text, #111827);
border-radius:999px;
padding:.34rem .58rem;
font:inherit;
font-size:.86rem;
line-height:1;
cursor:pointer;
box-shadow:0 1px 2px rgba(0,0,0,.06);
}
.ls-audio-btn:hover,
.ls-audio-btn:focus-visible{
border-color:rgba(37,99,235,.45);
background:rgba(239,246,255,.96);
outline:none;
}
/* ── Option A: Lern-Button ─────────────────────────────────────────────────── */
.ls-learn-btn{
display:inline-flex;align-items:center;gap:.4rem;
padding:.38rem .72rem;border-radius:999px;font:inherit;font-size:.84rem;
background:#2563eb;color:#fff;border:none;cursor:pointer;
text-decoration:none;box-shadow:0 1px 4px rgba(37,99,235,.25);
transition:background .12s,box-shadow .12s;
margin:.4rem 0 .2rem;
}
.ls-learn-btn:hover,.ls-learn-btn:focus-visible{
background:#1d4ed8;box-shadow:0 2px 8px rgba(37,99,235,.35);outline:none;
}
.ls-learn-btn__native{font-size:1.05em;font-weight:600;margin:0 .1rem;}
/* ── Option B: Schrift-Chip ────────────────────────────────────────────────── */
.ls-script-chip{
display:inline-flex;align-items:center;gap:.3rem;
border:1px solid #2563eb33;background:#eff6ff;color:#1d4ed8;
border-radius:999px;padding:.22rem .6rem;font-size:12px;font-weight:500;
}
.ls-script-chip__native{font-size:1.1em;}
/* ── Option C: Schrift-Overlay Toggle ─────────────────────────────────────── */
.ls-script-toggle{
height:36px;padding:0 12px;border:1px solid #cbd5e1;border-radius:11px;
background:#fff;cursor:pointer;font:inherit;font-size:13px;white-space:nowrap;
}
.ls-script-toggle.ls-script-toggle--active{
background:#0f172a;color:#f8fafc;border-color:#0f172a;
}
/* Länderfärbung nach Schrift (26 Farben — eine je Katalog-scriptId) */
.ls-map-box .ls-sc-Arab path,.ls-map-box .ls-sc-Arab polygon{fill:#f87171!important}
.ls-map-box .ls-sc-Latn path,.ls-map-box .ls-sc-Latn polygon{fill:#4ade80!important}
.ls-map-box .ls-sc-Cyrl path,.ls-map-box .ls-sc-Cyrl polygon{fill:#fb923c!important}
.ls-map-box .ls-sc-Deva path,.ls-map-box .ls-sc-Deva polygon{fill:#fbbf24!important}
.ls-map-box .ls-sc-Hani path,.ls-map-box .ls-sc-Hani polygon{fill:#a78bfa!important}
.ls-map-box .ls-sc-Hebr path,.ls-map-box .ls-sc-Hebr polygon{fill:#818cf8!important}
.ls-map-box .ls-sc-Thai path,.ls-map-box .ls-sc-Thai polygon{fill:#38bdf8!important}
.ls-map-box .ls-sc-Tibt path,.ls-map-box .ls-sc-Tibt polygon{fill:#f472b6!important}
.ls-map-box .ls-sc-Mymr path,.ls-map-box .ls-sc-Mymr polygon{fill:#34d399!important}
.ls-map-box .ls-sc-Beng path,.ls-map-box .ls-sc-Beng polygon{fill:#2dd4bf!important}
.ls-map-box .ls-sc-Grek path,.ls-map-box .ls-sc-Grek polygon{fill:#60a5fa!important}
.ls-map-box .ls-sc-Armn path,.ls-map-box .ls-sc-Armn polygon{fill:#e879f9!important}
.ls-map-box .ls-sc-Guru path,.ls-map-box .ls-sc-Guru polygon{fill:#f97316!important}
.ls-map-box .ls-sc-Gujr path,.ls-map-box .ls-sc-Gujr polygon{fill:#eab308!important}
.ls-map-box .ls-sc-Taml path,.ls-map-box .ls-sc-Taml polygon{fill:#84cc16!important}
.ls-map-box .ls-sc-Telu path,.ls-map-box .ls-sc-Telu polygon{fill:#06b6d4!important}
.ls-map-box .ls-sc-Knda path,.ls-map-box .ls-sc-Knda polygon{fill:#8b5cf6!important}
.ls-map-box .ls-sc-Mlym path,.ls-map-box .ls-sc-Mlym polygon{fill:#ec4899!important}
.ls-map-box .ls-sc-Sinh path,.ls-map-box .ls-sc-Sinh polygon{fill:#10b981!important}
.ls-map-box .ls-sc-Kore path,.ls-map-box .ls-sc-Kore polygon{fill:#6366f1!important}
.ls-map-box .ls-sc-Hira path,.ls-map-box .ls-sc-Hira polygon{fill:#d946ef!important}
.ls-map-box .ls-sc-Laoo path,.ls-map-box .ls-sc-Laoo polygon{fill:#0ea5e9!important}
.ls-map-box .ls-sc-Cans path,.ls-map-box .ls-sc-Cans polygon{fill:#14b8a6!important}
.ls-map-box .ls-sc-ethi path,.ls-map-box .ls-sc-ethi polygon{fill:#f43f5e!important}
.ls-map-box .ls-sc-geor path,.ls-map-box .ls-sc-geor polygon{fill:#78716c!important}
.ls-map-box .ls-sc-orya path,.ls-map-box .ls-sc-orya polygon{fill:#a3e635!important}
/* Legende */
.ls-script-legend{
display:flex;flex-wrap:wrap;gap:5px 8px;padding:8px 10px;
background:#fff;border:1px solid #dbe2ee;border-radius:12px;
margin:0 10px 8px;font-size:12px;
}
.ls-script-legend__item{
display:inline-flex;align-items:center;gap:5px;cursor:pointer;
padding:3px 8px;border-radius:999px;border:1px solid transparent;
transition:border-color .1s;
}
.ls-script-legend__item:hover{border-color:#94a3b8;}
.ls-script-legend__swatch{
width:12px;height:12px;border-radius:3px;flex:0 0 auto;
}
.ls-script-legend__btn{
background:none;border:none;cursor:pointer;padding:0;font:inherit;
font-size:12px;display:inline-flex;align-items:center;gap:5px;
}
/* ── Option B: Historische-Schriften-Ebene ─────────────────────────────────── */
/* Länder mit historischen Schriften: gepunkteter Akzent-Rahmen + Hover */
.ls-map-box .ls-has-hist path,
.ls-map-box .ls-has-hist polygon{
stroke:#b45309!important; stroke-width:1.4!important;
stroke-dasharray:3 2!important; fill:#fde68a!important; fill-opacity:.55!important;
}
.ls-hist-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.ls-hist-chip{
display:inline-flex; align-items:center; gap:5px;
padding:5px 10px; border-radius:9px; text-decoration:none;
background:#fff7ed; border:1.5px solid #fed7aa; color:#7c2d12;
font-size:.86rem; transition:border-color .14s, background .14s;
}
.ls-hist-chip:hover{ border-color:#b45309; background:#ffedd5; }
.ls-hist-chip__native{ font-size:1.1em; }
.ls-hist-chip small{ opacity:.6; }
/* Kultur & Geschichte — Anhängsel an einen Historische-Schrift-Chip, s.
docs/MULTIDOMAIN_PIPELINE.md Abschnitt 8d */
.ls-hist-chip__culture{
display:inline-flex; align-items:center; justify-content:center;
width:1.8em; height:1.8em; margin-left:2px; border-radius:9px;
text-decoration:none; background:#fff; border:1.5px solid #e0d5c7;
font-size:.86rem; vertical-align:middle;
}
.ls-hist-chip__culture:hover{ border-color:#7c3aed; background:#f5f3ff; }
/* Schrift-Legende: Zeile aus Lern-Knopf + optionalem Kultur-Knopf */
.ls-script-legend__row{ display:inline-flex; align-items:center; gap:2px; }
.ls-script-legend__culture{
background:none; border:1px solid transparent; cursor:pointer; padding:2px 5px;
border-radius:9px; font-size:12px; line-height:1;
}
.ls-script-legend__culture:hover{ border-color:#7c3aed; background:#f5f3ff; }
/* Multidomain-v1.0-Vorschau eingebettet in die National-Infobox, s.
docs/MULTIDOMAIN_PIPELINE.md Abschnitt 8f + buildCountryInfoPanelHtml()
in views/geoCultureHistoryView.v1.js. Eigenes Präfix "gch-" (geoCultureHistory),
hier nur einmal für den Einbettungskontext gestylt. */
.gch-info-panel{ margin-top:10px; padding-top:8px; border-top:1px dashed #dbe2ee; font-size:.85rem; }
.gch-info-panel__note{ font-size:.72rem; opacity:.55; margin:0 0 6px; text-transform:uppercase; letter-spacing:.04em; }
.gch-meta{ margin:4px 0; color:#334155; }
.gch-info-group{ margin-top:8px; }
.gch-info-group > b{ display:block; font-size:11px; color:#64748b; text-transform:uppercase; letter-spacing:.04em; margin-bottom:4px; }
.gch-practice{ margin:6px 0; padding:8px 10px; border-radius:9px; background:#f8fafc; border:1px solid #e2e8f0; }
.gch-practice h3{ font-size:.86rem; margin:0 0 4px; }
.gch-claim-list, .gch-warning-list, .gch-period-list{ list-style:none; margin:0; padding:0; }
.gch-claim{ margin-bottom:4px; }
.gch-claim__text{ margin:0; }
.gch-claim__meta{ color:#64748b; font-size:.78rem; margin:2px 0 0; }
.gch-warning{ color:#b91c1c; font-size:.78rem; margin-top:4px; }
.gch-period{ margin-bottom:3px; }
.gch-period__range, .gch-period__status{ color:#64748b; font-size:.8rem; margin-left:4px; }
html,body,#root{min-height:100%;margin:0}body{overflow:auto}.ls-shell{min-height:100vh;display:flex;flex-direction:column;background:#f4f6fb;color:#172033;font:14px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ls-topbar{height:58px;flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 5px rgba(15,23,42,.06);z-index:20}.ls-title{display:flex;flex-direction:column;min-width:150px}.ls-title strong{font-size:15px}.ls-crumb{font-size:12px;color:#64748b}.ls-back{border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer}.ls-controls{margin-left:auto;display:flex;gap:8px;align-items:center}.ls-main{flex:0 0 auto;min-height:0;position:relative;display:flex;flex-direction:column;padding:10px}.ls-map-panel{height:min(72vh,calc(100vh - 138px));min-height:420px;position:relative;display:flex;flex-direction:column}.ls-country-bar{flex:0 0 auto;padding:7px 10px;color:#475569;font-size:12px}.ls-map-box{flex:1;min-height:0;position:relative;border:1px solid #dbe2ee;background:#fff;border-radius:16px;overflow:hidden;touch-action:none;user-select:none}.ls-map-box svg{position:absolute;inset:0;width:100%;height:100%;display:block}.ls-map-box g,.ls-map-box path,.ls-map-box polygon,.ls-map-box circle,.ls-map-box rect,.ls-map-box ellipse{pointer-events:auto;cursor:pointer}.ls-map-box path,.ls-map-box polygon,.ls-map-box circle,.ls-map-box rect,.ls-map-box ellipse{fill:#d4d9e8;stroke:#8792a4;stroke-width:.5px;vector-effect:non-scaling-stroke;transition:fill .12s}.ls-map-box g:hover path,.ls-map-box path:hover,.ls-map-box polygon:hover,.ls-map-box circle:hover,.ls-map-box rect:hover,.ls-map-box ellipse:hover{fill:#a8b4ca}.ls-map-box .__p path,.ls-map-box .__p polygon,.ls-map-box .__p circle,.ls-map-box .__p rect,.ls-map-box .__p ellipse{fill:#2563eb!important;stroke:#fff!important}.ls-map-box .__s path,.ls-map-box .__s polygon,.ls-map-box .__s circle,.ls-map-box .__s rect,.ls-map-box .__s ellipse{fill:#93c5fd!important;stroke:#fff!important}.ls-map-box .__hover path,.ls-map-box .__hover polygon,.ls-map-box .__hover circle,.ls-map-box .__hover rect,.ls-map-box .__hover ellipse,.ls-map-box path.__hover,.ls-map-box polygon.__hover,.ls-map-box circle.__hover,.ls-map-box rect.__hover,.ls-map-box ellipse.__hover{fill:#f59e0b!important;stroke:#fff!important;stroke-width:1.2px!important}.ls-map-box .__selected path,.ls-map-box .__selected polygon,.ls-map-box .__selected circle,.ls-map-box .__selected rect,.ls-map-box .__selected ellipse,.ls-map-box path.__selected,.ls-map-box polygon.__selected,.ls-map-box circle.__selected,.ls-map-box rect.__selected,.ls-map-box ellipse.__selected{fill:#f97316!important;stroke:#111827!important;stroke-width:1.6px!important;}.ls-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#64748b}.ls-error{color:#b91c1c}.ls-info{position:relative;left:auto;bottom:auto;z-index:10;width:auto;max-height:none;overflow:visible;margin:0 10px 10px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border:1px solid #dbe2ee;border-radius:16px;box-shadow:0 10px 34px rgba(15,23,42,.14);padding:12px}.ls-info>strong{display:block;color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:11px;margin-bottom:4px}.ls-info h3{font-size:16px;margin:0 0 6px}.ls-info h4{font-size:12px;margin:10px 0 3px;color:#2563eb;text-transform:uppercase;letter-spacing:.04em}.ls-info p{margin:5px 0;line-height:1.45}.ls-info-group{margin-top:8px}.ls-info-group b{display:block;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.ls-muted{color:#64748b;font-size:12px}.ls-meta{font-size:12px;color:#334155}.ls-pill,.ls-badge{display:inline-flex;align-items:center;gap:4px;border:1px solid #dbe2ee;background:#fff;border-radius:999px;padding:4px 9px;margin:2px 3px 2px 0;font-size:12px}.ls-pill{cursor:pointer}.ls-pill:hover{border-color:#2563eb;background:#eff6ff;color:#2563eb}.ls-pill small{color:#64748b}.ls-dd{position:relative;width:220px}.ls-dd-btn{width:100%;height:36px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.ls-dd-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dd-menu{display:none;position:absolute;left:0;right:auto;top:calc(100% + 8px);bottom:auto;width:min(360px,calc(100vw - 24px));max-height:min(360px,calc(100vh - 120px));background:#fff;border:1px solid #dbe2ee;border-radius:14px;box-shadow:0 14px 38px rgba(15,23,42,.18);padding:8px;z-index:80}.ls-dd.open .ls-dd-menu{display:block}.ls-controls .ls-dd:last-child .ls-dd-menu{left:auto;right:0}.ls-info #ls-info-body{max-width:1100px}.ls-info .ls-info-group{scroll-margin-top:80px}.ls-dd-filter{width:100%;height:34px;border:1px solid #dbe2ee;border-radius:10px;padding:0 10px;margin-bottom:7px}.ls-dd-list{max-height:min(290px,calc(100vh - 190px));overflow:auto}.ls-dd-item{width:100%;border:0;background:#fff;border-radius:9px;padding:8px 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;text-align:left}.ls-dd-item:hover{background:#eff6ff}.ls-dd-item small{color:#64748b;font-size:11px}.ls-dd-empty{padding:12px;color:#64748b}.ls-debug{position:absolute;right:16px;bottom:16px;z-index:31;width:min(420px,calc(100vw - 32px));max-height:230px;overflow:auto;background:rgba(15,23,42,.88);color:#e2e8f0;border-radius:14px;padding:8px}.ls-debug summary{cursor:pointer;font-size:12px}.ls-debug pre{white-space:pre-wrap;font-size:11px;line-height:1.35}@media(max-width:760px){.ls-topbar{height:auto;align-items:stretch;flex-wrap:wrap}.ls-controls{width:100%;margin-left:0}.ls-dd{width:50%;min-width:0}.ls-dd-menu{left:0!important;right:auto!important;width:calc(100vw - 24px)}.ls-main{padding:6px}.ls-map-panel{height:62vh;min-height:340px}.ls-info{margin:0 6px 8px;width:auto}}
/* PHASE 18.6 REAL SCROLL + CHROME SVG STICKY FIX */
html,body,#root{height:100%;min-height:100%;overflow:hidden!important;}
.ls-shell{height:100dvh;max-height:100dvh;min-height:0;overflow-y:auto!important;overflow-x:clip;display:flex;flex-direction:column;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}
.ls-topbar{position:sticky;top:0;z-index:90;flex:0 0 auto;}
.ls-main{flex:0 0 auto!important;min-height:0;overflow:visible!important;padding-bottom:10px;}
.ls-map-panel{flex:0 0 auto!important;height:min(62dvh,640px)!important;min-height:360px!important;}
.ls-info{flex:0 0 auto!important;position:relative!important;margin:12px 10px 28px!important;max-height:none!important;overflow:visible!important;z-index:1!important;}
.ls-info #ls-info-body{max-height:none!important;overflow:visible!important;}
.ls-dd-menu{position:fixed!important;left:var(--ls-dd-left,12px)!important;right:auto!important;top:var(--ls-dd-top,70px)!important;bottom:auto!important;width:var(--ls-dd-width,min(380px,calc(100vw - 24px)))!important;max-width:calc(100vw - 24px)!important;max-height:min(420px,calc(100dvh - 96px))!important;z-index:9999!important;}
.ls-dd-list{max-height:min(340px,calc(100dvh - 170px))!important;overflow:auto!important;}
.ls-map-box .__hover,.ls-map-box .__selected{pointer-events:auto;}
.ls-map-box .__hover path,.ls-map-box .__hover polygon,.ls-map-box .__hover circle,.ls-map-box .__hover rect,.ls-map-box .__hover ellipse,.ls-map-box path.__hover,.ls-map-box polygon.__hover,.ls-map-box circle.__hover,.ls-map-box rect.__hover,.ls-map-box ellipse.__hover{transition:none!important;}
.ls-map-box .__selected path,.ls-map-box .__selected polygon,.ls-map-box .__selected circle,.ls-map-box .__selected rect,.ls-map-box .__selected ellipse,.ls-map-box path.__selected,.ls-map-box polygon.__selected,.ls-map-box circle.__selected,.ls-map-box rect.__selected,.ls-map-box ellipse.__selected{transition:none!important;filter:none!important;}
@media(max-width:760px){.ls-map-panel{height:56dvh!important;min-height:300px!important}.ls-info{margin:10px 6px 24px!important}.ls-controls{align-items:flex-start}.ls-dd{width:calc(50% - 4px)!important}}
/* Intro-Audio buttons for language entries */
.ls-lang-inline{
display:inline-flex;
align-items:center;
gap:.35rem;
flex-wrap:wrap;
margin:.16rem .18rem .16rem 0;
}
.ls-audio-row{
display:flex;
align-items:center;
gap:.5rem;
margin:.35rem 0 .65rem;
}
.ls-audio-btn{
appearance:none;
border:1px solid rgba(31,41,55,.18);
background:rgba(255,255,255,.92);
color:var(--sn-k-text, #111827);
border-radius:999px;
padding:.34rem .58rem;
font:inherit;
font-size:.86rem;
line-height:1;
cursor:pointer;
box-shadow:0 1px 2px rgba(0,0,0,.06);
}
.ls-audio-btn:hover,
.ls-audio-btn:focus-visible{
border-color:rgba(37,99,235,.45);
background:rgba(239,246,255,.96);
outline:none;
}