.ark-top h1{white-space:normal}
.ark-decks{margin-bottom:0}
.ark-live-map{position:sticky;top:0;z-index:6;width:min(100%,640px);margin-inline:auto;padding:0 20px 12px;background:#1f2b22}
.ark-map-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:12px}
.ark-map-heading span{font-size:10px;color:#c4d3bb}
.ark-map-heading i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#35ddea;margin-right:4px}
.ark-map-stop{font-size:10px;padding:4px 8px;margin-left:auto}
.ark-map-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ark-map-labels button{padding:5px 6px;font-size:11px;line-height:1.3;border-color:#767a59;border-radius:5px}
.ark-map-labels button[aria-pressed=true]{background:#e6c47b;color:#2a2b1f}
.ark-live-map svg{width:100%;height:auto;display:block;cursor:crosshair}
.ark-live-map>p{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#bbcdb0;margin-top:5px}
.ark-live-map .is-target{stroke:#efce7b;stroke-width:1.5;fill:#877c45}
.ark-layout{border-top-color:#7a865e}
.ark-scene{height:clamp(220px,calc(100dvh - 360px),520px)}
.ark-sidebar{max-height:clamp(220px,calc(100dvh - 360px),520px)}
.ark-room-map{column-gap:8px}
.ark-room-map:before{display:none}
.ark-room-map button{font-size:12px;padding:10px 5px}
.ark-fullscreen-exit{display:none;position:absolute;bottom:15px;right:15px;z-index:8;background:#17251be8}
.ark-app:fullscreen{display:flex;flex-direction:column;height:100dvh;max-width:none;overflow:hidden;background:#17221e}
.ark-app:fullscreen>.ark-top,.ark-app:fullscreen>.ark-decks,.ark-app:fullscreen>.ark-live-map{flex-shrink:0}
.ark-app:fullscreen .ark-layout{flex:1;min-height:0;grid-template-rows:minmax(0,1fr)}
.ark-app:fullscreen .ark-scene{height:100%;min-height:0}
.ark-app:fullscreen .ark-sidebar{max-height:100%}
.ark-app:fullscreen .ark-fullscreen-exit{display:block}
.ark-app:fullscreen .ark-notes{display:none}
@media(max-width:760px){
 .ark-live-map{padding:0 12px 10px}
 .ark-map-heading{padding:7px 0;font-size:11px;flex-wrap:wrap}
 .ark-map-heading span{font-size:8px;max-width:180px;text-align:right}
 .ark-map-labels{gap:5px}
 .ark-map-labels button{font-size:10px;padding:5px 2px}
 .ark-live-map>p{font-size:9px}
 .ark-scene{height:410px}
 .ark-sidebar{max-height:none}
 .ark-sidebar>h2,.ark-sidebar>p,#ark-room-map{display:none}
 .ark-room-map button{font-size:11px}
 .ark-view-info{max-width:calc(100% - 65px)}
 .ark-view-info span{font-size:9px}
 .ark-top h1{font-size:18px}
 .ark-actions button{font-size:11px}
 .ark-app:fullscreen .ark-sidebar{display:none}
}

#ark-loading.is-streaming{inset:auto 12px 12px auto;padding:8px 12px;border-radius:7px;font-size:11px;background:#152017dd;pointer-events:none}

.ark-herd-count{white-space:nowrap}.ark-room-map .ark-herd-count{display:block;font-size:.82em;opacity:.8;margin-top:.2em}.ark-map-labels .ark-herd-count::before{content:" · "}#ark-animal-count{font-size:.8rem;line-height:1.5;color:#d7c9a6}

.ark-map-labels .ark-herd-count{display:block;font-size:.82em}.ark-map-labels .ark-herd-count::before{content:""}

.ark-map-labels{grid-template-columns:repeat(3,minmax(0,1fr))}.ark-animal-search{display:block;font-size:13px;margin:12px 0 5px}.ark-animal-search input{box-sizing:border-box;width:100%;margin-top:6px;padding:10px;border:1px solid #627166;border-radius:7px;background:#202b24;color:#f1eddd;font:inherit}#ark-room-map{display:grid;max-height:240px;overflow:auto;overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#ark-search-result{font-size:12px;color:#d3c8ac;margin:6px 0}.ark-room-map button{min-height:37px;padding:7px 4px;font-size:12px}@media(max-width:760px){#ark-animal-count,#ark-search-result{display:block}#ark-room-map{display:grid;max-height:140px;grid-template-columns:repeat(3,minmax(0,1fr))}.ark-map-labels button{font-size:11px}}

.ark-camera-controls [data-action="inspect-animal"]{width:auto;padding:0 12px;font-size:13px;white-space:nowrap}