/* ISOLATING_BORDER_NATIVE_MARGINALIA_HEAD_PEEK_REFINEMENT_V23_7_10_BEGIN
   v23.7.10 production hotfix based on v23.7.9.
   Goal: every partially hidden mascot must show only ear/eye/head peek language.
   Preserve the full infobox-top cat and the full footer-edge cat.
   Remove the intrusive side cat near “What we see”.
*/
:root{
  --lm710-cat-idle:url('/assets/marginalia/cat/idle_idle.gif');
  --lm710-cat-idle-left:url('/assets/marginalia/cat/idle_idle_left.gif');
  --lm710-cat-jump:url('/assets/marginalia/cat/jump_jump.gif');
  --lm710-cat-jump-left:url('/assets/marginalia/cat/jump_jump_left.gif');
  --lm710-cat-walk:url('/assets/marginalia/cat/walk_walk.gif');
  --lm710-cat-walk-left:url('/assets/marginalia/cat/walk_walk_left.gif');
  --lm710-cat-head:url('/assets/marginalia/cat/head_peek.png');
  --lm710-cat-head-left:url('/assets/marginalia/cat/head_peek_left.png');
}
.lm710-anchor{position:relative!important;overflow:visible!important;}
.lm710-creature{position:absolute;z-index:12;pointer-events:none;contain:layout paint;opacity:1!important;transform:translate3d(var(--lm710-x,0),var(--lm710-y,0),0);transform-origin:center bottom;transition:transform .18s cubic-bezier(.2,.8,.2,1);filter:none!important;will-change:transform;}
.lm710-creature[data-state="inspect"],.lm710-creature[data-state="alert"],.lm710-creature[data-state="sleep"],.lm710-creature[data-state="retreat"],.lm710-creature[data-visible="false"],.lm710-creature[data-visible="true"]{opacity:1!important;filter:none!important;}
.lm710-clip{position:absolute;inset:0;overflow:hidden;}
.lm710-cat{position:absolute;width:32px;height:32px;background-image:var(--lm710-cat-idle);background-size:32px 32px;background-repeat:no-repeat;image-rendering:pixelated;filter:none!important;transform:rotate(var(--lm710-tilt,0deg)) translateZ(0);transform-origin:50% 90%;backface-visibility:hidden;opacity:1!important;}
.lm710-creature[data-facing="left"] .lm710-cat{background-image:var(--lm710-cat-idle-left);}
.lm710-creature[data-state="alert"] .lm710-cat{background-image:var(--lm710-cat-jump);}
.lm710-creature[data-state="alert"][data-facing="left"] .lm710-cat{background-image:var(--lm710-cat-jump-left);}
.lm710-creature[data-state="inspect"] .lm710-cat{background-image:var(--lm710-cat-walk);}
.lm710-creature[data-state="inspect"][data-facing="left"] .lm710-cat{background-image:var(--lm710-cat-walk-left);}
/* full cats preserved exactly where the user approved them */
.lm710-creature[data-seat="infobox-top"]{right:11px;top:-30px;width:42px;height:32px;}
.lm710-creature[data-seat="infobox-top"] .lm710-clip{overflow:visible;}
.lm710-creature[data-seat="infobox-top"] .lm710-cat{left:5px;bottom:0;}
.lm710-creature[data-seat="footer-edge"]{left:20px;top:-29px;width:42px;height:30px;}
.lm710-creature[data-seat="footer-edge"] .lm710-clip{overflow:visible;}
.lm710-creature[data-seat="footer-edge"] .lm710-cat{left:4px;bottom:0;}
/* hidden/covered cats: head peek only, no body, no tail */
.lm710-creature[data-seat="head-peek-rule"],
.lm710-creature[data-seat="head-peek-box"]{width:17px;height:11px;overflow:visible;}
.lm710-creature[data-seat="head-peek-rule"] .lm710-clip,
.lm710-creature[data-seat="head-peek-box"] .lm710-clip{overflow:visible;}
.lm710-creature[data-seat="head-peek-rule"] .lm710-cat,
.lm710-creature[data-seat="head-peek-box"] .lm710-cat{
  width:17px;height:11px;background-size:17px 11px;background-repeat:no-repeat;background-image:var(--lm710-cat-head);transform:none!important;left:0;right:auto;bottom:0;top:0;
}
.lm710-creature[data-seat="head-peek-rule"][data-facing="left"] .lm710-cat,
.lm710-creature[data-seat="head-peek-box"][data-facing="left"] .lm710-cat{background-image:var(--lm710-cat-head-left);}
.lm710-creature[data-seat="head-peek-rule"][data-state="alert"] .lm710-cat,
.lm710-creature[data-seat="head-peek-rule"][data-state="inspect"] .lm710-cat,
.lm710-creature[data-seat="head-peek-box"][data-state="alert"] .lm710-cat,
.lm710-creature[data-seat="head-peek-box"][data-state="inspect"] .lm710-cat{background-image:var(--lm710-cat-head);}
.lm710-creature[data-seat="head-peek-rule"][data-facing="left"][data-state="alert"] .lm710-cat,
.lm710-creature[data-seat="head-peek-rule"][data-facing="left"][data-state="inspect"] .lm710-cat,
.lm710-creature[data-seat="head-peek-box"][data-facing="left"][data-state="alert"] .lm710-cat,
.lm710-creature[data-seat="head-peek-box"][data-facing="left"][data-state="inspect"] .lm710-cat{background-image:var(--lm710-cat-head-left);}
/* right-edge rule peeks */
.lm710-creature[data-seat="head-peek-rule"]{right:12px;bottom:0;}
.lm710-creature[data-seat="head-peek-rule"][data-variant="low"]{right:14px;bottom:0;}
/* box-top peeks */
.lm710-creature[data-seat="head-peek-box"]{right:18px;top:-11px;}
#hardware-section .impact-log .lm710-creature{right:11px;top:-11px;}
#ksb-target.lm710-anchor{padding-right:34px;}
#ksb-target .lm710-creature{right:12px;top:-11px;}
/* section-specific micro tuning */
#lightspeed-section .impact-head .lm710-creature{right:14px;}
#theorem-section .impact-head .lm710-creature{right:15px;}
#xsleak-section .impact-head .lm710-creature{right:17px;}
/* no visible dimming */
.lm710-creature[data-reacting="true"]{--lm710-y:-1px;}
@media(max-width:760px){
  #ksb-target{padding-right:10px!important;}
  #hardware-section .lm710-creature{display:none;}
}
@media(prefers-reduced-motion:reduce){
  .lm710-creature,.lm710-cat{transition:none!important;animation:none!important;}
  #hardware-section .lm710-creature{display:none;}
}
/* ISOLATING_BORDER_NATIVE_MARGINALIA_HEAD_PEEK_REFINEMENT_V23_7_10_END */
