:root{--ink:#0b1a2e;--ink-800:#102841;--steel:#1e3a5f;--ember:#f4a261;--paper:#faf8f4;--muted:#b8c6d7;--sans:'Inter Tight',system-ui,sans-serif;color-scheme:dark;font-family:var(--sans)}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{min-height:44px;border:1px solid #365373;border-radius:14px;background:var(--ink-800);color:var(--paper);cursor:pointer;font-weight:600;padding:.7rem 1rem}button:disabled{opacity:.5;cursor:default}a{color:var(--ember)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--ember);outline-offset:3px}/* Pinned to the screen, not sized by 100dvh: in the iOS app WebKit sometimes keeps the viewport
   height of the previous page (scrolled start page, app switch) and left an empty band at the bottom. */
.nav-shell{position:fixed;inset:0;overflow:hidden}#navMap{position:absolute;inset:0;background:#e5e8df}.destination-bar{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:center;gap:12px;padding:12px 14px 12px 8px;background:var(--ink);border:1px solid #365373;border-radius:18px;box-shadow:0 4px 18px #0b1a2e26;z-index:2}.destination-bar a{font-size:36px;line-height:1;text-decoration:none;color:var(--paper);display:grid;place-items:center;width:40px;min-height:44px;flex-shrink:0}.destination-bar h1{font:600 18px/1.2 var(--sans);margin:0;max-height:2.4em;overflow:hidden}.destination-bar p{font-size:12px;color:var(--muted);margin:5px 0 0}.destination-bar>div{min-width:0;flex:1}.beta-badge{font-size:10px;color:var(--muted);border:1px solid #365373;border-radius:6px;padding:4px;align-self:start}.guidance{position:absolute;z-index:3;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;background:var(--ink);border:1px solid #365373;border-radius:18px;display:flex;align-items:center;gap:17px;min-height:105px;padding:14px 18px;box-shadow:0 4px 18px #0b1a2e26}.guidance svg{width:66px;height:66px;flex-shrink:0;overflow:visible}.guidance path{fill:none;stroke:var(--paper);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.guidance text{fill:var(--paper);text-anchor:middle;font:bold 16px var(--sans)}.guidance>div{min-width:0}.guidance strong{font-size:36px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.guidance p{font-size:17px;line-height:1.25;margin:6px 0 0;max-height:2.5em;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.map-tools{position:absolute;right:12px;top:calc(max(12px,env(safe-area-inset-top)) + 132px);display:flex;flex-direction:column;gap:9px;z-index:2}.map-tools button{width:48px;height:48px;padding:0;box-shadow:0 2px 8px #0b1a2e26;font-size:19px;background:var(--paper);color:var(--ink);border:1px solid #ccd4da}.map-tools #openDetails{font-size:28px}.map-tools #recenter{color:#2465cb;transform:none}.trip-panel{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;z-index:3;background:var(--ink);border:1px solid #365373;border-radius:22px;padding:14px 16px 16px;box-shadow:0 5px 24px #0b1a2e33}.route-context{display:flex;gap:8px;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;min-height:14px;margin-bottom:11px}.route-context #closureBadge{font-size:10px;text-align:right}.trip-stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.trip-stats>div+div{border-left:1px solid #29445e}.trip-stats strong{display:block;font-size:30px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.trip-stats span{display:block;font-size:12px;color:var(--muted);margin-top:6px}#tripMinutes[data-traffic=free]{color:#5fd38d}#tripMinutes[data-traffic=slow]{color:var(--ember)}#tripMinutes[data-traffic=heavy]{color:#ff6b6b}#routeStatus{font-size:13px;line-height:1.3;margin:13px 0 0;color:var(--ember)}.nav-profiles{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;background:#071323;border-radius:12px;margin-top:14px}.nav-profiles button{font-size:13px;min-height:40px;padding:8px;border:0;background:transparent;color:var(--muted);border-radius:9px}.nav-profiles button[aria-pressed=true]{background:#244260;color:var(--paper)}.vehicle-quick{font-size:11px;text-align:center;width:100%;background:none;border:0;padding:5px;min-height:32px;color:var(--muted)}.nav-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.nav-actions button{flex:1;min-height:48px;white-space:nowrap;font-size:15px}.nav-actions .primary{background:var(--ember);color:var(--ink);border:0}.nav-actions .preview-drive{font-size:13px}.driving .destination-bar,.driving #vehicleQuick,.driving #previewDrive{display:none}
.driving .setup-options{margin-top:6px}.driving .nav-profiles{margin-top:0}
.voice-section .nav-profiles{margin:0 0 10px}
.sound-choice{margin-top:0;padding:3px;gap:3px}.sound-choice button{white-space:nowrap}.driving #stopNavigation{background:var(--paper);color:var(--ink);border-color:var(--paper)}.preview-badge{position:absolute;z-index:4;top:calc(max(12px,env(safe-area-inset-top)) + 128px);left:12px;background:var(--ink);border-radius:9px;padding:7px 10px;font:11px var(--sans);color:var(--ember)}.map-error{position:absolute;z-index:5;left:12px;right:76px;top:calc(max(12px,env(safe-area-inset-top)) + 170px);background:var(--ink);padding:10px;border-radius:10px;font-size:13px}.vehicle-marker{width:58px;height:58px;filter:drop-shadow(0 2px 3px #0b1a2e80)}.vehicle-marker svg{width:100%;height:100%}.destination-marker{background:var(--ink);color:var(--paper);border:3px solid var(--paper);border-radius:50%;height:30px;width:30px;display:grid;place-items:center;font-weight:700;font-size:23px;box-shadow:0 2px 5px #0003}.maplibregl-ctrl-bottom-left{bottom:0;max-width:calc(100% - 22px)}.maplibregl-ctrl-attrib{font:9px var(--sans);color:#333}.maplibregl-ctrl-attrib a{color:#333}.maplibregl-popup{color:var(--ink)}dialog{background:var(--ink);color:var(--paper);border:1px solid #365373;border-radius:22px;max-width:550px;width:calc(100% - 24px);max-height:calc(100dvh - 50px);padding:20px;overscroll-behavior:contain}dialog::backdrop{background:#07132399}.dialog-heading{position:sticky;top:-20px;background:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:5px 0 12px;z-index:1}.dialog-heading h2{font-size:20px;margin:0}.dialog-heading button{font-size:26px;width:44px;padding:0}dialog h3{font-size:16px;margin:12px 0}dialog p,dialog li{font-size:14px;line-height:1.5}.vehicle-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vehicle-fields label{font-size:12px;color:var(--muted)}.vehicle-fields input,dialog select{display:block;width:100%;min-width:0;margin-top:6px;padding:12px;border:1px solid #365373;border-radius:10px;color:var(--paper);background:#102841}.small,#vehicleSummary{font-size:12px;color:var(--muted)}.voice-section{padding:2px 0 16px}.voice-section p{margin:0 0 10px}#vehicleError:empty{display:none}dialog details{padding:17px 0;border-top:1px solid #29445e}dialog summary{cursor:pointer;font-weight:600}dialog select{margin-bottom:10px}dialog footer{font:10px 'JetBrains Mono',monospace;color:var(--ember);opacity:.6;padding-top:18px;text-align:center}.closure-card{padding:10px 0;border-bottom:1px solid #29445e}.closure-card b,.closure-card small{display:block;font-size:13px;margin-bottom:6px}.closure-card small{color:var(--muted)}.closure-card button{font-size:12px}.nav-shell .maplibregl-ctrl-attrib-button{min-height:0;border-radius:0;padding:0}
@media(min-width:700px){.destination-bar,.guidance{right:auto;width:420px;left:24px;top:max(24px,env(safe-area-inset-top))}.trip-panel{left:24px;right:auto;width:420px;bottom:max(24px,env(safe-area-inset-bottom))}.map-tools{right:24px;top:max(24px,env(safe-area-inset-top))}.preview-badge{left:24px;top:152px}.map-error{left:auto;right:88px;width:290px;top:24px}}
@media(max-height:520px){.destination-bar,.guidance{width:300px;right:auto;min-height:82px}.guidance strong{font-size:28px}.guidance svg{width:48px;height:48px}.guidance p{font-size:14px}.trip-panel{width:280px;right:auto;padding:10px 12px}.trip-stats strong{font-size:24px}.trip-stats span{margin-top:2px}.nav-actions{margin-top:8px}.nav-actions button{min-height:42px}.route-context{margin-bottom:7px}.map-tools{top:12px}.preview-badge{top:110px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.route-context #modeBadge{border:0;background:none;color:var(--muted);min-height:28px;padding:0 4px 0 0;font-size:11px}.route-context #modeBadge::after{content:"⌄";margin-left:6px}.map-tools #fitRoute{display:grid;place-items:center}
.vehicle-marker[data-paused=true]{opacity:.4;filter:grayscale(1)}
/* One shared centre line and width for the upper and lower information panels. */
.destination-bar,.guidance,.trip-panel{left:50%;right:auto;width:min(calc(100% - 24px),420px);transform:translateX(-50%);border-radius:20px}
@media(max-height:520px){.destination-bar,.guidance,.trip-panel{width:min(calc(100% - 24px),300px)}}
/* Compact trip summary: keep large touch targets, spend less height on gaps. */
.trip-panel{padding:8px 14px 10px}
.trip-panel .route-context{margin-bottom:2px}
.trip-stats strong{font-size:28px;line-height:1}
.trip-stats span{margin-top:2px;line-height:1.15}
.trip-panel #routeStatus{margin-top:6px;font-size:12px}
.trip-panel .nav-actions{margin-top:8px}
.trip-panel .nav-actions button{min-height:44px;padding:8px 12px}
@media(max-height:520px){.trip-panel{padding:8px 12px 10px}.trip-stats strong{font-size:24px}}
.traffic-badge{display:block;min-height:32px;padding:0 .25rem;margin:-.1rem auto .1rem;background:transparent;border:0;color:var(--muted,#b5c3d3);font-size:.75rem;font-weight:500;text-align:center}
.traffic-badge:hover{color:var(--ember,#f4a261)}
/* Closures use red as a traffic status; map controls stay neutral. */
.route-context #closureBadge{min-height:32px;padding:3px 9px;border:1px solid #b7485a;background:#571e2b;color:#fff;font-size:12px;white-space:nowrap}
.map-selection,.closure-detail{position:absolute;z-index:6;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),420px);background:var(--ink);border:1px solid #365373;border-radius:20px;padding:16px;box-shadow:0 5px 24px #0b1a2e55}
.map-selection p{font-size:13px;line-height:1.4;color:var(--muted);margin:8px 0}.selected-point{width:30px;height:30px;border:3px solid #fff;background:#2465cb;color:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 8px #2465cb44;font-size:15px}
.closure-detail{background:var(--paper);color:var(--ink);border:2px solid #ce1732;border-top-width:7px;max-height:45dvh;overflow:auto;overscroll-behavior:contain}.closure-detail>strong{display:block;font-size:13px;color:#aa0f27;padding-right:50px}.closure-detail h2{font-size:18px;margin:9px 42px 8px 0}.closure-detail p{font-size:14px;line-height:1.45;margin:6px 0}.closure-detail small{display:block;font-size:12px;color:#3d526b}.closure-detail>button{position:absolute;right:8px;top:8px;width:44px;padding:0;background:transparent;color:var(--ink);border:0;font-size:26px}
.picking .trip-panel,.driving #pickDestination{display:none}.map-tools #pickDestination[aria-pressed=true]{background:var(--ink);color:var(--paper)}
@media(max-height:650px){.map-tools{display:grid;grid-template-columns:44px 44px;gap:5px;top:112px}.map-tools button{width:44px;height:44px}.map-selection,.closure-detail{width:min(calc(100% - 24px),340px)}}

.route-context #closureBadge[data-current=false]{background:#344453;border-color:#65798c;color:#e0e6eb}

/* Equal touch targets for genuinely different routing profiles. */
.nav-profiles button{min-height:44px;text-align:center}
.provider-badge{font-size:10px;line-height:1.2;color:var(--ember);text-align:center;max-width:90px}
.trip-panel .nav-profiles{margin-top:8px}
.fallback{margin:8px 0 4px;padding:10px 12px;border:1px solid var(--ember);border-radius:12px;background:rgba(244,162,97,.12)}
.fallback p{margin:0 0 8px;font-size:13px;line-height:1.35;color:var(--paper)}
.fallback-actions{display:flex;flex-wrap:wrap;gap:8px}
.fallback-actions a,.fallback-actions button{flex:1 1 auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;border:1px solid var(--steel);background:var(--ink-800);color:var(--paper);font:600 14px var(--sans);text-decoration:none}
.fallback-actions a.primary{background:var(--ember);border-color:var(--ember);color:var(--ink)}

/* Driving: compact, symmetric bottom panel (info line · trip · three equal controls). */
.speed-box{position:absolute;left:0;bottom:calc(100% + 10px);display:flex;align-items:center;gap:8px;pointer-events:none}
.speed-now{min-width:60px;height:60px;padding:0 8px;border-radius:17px;background:var(--ink);border:1px solid #365373;color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px 18px #0b1a2e44}
.speed-now b{font-size:26px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}
.speed-now small{font-size:10px;color:var(--muted);margin-top:2px}
.speed-now[data-over=true] b{color:var(--ember)}
.speed-limit{width:50px;height:50px;border-radius:50%;background:#fff;border:6px solid #d52b1e;display:grid;place-items:center;font-weight:800;font-size:19px;color:#111;font-variant-numeric:tabular-nums;box-shadow:0 4px 12px #0003}
.drive-meta{margin:0 0 4px;text-align:center;font-size:11px;color:var(--muted);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drive-target{margin:0 0 2px;text-align:center;font-size:14px;font-weight:600;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.driving .trip-panel{padding:9px 12px 12px}
body.driving .route-context,body.driving #liveTrafficBadge{display:none}
body.driving .trip-stats strong{font-size:26px;line-height:1.05}
body.driving .trip-stats span{font-size:11px;margin-top:2px}
body.driving #routeStatus:empty{display:none}
body.driving #routeStatus{margin:6px 0 0;text-align:center}
body.driving .trip-controls{display:grid;grid-template-columns:1fr 1fr .9fr;gap:8px;margin-top:10px;align-items:stretch}
body.driving .trip-controls .setup-options,body.driving .trip-controls .nav-actions{display:contents}
body.driving #modeChoices{grid-column:1;grid-row:1;margin:0;padding:3px;gap:3px}
body.driving #modeChoices button{min-height:38px;font-size:13px}
body.driving #speak{grid-column:2;grid-row:1;margin:0}
body.driving #speak button{font-size:13px;min-height:38px}
body.driving #stopNavigation{grid-column:3;grid-row:1;min-height:44px;margin:0}
body.driving #retry{grid-column:1/-1}
/* Phone width: "Normal | Einsatz" and "Ton an | Ton aus" share the first row, Beenden gets the full second row. */
@media (max-width:30rem){body.driving:not(.chaser-theme) .trip-controls{grid-template-columns:1fr 1fr}body.driving:not(.chaser-theme) #stopNavigation{grid-column:1/-1;grid-row:2}}
body.driving .suffix{display:none}
.guidance[data-stale=true]{opacity:.62}
.guidance[data-stale=true] svg{opacity:.35}
/* "Danach rechts": a small tab under the banner, like Apple/Google Maps. Absolute, so the
   vehicle position (free area below the banner) never jumps when it appears. */
.then-step{position:absolute;left:14px;top:calc(100% - 1px);display:flex;align-items:center;gap:7px;max-width:calc(100% - 82px);padding:6px 12px 7px 9px;background:var(--ink-800);border:1px solid #365373;border-top:0;border-radius:0 0 14px 14px;box-shadow:0 4px 12px #0b1a2e26;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap}
.then-step span{overflow:hidden;text-overflow:ellipsis}
.guidance .then-step svg{width:22px;height:22px}
.guidance .then-step path{stroke-width:8}
.guidance:has(.then-step:not([hidden]))~.preview-badge{top:calc(max(12px,env(safe-area-inset-top)) + 166px)}
/* Am Ziel: house numbers of the target side, same tab as "Danach"; never shown together with it. */
.house-bar{position:absolute;left:14px;top:calc(100% - 1px);display:flex;align-items:baseline;gap:7px;max-width:calc(100% - 28px);padding:6px 12px 7px;background:var(--ink-800);border:1px solid #365373;border-top:0;border-radius:0 0 14px 14px;box-shadow:0 4px 12px #0b1a2e26;font-size:15px;font-weight:600;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.house-bar span{color:var(--muted)}.house-bar #houseNumbers{overflow:hidden;text-overflow:ellipsis}.house-bar #houseNumbers:empty{display:none}
.house-bar b{font-size:19px;color:var(--paper)}
.arrival-section{padding:2px 0 16px}.arrival-section p{margin:6px 0 0}
.check-row{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;cursor:pointer}.check-row input{width:22px;height:22px;margin:0;accent-color:var(--ember)}
.map-tools #satellite{display:grid;place-items:center}.map-tools #satellite[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:#365373}
/* Balloon Pilot Chaser: same floating-control style as the Chaser map (48 px, radius 14,
   dark info surfaces #141a26, blue actions #60a5fa). RTW Navi keeps its own look. */
body.chaser-theme{--ink:#141a26;--ink-800:#1b2333;--steel:#2a3245;--ember:#60a5fa;--muted:#94a3b8;--fc-r:14px;--fc-shadow:0 4px 14px rgba(0,0,0,.38);--fc-border:#2a3245}
.chaser-theme .destination-bar,.chaser-theme .guidance,.chaser-theme .trip-panel{border-radius:var(--fc-r);border-color:var(--fc-border);box-shadow:var(--fc-shadow)}
.chaser-theme .then-step{border-color:var(--fc-border);border-radius:0 0 var(--fc-r) var(--fc-r)}
.chaser-theme .speed-now{border-radius:var(--fc-r);border-color:var(--fc-border);box-shadow:var(--fc-shadow)}
.chaser-theme button{border-radius:var(--fc-r);border-color:var(--fc-border)}
.chaser-theme .map-tools{gap:0;background:var(--ink);border:1px solid var(--fc-border);border-radius:var(--fc-r);box-shadow:var(--fc-shadow);overflow:hidden}
.chaser-theme .map-tools button{width:48px;height:48px;border:0;border-radius:0;background:transparent;color:#cbd5e1;box-shadow:none}
.chaser-theme .map-tools button+button{border-top:1px solid var(--fc-border)}
.chaser-theme .map-tools button[aria-pressed=true],.chaser-theme .map-tools #satellite[aria-pressed=true]{background:#232b3d;color:#60a5fa;border-color:var(--fc-border)}
.chaser-theme .nav-actions .primary,.chaser-theme #stopNavigation,.chaser-theme .trip-controls button.primary{background:#60a5fa;color:#0a0e16;border:0}
.chaser-theme .nav-profiles,.chaser-theme .segmented{border-radius:var(--fc-r)}
.chaser-theme .nav-profiles button[aria-pressed=true]{background:#232b3d;color:#60a5fa}
.chaser-theme .trip-stats>div:nth-child(2) strong{color:#60a5fa}
@media(max-height:650px){.chaser-theme .map-tools{display:flex;flex-direction:column}}
/* App: no iOS text menu (copy, paste, look up) on long press; inputs stay editable. */
body.native-app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body.native-app input,body.native-app select,body.native-app textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
/* Chaser: no Normal | Chaser switch (Settings decide) — voice and End share the row. */
body.chaser-theme.driving .trip-controls{grid-template-columns:1fr 1fr}
body.chaser-theme.driving #speak{grid-column:1}
body.chaser-theme.driving #stopNavigation{grid-column:2}

.other-navigation{border-top:1px solid #365373;margin-top:16px;padding-top:16px}.other-navigation h3{font-size:16px;margin:0 0 8px}.other-navigation .fallback-actions a{min-height:44px;display:flex;align-items:center;justify-content:center}
/* Night map: dark canvas while tiles load; three choices in one row. */
#navMap[data-night=true]{background:#0b1220}.map-theme-section{padding:2px 0 16px}.map-theme-section .nav-profiles{grid-template-columns:1fr 1fr 1fr;margin:0 0 10px}.map-theme-section p{margin:0 0 10px}
/* Night map (RTW look): map buttons and attribution dark too, so nothing light glares. The Chaser buttons are dark already. */
body:not(.chaser-theme):has(#navMap[data-night=true]) .map-tools button{background:#141a26;color:#e8ecf3;border-color:#2a3a52;box-shadow:0 2px 8px #0008}
body:has(#navMap[data-night=true]) .maplibregl-ctrl.maplibregl-ctrl-attrib,body:has(#navMap[data-night=true]) .maplibregl-ctrl-attrib-button{background-color:#141a26cc}
body:has(#navMap[data-night=true]) .maplibregl-ctrl-attrib,body:has(#navMap[data-night=true]) .maplibregl-ctrl-attrib a{color:#b8c6d7}
/* Compass top right in the turn banner, Tesla style (Heading Up icon of the owner's manual): a tile with an
   outlined arrow pointing the driving direction and an arc of compass letters above it that turns with the heading. */
.guidance{padding-right:84px}.nav-compass{position:absolute;top:10px;right:10px;width:64px;height:64px;border-radius:14px;background:#142338;border:1px solid #2a3f5c;pointer-events:none}.nav-compass svg{width:64px;height:64px;display:block}.nav-compass .arrow{fill:none;stroke:#cbd5e1;stroke-width:2.6;stroke-linejoin:round}.nav-compass text{fill:#e8ecf3;font:700 10px var(--sans);text-anchor:middle;dominant-baseline:central}#compassRing{transform-origin:24px 30px;transition:transform .3s linear}
/* Klinik-Info (15.10.2026): compact, readable at a glance during the drive. */
.map-tools #clinicInfoBtn{font:italic 700 24px/1 Georgia,serif;color:#2465cb}
.clinic-info{width:min(calc(100% - 24px),400px);max-height:min(80vh,560px);padding:14px 16px}
.clinic-info .dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.clinic-info h2{font-size:18px;margin:0}.clinic-info .dialog-heading p{margin:3px 0 0;font-size:12px;color:var(--muted)}
.ci-row{border-top:1px solid #29445e;padding:9px 0}.ci-row h3{margin:0 0 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ci-row p{margin:3px 0;font-size:15px;line-height:1.35}.ci-ok{color:#5fd38d}.ci-warn{color:var(--ember)}.ci-alert{color:#ffb4a8}
.ci-points{display:flex;align-items:center;gap:6px}.ci-key{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:700;color:#06101d}.ci-key.k1{background:#9fd9f1}.ci-key.k2{background:#E45BD0;margin-left:8px}
.ci-wiki{display:block;text-align:right;font-size:13px;color:#9fd9f1;padding-top:8px;border-top:1px solid #29445e;text-decoration:none}