/* Shared live demos */
.live-root,#magpieLive,#foxLive{position:fixed;inset:0;z-index:80;display:none;background:#05010c;overflow:hidden}
.live-root.show,#magpieLive.show,#foxLive.show{display:block}
.live-root .live-stage,#magpieLive .live-stage,#foxLive .live-stage{position:absolute;inset:0;perspective:1100px;perspective-origin:50% 42%}
.live-root .live-world,#magpieLive .live-world,#foxLive .live-world{position:absolute;left:50%;top:50%;width:1400px;height:900px;
  transform:translate(-50%,-50%);transform-style:preserve-3d;transform-origin:50% 48%;will-change:transform}
.live-root .live-bg,#magpieLive .live-bg,#foxLive .live-bg{position:absolute;inset:-4% -6% 10%;width:112%;height:92%;object-fit:cover;
  pointer-events:none;user-select:none}
.live-root .live-floor,#magpieLive .live-floor,#foxLive .live-floor{position:absolute;left:-4%;right:-4%;bottom:2%;height:32%;
  transform-origin:50% 0;pointer-events:none}
.live-root .live-floor canvas,#magpieLive .live-floor canvas,#foxLive .live-floor canvas{width:100%;height:100%;display:block}
#magpieLive .live-reflection,#foxLive .live-reflection{position:absolute;left:50%;bottom:12%;width:34%;height:26%;
  transform:translateX(-50%) scaleY(-1);opacity:.2;filter:blur(1.2px);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 78%);pointer-events:none}
#magpieLive .live-reflection img{width:100%;height:auto;display:block}
#magpieLive .live-girl{position:absolute;left:50%;bottom:0;height:76%;z-index:4;transform:translateX(-50%);
  transform-origin:50% 88%;pointer-events:none}
#foxLive .live-girl{position:absolute;left:50%;bottom:-1%;height:82%;z-index:4;transform:translateX(-50%);
  transform-origin:50% 90%;pointer-events:none;position:absolute}
#foxLive .live-body{position:absolute;left:50%;top:0;transform:translateX(-50%);height:100%;pointer-events:none}
#foxLive .live-girl .woman{height:100%;width:auto;opacity:0}
#magpieLive .live-girl img.woman{height:100%;width:auto;display:block;filter:drop-shadow(0 28px 30px rgba(0,0,0,.55))}
#magpieLive .live-earring{position:absolute;transform-origin:50% 0;pointer-events:none;will-change:transform}
#magpieLive .live-earring.l{width:3.4%;top:21.1%;left:33.6%}
#magpieLive .live-earring.r{width:2.4%;top:16%;left:51.1%}
#magpieLive .live-earring img{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}
#magpieLive .live-coin{position:absolute;width:5.2%;top:23.8%;left:7.1%;transform-origin:50% 50%;
  pointer-events:none;will-change:transform}
#magpieLive .live-coin img{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 8px rgba(80,50,0,.55))}
#magpieLive .live-crystal{position:absolute;pointer-events:none;will-change:transform}
#magpieLive .live-crystal img{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 10px rgba(40,0,80,.35))}
.live-root .live-hud,#magpieLive .live-hud,#foxLive .live-hud{position:absolute;z-index:5;left:0;right:0;top:0;padding:16px 20px;
  display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}
.live-root .live-hud h2,#magpieLive .live-hud h2,#foxLive .live-hud h2{margin:0;color:#E8D7FF;font:900 clamp(18px,2.4vw,34px)/.9 "Arial Black",sans-serif;
  letter-spacing:-.03em}
.live-root .live-hud h2 span,#magpieLive .live-hud h2 span,#foxLive .live-hud h2 span{display:block;margin-top:6px;color:#9BAFFF;font:700 10px/1.3 ui-monospace,monospace;
  letter-spacing:.16em}
.live-root .live-hud button,#magpieLive .live-hud button,#foxLive .live-hud button{pointer-events:auto;font:700 11px ui-monospace,monospace;letter-spacing:.14em;
  padding:8px 14px;border:1px solid #5A4A88;background:#160B28;color:#E8D7FF;cursor:pointer}
.live-root .live-hud button:hover,#magpieLive .live-hud button:hover,#foxLive .live-hud button:hover{border-color:#C8B0FF;color:#fff}
.live-root .live-hint,#magpieLive .live-hint,#foxLive .live-hint{position:absolute;z-index:5;left:50%;bottom:14px;transform:translateX(-50%);
  color:rgba(200,190,255,.55);font:700 9px ui-monospace,monospace;letter-spacing:.14em;pointer-events:none}
.live-root .live-crystal,#foxLive .live-crystal,#magpieLive .live-crystal{position:absolute;pointer-events:none;will-change:transform}
.live-root .live-crystal img,#foxLive .live-crystal img{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 10px rgba(80,0,20,.4))}
.live-root .live-earring,#foxLive .live-earring{position:absolute;transform-origin:50% 0;pointer-events:none;will-change:transform}
.live-root .live-earring img,#foxLive .live-earring img{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}
#foxLive .live-hud h2 span{color:#E8A0A8}

.galcard.live{border-color:#7A5CFF;box-shadow:0 0 0 1px rgba(155,130,255,.25)}
.galcard.live:hover{border-color:#C8B0FF}
.galcard.live .tag{border-color:#9BAFFF;color:#9BAFFF}

@media (prefers-reduced-motion:reduce){
  #magpieLive .live-world,#magpieLive .live-crystal,#magpieLive .live-earring,#magpieLive .live-coin,#magpieLive .live-girl{transition:none}
}