:root{color-scheme:dark;font-family:'IBM Plex Sans',Arial,sans-serif;background:#111316;color:#e3e6ea;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #9fbbd0;outline-offset:2px}a{color:inherit;text-decoration:none}button{background:transparent;border:0}#karta-root,.map-app{height:100dvh;min-height:380px}.map-app{display:flex;flex-direction:column}.map-title{height:48px;flex:none;display:flex;gap:24px;align-items:center;padding:0 20px;border-bottom:1px solid #2c3036;background:#15181c}.map-brand{display:flex;gap:9px;align-items:center;min-width:125px}.map-brand img{width:15px;height:auto;aspect-ratio:82/80;flex-shrink:0}.example{margin-left:auto;color:#abb2ba;font-size:12px}.map-title>a:last-child{font-size:12px;color:#abb2ba}.map-tabs{display:flex;gap:2px;padding:0 16px;height:44px;flex:none;border-bottom:1px solid #2c3036;background:#171a1f;overflow-x:auto;scrollbar-width:thin}.map-tabs button{white-space:nowrap;padding:0 14px;font-size:12px;color:#9fa7b1;border-bottom:2px solid transparent}.map-tabs button[aria-pressed=true]{color:#f4f5f6;border-color:#c7d0d8}.map-tabs button:hover{background:#252a30;color:#fff}.map-stage{position:relative;flex:1;min-height:0;background:radial-gradient(#2c3036 1px,transparent 1px);background-size:24px 24px}.map-device{position:absolute;inset:0}.map-device>div{height:100%}.map-top-tools{position:absolute;top:15px;left:16px;right:16px;display:flex;align-items:start;justify-content:space-between;gap:20px;pointer-events:none}.map-top-tools>*{pointer-events:auto}.level-tools,.map-search,.zoom-controls,.legend{background:#191d22ef;border:1px solid #373d45;border-radius:5px;box-shadow:0 3px 12px #0002}.level-tools:empty{display:none}.level-tools{display:flex;padding:3px}.level-tools button{padding:6px 10px;font-size:12px;color:#a9b2bc;border-radius:3px}.level-tools button[aria-pressed=true]{color:#f2f4f6;background:#343b43}.map-search{height:34px;display:flex;align-items:center;padding:0 10px;gap:8px;max-width:220px}.map-search>span{font-size:24px}.map-search input{width:155px;background:none;color:#e3e6ea;border:0;outline:0;font-size:12px}.map-search button{font-size:18px}.map-bottom-tools{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:end;pointer-events:none;gap:16px}.map-bottom-tools>*{pointer-events:auto}.legend{max-width:265px;font-size:11px}.legend>button{padding:9px 12px;font-size:12px}.legend>div{padding:0 12px 12px;color:#aab2be}.legend p{display:flex;align-items:center;gap:9px}.legend small{font-size:11px;line-height:1.5;display:block;margin-top:14px}.line{display:block;width:25px;border-top:2px solid #aecbd8}.line.service{border-color:#808b99}.line.back{border-color:#bda477}.map-navigation{display:flex;flex-direction:column;align-items:end;gap:8px}.mini-map{width:122px;height:63px;display:block;background:#15181ce8;border:1px solid #373d45;border-radius:4px;padding:8px;overflow:hidden}.zoom-controls{display:flex;align-items:center;padding:3px}.zoom-controls button{padding:5px 10px;font-size:15px}.zoom-controls button:last-child{border-left:1px solid #373d45;font-size:12px;padding-inline:12px}.zoom-controls span{min-width:36px;text-align:center;font-size:11px;color:#aab2be}.map-status{height:28px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#aab2be;border-top:1px solid #2c3036;flex:none}.map-status span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-detail{position:absolute;top:62px;right:16px;bottom:112px;max-width:320px;width:calc(100% - 32px);padding:20px;overflow:auto;background:#1b1f25f7;border:1px solid #414951;box-shadow:0 14px 35px #0005;border-radius:5px}.map-detail>small{font-size:11px;color:#aeb9c4;text-transform:uppercase;letter-spacing:.08em}.map-detail h2{font-size:21px;font-weight:500;line-height:1.2;padding-right:15px;margin:14px 0}.map-detail h3{font-size:11px;text-transform:uppercase;letter-spacing:.09em;margin:24px 0 12px;color:#aab2be;font-weight:400}.map-detail p{font-size:13px;line-height:1.6;color:#c4ccd5}.close-card{position:absolute;top:12px;right:12px;font-size:24px}.map-relation{padding:8px 0;border-top:1px solid #353b43;font-size:12px}.map-relation small{display:block;color:#939eaa;font-size:11px;margin-top:5px}.detail-link{display:block;border-top:1px solid #48515b;margin-top:18px;padding-top:15px;font-size:12px}.map-detail footer{color:#949faa;font-size:11px;line-height:1.5;margin-top:20px}.map-error{position:absolute;inset:25%;padding:30px;background:#252a31;line-height:1.8}.map-error a{display:block;text-decoration:underline}.karta-root{height:100%!important}@media(max-width:800px){.map-tabs{padding:0 8px}.map-tabs button{padding-inline:10px;font-size:11px}.map-title{gap:12px}.map-title>span:not(.example){display:none}.map-status>span:last-child{display:none}.mini-map{display:none}.map-search{max-width:155px}.map-search input{width:110px}.level-tools button{padding-inline:7px}.map-top-tools{gap:8px}.map-title>a:last-child{display:none}}@media(max-width:420px){.map-top-tools{flex-wrap:wrap}.map-search{margin-left:auto}.legend{max-width:170px}.legend>button{font-size:11px}.map-bottom-tools{left:8px;right:8px;gap:8px}.zoom-controls button{padding-inline:8px}}

@media(min-width:900px){.map-stage:has(.map-detail) .map-device{right:352px}.map-stage:has(.map-detail) .map-navigation{margin-right:344px}.map-stage:has(.map-detail) .map-detail{bottom:16px}}
/* Same surface hierarchy as the accepted Concert reference; Atlas graphite. */
:root{--shadow-panel:0 1px 2px #0003,0 5px 10px -5px #0004;--shadow-card:0 1px 2px #0004,0 3px 6px -3px #0004;--shadow-drawer:0 2px 4px #0003,0 8px 18px -8px #0006;background:#0e1013}
.map-title{background:#1b1f25;border-color:#67758660}.map-tabs{background:#20262d;border-bottom:1px solid #67758660;gap:4px}.map-tabs button{border-radius:3px 3px 0 0}.map-tabs button[aria-pressed=true]{background:#343e49}.map-stage{background-color:#0e1115;background-image:radial-gradient(#54617033 .65px,transparent .8px);background-size:18px 18px}.map-detail{background:#292f37;border:1px solid #67758680;box-shadow:var(--shadow-drawer);border-radius:7px}.map-detail h2{font-size:23px;color:#edf1f5}.map-detail p{font-size:14px;color:#b9c4d0;line-height:1.55}.map-detail h3{margin-top:20px}.map-relation{padding:10px 12px;background:#1b2027;border:1px solid #64728440;border-radius:4px;margin-bottom:6px}.map-detail footer{border-top:1px solid #ffffff14;padding-top:12px}.level-tools,.map-search,.zoom-controls,.legend{background:#252c35;border:1px solid #66778d66;box-shadow:var(--shadow-card)}.level-tools button[aria-pressed=true]{background:#424e5e}.mini-map{background:#1b2027;border-color:#66778d55;box-shadow:var(--shadow-card)}.map-status{background:#181d24;border-color:#ffffff13}.detail-link{background:#c0cfdf;color:#111921;border:1px solid #d2deeb;text-align:center;padding:10px;border-radius:4px}.detail-link:hover{background:#d2deeb}
@media(min-width:900px){.map-stage:has(.map-detail) .map-device{right:352px}.map-detail{top:15px;bottom:16px}.map-stage:has(.map-detail) .map-top-tools{right:367px}.map-detail>small{display:block;padding-right:15px}}
@media(max-width:800px){.map-detail{background:#292f37;top:60px;bottom:90px;padding:18px}.map-detail h2{font-size:22px}}

@media(max-width:800px){.map-title>a:last-child{display:block;font-size:11px;margin-left:auto}.map-title .example{display:none}}