/* v12.10.155 — stable single-sheet turn with contained soft curl.
   No vertical strip mesh, no duplicate page layers, no detached diagonal shadows. */
.magazine-shell .flip-sheet{
  overflow:hidden!important;
  isolation:isolate!important;
  pointer-events:none!important;
  filter:drop-shadow(0 calc(10px + 14px * var(--shadow,0)) calc(18px + 24px * var(--shadow,0)) rgba(0,0,0,calc(.22 + .16 * var(--shadow,0))))!important;
  backface-visibility:visible!important;
}
.magazine-shell .flip-paper{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transform-style:preserve-3d!important;
  border-radius:inherit!important;
  background:var(--paper,#f3dda4)!important;
  box-shadow:
    inset 0 0 22px rgba(58,36,12,.10),
    inset calc(var(--flip-dir,1) * -18px) 0 26px rgba(0,0,0,calc(.03 + .12 * var(--wave,0))),
    inset calc(var(--flip-dir,1) * 10px) 0 18px rgba(255,248,210,calc(.03 + .08 * var(--wave,0)))!important;
}
.magazine-shell .flip-face{
  position:absolute!important;
  inset:0!important;
  opacity:1!important;
  overflow:hidden!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  background:var(--paper,#f3dda4)!important;
  border:1px solid rgba(82,52,19,.30)!important;
  box-shadow:inset 0 0 24px rgba(63,39,13,.11)!important;
}
.magazine-shell .flip-front{transform:translateZ(1px)!important;}
.magazine-shell .flip-back{transform:rotateY(180deg) translateZ(.9px)!important;}
.magazine-shell .flip-sheet .page{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  transform:none!important;
  box-shadow:none!important;
  filter:none!important;
  pointer-events:none!important;
}
.magazine-shell .real-page-mesh,
.magazine-shell .real-page-strip,
.magazine-shell .real-strip-face,
.magazine-shell .mesh-page-clone,
.magazine-shell .real-paper-field,
.magazine-shell .real-paper-slice{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
/* Kill the old triangular/diagonal effects completely. */
.magazine-shell .flip-corner-cutout,
.magazine-shell .flip-corner-curl,
.magazine-shell .flip-curl-shadow,
.magazine-shell .flip-diagonal-crease,
.magazine-shell .flip-fold,
.magazine-shell .flip-bend-map,
.magazine-shell .flip-curl,
.magazine-shell .flip-shadow,
.magazine-shell .kau-underpage,
.magazine-shell .flip-contact-shadow,
.magazine-shell .flip-rolling-shadow{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
/* A subtle attached paper belly, constrained inside the page. It suggests bend without cloning page layers. */
.magazine-shell .flip-curl-surface{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:calc(10% + 14% * var(--bend-soft,0))!important;
  z-index:8!important;
  display:block!important;
  pointer-events:none!important;
  opacity:calc(.10 + .22 * var(--bend-soft,0))!important;
  filter:blur(.15px)!important;
  mix-blend-mode:multiply!important;
  background:linear-gradient(90deg,
    rgba(255,248,208,.12) 0%,
    rgba(0,0,0,.10) 44%,
    rgba(255,248,208,.10) 70%,
    rgba(0,0,0,.08) 100%)!important;
  transform:translateZ(5px) skewY(calc(var(--pull-sign,1) * 1.4deg * var(--bend-soft,0)))!important;
}
.magazine-shell .flip-next .flip-curl-surface{right:0!important;left:auto!important;border-radius:46% 0 0 46%!important;}
.magazine-shell .flip-prev .flip-curl-surface{left:0!important;right:auto!important;border-radius:0 46% 46% 0!important;transform:translateZ(5px) scaleX(-1) skewY(calc(var(--pull-sign,1) * 1.4deg * var(--bend-soft,0)))!important;}
.magazine-shell .flip-curl-lip{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:calc(4px + 7px * var(--edge-fold,0))!important;
  z-index:11!important;
  display:block!important;
  pointer-events:none!important;
  opacity:calc(.38 + .30 * var(--edge-fold,0))!important;
  background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(105,70,24,.26),rgba(255,249,219,.24))!important;
  box-shadow:0 0 calc(5px + 10px * var(--edge-fold,0)) rgba(0,0,0,calc(.08 + .16 * var(--edge-fold,0)))!important;
  transform:translateZ(9px)!important;
}
.magazine-shell .flip-next .flip-curl-lip{right:0!important;left:auto!important;}
.magazine-shell .flip-prev .flip-curl-lip{left:0!important;right:auto!important;}
.magazine-shell .flip-paper-shade{
  position:absolute!important;
  inset:0!important;
  z-index:7!important;
  pointer-events:none!important;
  display:block!important;
  opacity:calc(.10 + .24 * var(--wave,0))!important;
  mix-blend-mode:multiply!important;
  background:linear-gradient(90deg,
    rgba(0,0,0,calc(.05 + .12 * var(--wave,0))) 0%,
    transparent 36%,
    rgba(255,248,210,calc(.02 + .05 * var(--wave,0))) 56%,
    rgba(0,0,0,calc(.04 + .10 * var(--wave,0))) 100%)!important;
}
.magazine-shell .flip-prev .flip-paper-shade{
  background:linear-gradient(270deg,
    rgba(0,0,0,calc(.05 + .12 * var(--wave,0))) 0%,
    transparent 36%,
    rgba(255,248,210,calc(.02 + .05 * var(--wave,0))) 56%,
    rgba(0,0,0,calc(.04 + .10 * var(--wave,0))) 100%)!important;
}
.magazine-shell .flip-edge,
.magazine-shell .flip-glint{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  z-index:12!important;
  pointer-events:none!important;
  display:block!important;
}
.magazine-shell .flip-edge{
  width:2px!important;
  opacity:calc(.28 + .22 * var(--wave,0))!important;
  right:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(82,52,19,.28),rgba(255,255,255,.22))!important;
}
.magazine-shell .flip-prev .flip-edge{left:0!important;right:auto!important;}
.magazine-shell .flip-glint{
  width:9%!important;
  opacity:calc(.05 + .13 * var(--wave,0))!important;
  right:0!important;
  filter:blur(1px)!important;
  background:linear-gradient(90deg,transparent,rgba(255,248,203,.35),transparent)!important;
}
.magazine-shell .flip-prev .flip-glint{left:0!important;right:auto!important;}
.magazine-shell .flip-spine-cover{
  width:16px!important;
  opacity:calc(.45 + .22 * var(--wave,0))!important;
  filter:none!important;
  background:linear-gradient(90deg,rgba(22,13,5,.58),rgba(255,232,165,.18),rgba(22,13,5,.42))!important;
}
.magazine-shell.is-dragging .flip-sheet .flip-front,
.magazine-shell.is-dragging .flip-sheet .flip-back,
.magazine-shell.flip-committing .flip-sheet .flip-front,
.magazine-shell.flip-committing .flip-sheet .flip-back,
.magazine-shell.flip-reverting .flip-sheet .flip-front,
.magazine-shell.flip-reverting .flip-sheet .flip-back{opacity:1!important;}
@media (max-width:760px), (prefers-reduced-motion: reduce){.magazine-shell .flip-sheet{filter:none!important;}}

/* v12.10.156 — single-sheet point curl. No mesh/strips. The visible page is clipped and
   lightly warped from the grab height so it bends from the point of interaction. */
.magazine-shell .flip-paper{
  transform:translateZ(0) perspective(1600px) rotateX(calc(var(--twist,0deg) * .18))!important;
  will-change:clip-path, transform!important;
}
/* Clip the outer edge into a slight dynamic S/kink. This is the safest HTML5 substitute
   for real paper deformation without cloning the page into visible strips. */
.magazine-shell .flip-next .flip-paper{
  clip-path:polygon(
    0 0,
    calc(100% - var(--clip-top,0%)) 0,
    calc(100% - var(--edge-nip,0%)) calc(var(--origin-y,50%) - 11%),
    100% var(--origin-y,50%),
    calc(100% - var(--edge-nip,0%)) calc(var(--origin-y,50%) + 11%),
    calc(100% - var(--clip-bottom,0%)) 100%,
    0 100%
  )!important;
}
.magazine-shell .flip-prev .flip-paper{
  clip-path:polygon(
    var(--clip-top,0%) 0,
    100% 0,
    100% 100%,
    var(--clip-bottom,0%) 100%,
    var(--edge-nip,0%) calc(var(--origin-y,50%) + 11%),
    0 var(--origin-y,50%),
    var(--edge-nip,0%) calc(var(--origin-y,50%) - 11%)
  )!important;
}
.magazine-shell .flip-pull-crease,
.magazine-shell .flip-pull-belly{
  position:absolute!important;
  z-index:13!important;
  pointer-events:none!important;
  display:block!important;
  opacity:calc(.08 + .28 * var(--bend-soft,0))!important;
  top:calc(var(--origin-y,50%) - 18%)!important;
  height:36%!important;
  width:calc(16% + 12% * var(--bend-soft,0))!important;
  border-radius:50%!important;
  filter:blur(.3px)!important;
  mix-blend-mode:multiply!important;
}
.magazine-shell .flip-pull-belly{
  opacity:calc(.05 + .16 * var(--bend-soft,0))!important;
  background:radial-gradient(ellipse at center,
    rgba(0,0,0,.18) 0%,
    rgba(0,0,0,.09) 32%,
    rgba(255,245,198,.08) 56%,
    transparent 74%)!important;
  transform:translateZ(8px) scaleX(calc(.80 + .35 * var(--bend-soft,0)))!important;
}
.magazine-shell .flip-pull-crease{
  opacity:calc(.10 + .24 * var(--bend-soft,0))!important;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,246,205,.18) 32%,
    rgba(93,61,21,.20) 50%,
    rgba(255,246,205,.12) 64%,
    transparent 100%)!important;
  transform:translateZ(10px) rotate(calc(var(--pull-sign,1) * 4deg * var(--bend-soft,0)))!important;
}
.magazine-shell .flip-next .flip-pull-crease,
.magazine-shell .flip-next .flip-pull-belly{right:calc(-2% + var(--edge-nip,0%) * .20)!important;left:auto!important;}
.magazine-shell .flip-prev .flip-pull-crease,
.magazine-shell .flip-prev .flip-pull-belly{left:calc(-2% + var(--edge-nip,0%) * .20)!important;right:auto!important;transform:translateZ(10px) scaleX(-1) rotate(calc(var(--pull-sign,1) * 4deg * var(--bend-soft,0)))!important;}
/* Keep generic shading extremely soft; the bend should be expressed by shape/edge, not by a giant fake shadow. */
.magazine-shell .flip-paper-shade{opacity:calc(.035 + .12 * var(--wave,0))!important;}
.magazine-shell .flip-curl-surface{opacity:calc(.06 + .14 * var(--bend-soft,0))!important;width:calc(8% + 8% * var(--bend-soft,0))!important;}
.magazine-shell .flip-curl-lip{opacity:calc(.30 + .22 * var(--edge-fold,0))!important;}
.magazine-shell .flip-sheet{filter:drop-shadow(0 calc(6px + 10px * var(--shadow,0)) calc(14px + 18px * var(--shadow,0)) rgba(0,0,0,calc(.18 + .12 * var(--shadow,0))))!important;}