/* Existing store actions retain native button/link semantics and their handlers.
   The supplied LiquidButton's layered glass treatment is shared with the React island. */
.btn.primary,.btn.secondary,.scene-replay{
  position:relative;isolation:isolate;overflow:hidden;
  border-radius:14px;border:1px solid #ffffffc7;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px #86abc65e,inset 1px 0 2px #fff9,inset -1px 0 2px #fff8,0 3px 8px #214d7820,0 12px 24px #315b7612;
  transition:transform .25s,box-shadow .25s,background .25s;
}
.btn.secondary,.scene-replay{
  color:#164371;
  background:linear-gradient(145deg,#ffffffc9 0%,#f7fbff8c 48%,#d1e5f47a 100%);
  -webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%);
}
.btn.primary{
  color:#fff;text-shadow:0 1px 1px #00408644;
  background:linear-gradient(165deg,#78bbfa70 0%,#287dddf0 38%,#0b5ac7f5 100%),#0b65d7;
  border-color:#a2d2ff;
  box-shadow:inset 0 1px 1px #d2edff,inset 0 -2px 3px #003d9266,inset 1px 0 2px #a2d6ff80,0 3px 6px #0b529531,0 9px 22px #0769cf2a;
}
.btn.primary:before,.btn.secondary:before,.scene-replay:before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,transparent 15%,#ffffff2e 40%,#ffffff70 49%,#ffffff10 62%,transparent 72%);
  opacity:.22;transform:translateX(-25%);transition:transform .7s,opacity .4s;
}
@media(hover:hover){
  .btn:not(:disabled):hover:before,.scene-replay:hover:before{transform:translateX(35%);opacity:.65}
  .btn.primary:not(:disabled):hover{background:linear-gradient(165deg,#88c7ff80,#227be1 44%,#095bc9);box-shadow:inset 0 1px 1px #e3f6ff,inset 0 -2px 2px #00428c55,0 6px 10px #0b52952b,0 14px 29px #0769cf32}
  .btn.secondary:not(:disabled):hover{background:linear-gradient(145deg,#fff,#ffffffad 50%,#dceefd);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px #79a4c666,0 7px 16px #29517422}
}
.btn:not(:disabled):active,.scene-replay:active{transform:translateY(1px) scale(.985)}
.btn:disabled{transform:none;opacity:.5;box-shadow:inset 0 1px 0 #fff5}
.btn:focus-visible,.scene-replay:focus-visible{outline:3px solid #086fe8;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.btn:before,.scene-replay:before{transition:none;transform:none}.btn:not(:disabled):hover,.btn:not(:disabled):active,.scene-replay:active{transform:none}}
@media(forced-colors:active){.btn.primary,.btn.secondary,.scene-replay{border:1px solid ButtonText;background:ButtonFace;color:ButtonText;text-shadow:none;box-shadow:none}.btn:before,.scene-replay:before{display:none}}