/* ─────────────────────────────────────────────────────────────────────────────
   game_over.css -- the WIN / LOSE card of Ostdle, Dokkandle, Passivedle, Silhouette and Full Power
   (#overModal > .over-card.victory / .defeat). Owner, 16 Oct 2026, from gameover_trial.html: G5 "glow splash" in the
   COMPACT layout, and on a win the LIGHT BURST -- slowly turning light rays behind the card art, "all yellow-whiteish".
   It was a grey #161616 card, a light blue SHARE button, rounded red / green buttons and confetti in one diagonal line.
   The games' own .over-* rules are still in each page; these come after them (!important where they set the same).
   --oc / --oc-rgb = the result colour: red for GAME OVER, green for VICTORY.
   ───────────────────────────────────────────────────────────────────────────── */
.over-card.defeat{--oc:#ff3b3b;--oc-rgb:255,59,59;}
.over-card.victory{--oc:#3FD47A;--oc-rgb:63,212,122;}

/* the card: near-black, a soft glow of the result colour behind the art, an edge in it */
.over-card{max-width:360px !important;padding:16px 18px 16px !important;
  background:radial-gradient(circle at 50% 26%,rgba(var(--oc-rgb),.28),transparent 46%),#0d1016 !important;
  border:1px solid rgba(var(--oc-rgb),.45) !important;}

/* compact: smaller title, art and stat boxes */
.over-title{font-size:2.5rem !important;letter-spacing:2px !important;}
.over-kick{margin:8px 0 2px !important;font-size:.64rem !important;}
.over-framed{margin:2px auto 4px !important;padding:6px !important;zoom:.72;}
.over-ti{font-size:.84rem !important;}
.over-nm{font-size:1.12rem !important;margin-top:1px !important;}
.over-lives{margin:10px 0 !important;padding:8px !important;background:rgba(0,0,0,.35) !important;
  border:1px solid rgba(255,255,255,.1) !important;border-radius:10px !important;}
.over-lives b{font-size:1.3rem !important;}
.over-lives-row{margin:8px 0 !important;gap:8px !important;}

/* the buttons: Glowy angled plates -- SHARE lit in the result colour across the card, MAIN MENU / NEXT side by side */
.over-acts{flex-direction:row !important;flex-wrap:wrap;gap:8px !important;}
.over-acts .ob{flex:1 1 0;min-width:110px;}
.over-acts .ob.share{flex-basis:100%;}
.ob{position:relative;isolation:isolate;background:none !important;border:0 !important;border-radius:0 !important;color:#fff !important;
  font:700 .8rem 'Rajdhani',sans-serif !important;letter-spacing:2px !important;padding:9px !important;}
.ob::before{content:'';position:absolute;inset:0;z-index:-1;transform:skewX(-12deg);border-radius:5px;
  background:rgba(var(--oc-rgb),.06);border:1px solid rgba(var(--oc-rgb),.6);transition:box-shadow .15s;}
.ob.share::before{background:linear-gradient(180deg,rgba(var(--oc-rgb),.45),rgba(var(--oc-rgb),.14));border-color:var(--oc);
  box-shadow:0 0 14px rgba(var(--oc-rgb),.45);}
.ob:hover::before{box-shadow:0 0 18px rgba(var(--oc-rgb),.7);}
.ob:hover{filter:none !important;}

/* THE WIN: light rays in yellow-white turning slowly behind the card art (the confetti is gone) */
.over-card.victory .confetti{display:none;}
.over-card.victory .over-framed{position:relative;isolation:isolate;}
.over-card.victory .over-framed::before{content:'';position:absolute;left:50%;top:50%;width:360px;height:360px;margin:-180px 0 0 -180px;
  z-index:-1;border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(rgba(255,250,215,.5) 0 7deg,transparent 7deg 20deg,rgba(255,226,130,.36) 20deg 26deg,transparent 26deg 40deg);
  -webkit-mask:radial-gradient(circle,#000 18%,transparent 66%);mask:radial-gradient(circle,#000 18%,transparent 66%);
  animation:ovBurst 14s linear infinite;}
@keyframes ovBurst{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){ .over-card.victory .over-framed::before{animation:none;} }