/* The body and its transparent moving path sit over the route, without a card. */
#holoBox{left:10px;bottom:34px;padding:0;gap:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;max-width:calc(100% - 20px)}
#holo{width:202px;height:221px;filter:drop-shadow(0 0 3px #77d6f028)}
#holoPanel{padding:8px 8px 8px 0;max-width:142px;color:var(--ink);text-shadow:0 1px 4px var(--bg),0 0 8px var(--bg)}
#holoPanel .holo-heading{font-size:11px;letter-spacing:.03em}
#holoPanel .ground-state{color:var(--muted);font-size:9px;margin-bottom:7px}
#holoPanel .muscle-row{margin:5px 0;gap:5px}
#holoPanel .muscle-row>i{height:17px;width:3px;flex-basis:3px;border:0}
#holoPanel .muscle-row b{font-size:10px;color:var(--ink)}
#holoPanel .muscle-row small,#holoPanel .state,#holoPanel .note,#holoPanel .load-legend,#holoPanel .cyclist-note{color:var(--muted);font-size:9px}
#holoPanel .note{line-height:1.4}
#holoPanel .cyclist-note{line-height:1.45;max-width:132px}
#holoPanel .load-legend{margin:7px 0;font-size:8px}
#holoPanel .body-details summary{cursor:pointer;font-size:9px;border-radius:4px;min-height:24px;padding-top:4px}
#holoPanel .body-details summary:focus-visible{outline:2px solid var(--info);outline-offset:3px}
#holoPanel .body-details[open]{background:var(--panel);border:1px solid var(--line);text-shadow:none;width:230px}
@media(min-width:861px) and (max-height:820px){.product-ready #holoBox{bottom:34px}.product-ready #holo{width:194px;height:210px}.product-ready #holoPanel{padding:6px 0}}
@media(max-width:860px){#holoBox{left:2px;bottom:38px;transform:none;max-width:calc(100% - 6px)}#holo{width:157px;height:190px}#holoPanel{max-width:119px;padding-right:0}#holoPanel .muscle-row small{font-size:8px}#holoPanel .note{display:none}#holoPanel .body-details[open]{left:-70px;width:214px}}
/* Narrow maps keep the cursor actions clear; the full body breakdown remains
   available in the Sollicitations tab. */
@container(max-width:520px){#holoPanel{display:none}}