
.gw-more{width:34px;height:34px;border:0;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--textL);font:18px/1 var(--ui-font);letter-spacing:1px;cursor:pointer}
.gw-menu{position:absolute;right:0;top:40px;z-index:40;min-width:132px;background:var(--card);border-radius:14px;box-shadow:0 10px 30px rgba(80,65,60,.16);padding:6px;opacity:0;transform:translate3d(0,-6px,0);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.gw-menu.show{opacity:1;transform:none;pointer-events:auto}
.gw-menu button{display:block;width:100%;border:0;background:none;text-align:left;padding:9px 14px;font:13px var(--ui-font);color:var(--text);border-radius:10px;cursor:pointer}
.gw-wheel{position:relative;height:max(500px,calc(100dvh - 170px));overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;margin:-60px -18px 0;
  /* cards fade out at the edges instead of being cut off flat (Evie 10-09) */
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 90px,#000 calc(100% - 50px),transparent);mask-image:linear-gradient(180deg,transparent 0,#000 90px,#000 calc(100% - 50px),transparent)}
#mem-gallery .gallery-head{position:relative;z-index:5}
.gw-item{position:absolute;left:var(--cx);top:38%;width:var(--cw);aspect-ratio:1;margin:calc(var(--cw) / -2) 0 0 calc(var(--cw) / -2);transform-origin:calc(50% + var(--r)) 50%;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.gw-own,.gw-flip{position:absolute;inset:0;transform-style:preserve-3d}
.gw-flip{transition:transform .6s cubic-bezier(.3,1.05,.4,1)}
.gw-item.turned .gw-flip{transform:rotateY(180deg)}
.gw-face{position:absolute;inset:0;border-radius:16px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 1px 2px rgba(60,45,40,.10),0 8px 16px rgba(60,45,40,.12),0 18px 32px rgba(60,45,40,.12)}
.gw-front{background:color-mix(in srgb,var(--accent) 12%,var(--card))}
.gw-front img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.gw-front:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,0) 40%);pointer-events:none}
.gw-back{transform:rotateY(180deg);background:var(--card);padding:18px 16px 14px;display:flex;flex-direction:column}
.gw-back .gw-when{font:13px/1 var(--gw-hand,var(--ui-font)),var(--ui-font);letter-spacing:.2em;color:var(--textL);padding-right:34px}
.gw-back .gw-felt{margin-top:10px;flex:1;overflow:auto;font:17px/1.7 var(--gw-hand,var(--ui-font)),var(--ui-font);color:var(--text);-webkit-overflow-scrolling:touch}
.gw-back .gw-sig{margin-top:6px;text-align:right;font:17px var(--gw-hand,var(--ui-font)),var(--ui-font);color:var(--textL)}
.gw-back .gw-dots{position:absolute;right:9px;top:9px;width:28px;height:28px;border:0;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--textL);font:14px/1 var(--ui-font);cursor:pointer}
.gw-count{position:absolute;right:22px;bottom:14px;z-index:20;font:400 15px 'Cormorant Garamond',Georgia,serif;letter-spacing:.06em;color:var(--textL);pointer-events:none}
.gw-empty{position:absolute;left:0;right:0;top:40%;text-align:center;font:13px/1.7 var(--ui-font);color:var(--textL)}
