/* Provenance custom styles — CSS ONLY (never put JavaScript in this file) */
#pig-detail .btn{padding:8px 12px;font-size:13px}
#view .vframe + div{gap:16px}
body:not(.fabs-go) .float-btn{display:none!important}

@keyframes rabbitchomp{0%{transform:translate(-50%,-50%) translate(0,0) scale(2.2) scaleX(var(--flip,1)) rotate(0)}30%{transform:translate(-50%,-50%) translate(var(--sx,0px),var(--sy,0px)) scale(2.3) scaleX(var(--flip,1)) rotate(calc(var(--flip,1)*-14deg + var(--tilt,0deg)))}55%{transform:translate(-50%,-50%) translate(var(--sx,0px),var(--sy,0px)) scale(2.12) scaleX(var(--flip,1)) rotate(calc(var(--flip,1)*-6deg + var(--tilt,0deg)))}70%{transform:translate(-50%,-50%) translate(var(--sx,0px),var(--sy,0px)) scale(2.26) scaleX(var(--flip,1)) rotate(calc(var(--flip,1)*-12deg + var(--tilt,0deg)))}100%{transform:translate(-50%,-50%) translate(0,0) scale(2.2) scaleX(var(--flip,1)) rotate(0)}}
@keyframes rb-enter{0%{opacity:0;transform:scale(1.07);filter:brightness(1.3) saturate(1.2)}45%{opacity:1}100%{opacity:1;transform:scale(1);filter:brightness(1) saturate(1)}}
#rabbit-page{animation:rb-enter 1.15s cubic-bezier(.2,.8,.25,1) both}
@keyframes rb-sparkle{0%{opacity:0;transform:scale(.4) rotate(0)}30%{opacity:.95}100%{opacity:0;transform:scale(1.6) rotate(45deg)}}
.rb-sparkle{position:absolute;pointer-events:none;animation:rb-sparkle 1.3s ease-out both}
@keyframes rb-petal{0%{opacity:0;transform:translateY(0) scale(.6) rotate(0)}25%{opacity:1}100%{opacity:0;transform:translateY(26px) scale(1.1) rotate(60deg)}}
.rb-petal{position:absolute;pointer-events:none;color:#F291B5;animation:rb-petal .95s ease-in both}
@keyframes rabbithop{0%,100%{transform:translate(-50%,-50%) scale(var(--rs,2.2)) scaleX(var(--flip,1)) translateY(0)}50%{transform:translate(-50%,-50%) scale(var(--rs,2.2)) scaleX(var(--flip,1)) translateY(-14px)}}
@keyframes rabbitshake{0%{transform:translate(-50%,-50%) scale(var(--rs,2.2)) scaleX(var(--flip,1)) rotate(0)}30%{transform:translate(-50%,-50%) scale(var(--rs,2.2)) scaleX(var(--flip,1)) rotate(6deg)}60%{transform:translate(-50%,-50%) scale(var(--rs,2.2)) scaleX(var(--flip,1)) rotate(-5deg)}80%{transform:translate(-50%,-50%) scale(var(--rs,2.2)) scaleX(var(--flip,1)) rotate(4deg)}100%{transform:translate(-50%,-50%) scale(var(--rs,2.2)) scaleX(var(--flip,1)) rotate(0)}}

/* gear menu: hide Your Pigments */
#menu [data-action="open-pigments"]{display:none!important}
/* viewer: hide pin + poster, KEEP save next to refresh */
#pin-view,#poster-view{display:none!important}
#viewer-save,[data-action="viewer-save2"]{display:inline-flex!important}
/* hide install note */
.iu-note{display:none!important}
/* lightbox: full-height left/right tap bands */
#lightbox .lb-prev,#lightbox .lb-next{position:absolute!important;top:0!important;bottom:0!important;height:100%!important;width:34%!important;border-radius:0!important;border:0!important;background:transparent!important;transform:none!important}
#lightbox .lb-prev{left:0!important}
#lightbox .lb-next{left:auto!important;right:0!important}
/* viewer pill level with Timeline/Works */
#tabs-row{align-items:center}
/* viewer page fits horizontally */
html,body{overflow-x:hidden!important}
#view .page-head .sub{white-space:normal!important;max-width:100%}
#lightbox .lb-prev,#lightbox .lb-next{width:28%!important}
/* ---- Lightbox side bands: 100% invisible, no blue tap-flash, no focus ring ---- */
#lightbox, #lightbox *{-webkit-tap-highlight-color:transparent!important;}
#lightbox .lb-prev,#lightbox .lb-next{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:none!important;
  color:transparent!important;
  -webkit-user-select:none;user-select:none;
  -webkit-touch-callout:none;
  touch-action:manipulation;
}
#lightbox .lb-prev:hover,#lightbox .lb-prev:active,
#lightbox .lb-prev:focus,#lightbox .lb-prev:focus-visible,
#lightbox .lb-next:hover,#lightbox .lb-next:active,
#lightbox .lb-next:focus,#lightbox .lb-next:focus-visible{
  background:transparent!important;
  outline:none!important;
  box-shadow:none!important;
}
#lightbox, #lightbox *{-webkit-tap-highlight-color:transparent!important;}
#lightbox .lb-prev,#lightbox .lb-next{ background:transparent!important; outline:none!important; ... }
#lightbox .lb-prev:hover,...:active,...:focus,...:focus-visible{ background:transparent!important; outline:none!important; box-shadow:none!important; }