.fan-guide{display:none}
@media(max-width:760px){
  .deck-wrap.mobile-fan{position:relative;flex:none;height:176px;margin-top:auto;padding:0;overflow:hidden;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
  .mobile-fan .deck{width:100%;height:176px;overflow:hidden}
  .mobile-fan .dcard{width:var(--fan-card-width,75px);height:calc(var(--fan-card-width,75px)*var(--ratio));transform-origin:50% 50%;cursor:grab}
  .mobile-fan .dcard .lift{pointer-events:none}
  .mobile-fan .dcard:hover .lift{transform:none}
  .mobile-fan .dcard.fan-current .lift{transform:translateY(-7px);box-shadow:inset 0 0 0 3px var(--back-b),inset 0 0 0 4px var(--gold),0 0 18px rgba(201,164,92,.22),0 7px 18px rgba(0,0,0,.65)}
  .mobile-fan .dcard:focus-visible .lift{outline:2px solid var(--gold);outline-offset:3px}
  .mobile-fan.fan-dragging .dcard{cursor:grabbing}
  .mobile-fan.fan-dragging .lift{transition:none}
  .mobile-fan .fan-guide{position:absolute;top:0;left:14px;right:14px;display:flex;justify-content:space-between;pointer-events:none;color:var(--muted);font-size:10px;line-height:17px;letter-spacing:.02em}
  #fanPosition{color:var(--gold);font-variant-numeric:tabular-nums}
}
@media(max-width:760px) and (max-height:600px){
  .deck-wrap.mobile-fan,.mobile-fan .deck{height:152px}
}
@media(prefers-reduced-motion:reduce){.mobile-fan .dcard .lift{transition:none}}