/* "This game": everything a game earned you in one list (assets/game-summary.js). Inside the finish screen, or a corner
   card at a cash table and in the lobby after a cash-out. Big moments (a League climb, the house match, a top-3
   leaderboard spot) come first, in gold. */
.gsum-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.gsum-row{position:relative;display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--muck-line,#292929);border-radius:10px;background:var(--muck-surface-2,#1b1b1b);text-align:left;opacity:0;transform:translateY(6px);animation:gsum-in .35s ease forwards;animation-delay:calc(.25s + var(--i) * .22s)}
.gsum-row.is-big{border-color:var(--muck-gold-muted,#d8bd84);background:color-mix(in srgb,var(--muck-gold,#ffd34f) 9%,var(--muck-surface-2,#1b1b1b))}
.gsum-row.is-link{cursor:pointer}
.gsum-row.is-link:hover{border-color:var(--muck-gold-muted,#d8bd84)}
.gsum-ico{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--muck-surface-3,#262626);color:var(--muck-text-2,#b4b4b4);font-size:19px}
.gsum-row.is-big .gsum-ico{background:var(--muck-gold,#ffd34f);color:var(--muck-gold-ink,#0b1117)}
.gsum-badge{flex:none;width:34px;height:34px;object-fit:contain}
.gsum-copy{min-width:0}
.gsum-copy b{display:block;font:700 13.5px/1.3 var(--muck-font,Inter,system-ui,sans-serif);color:var(--muck-text,#f2f2f2)}
.gsum-row.is-big .gsum-copy b{color:var(--muck-gold,#ffd34f)}
.gsum-copy small{display:block;margin-top:2px;font-size:12px;line-height:1.4;color:var(--muck-text-2,#b4b4b4)}
@keyframes gsum-in{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.gsum-row{animation:none;opacity:1;transform:none}}

/* In the finish screen */
#game-over-modal .gsum-modal{position:relative;order:2;width:100%;margin:4px 0 10px}   /* after the standings (order 2), before the replay line (3) and buttons (4) */
#game-over-modal .gsum-modal .gsum-list{gap:5px}
#game-over-modal .gsum-modal .gsum-row{gap:10px;padding:7px 10px}
#game-over-modal .gsum-modal .gsum-ico,#game-over-modal .gsum-modal .gsum-badge{width:28px;height:28px;font-size:16px}
#game-over-modal .gsum-modal .gsum-copy b,#game-over-modal .gsum-modal .gsum-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#game-over-modal .gsum-modal .gsum-copy b{font-size:13px}
#game-over-modal .gsum-modal .gsum-copy small{font-size:11.5px}
#game-over-modal .gsum-modal h3{margin:0 0 8px;font:800 11px var(--muck-font,Inter,system-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--muck-text-3,#7d7d7d);text-align:left}

/* The corner card: bottom right like the League touts, left of MuckBot's button in the lobby */
.gsum-card{position:fixed;right:22px;bottom:22px;z-index:906;width:340px;max-width:calc(100vw - 24px);padding:12px;border:1px solid var(--muck-gold-muted,#d8bd84);border-radius:14px;background:#0e0e0e;color:var(--muck-text,#f2f2f2);box-shadow:0 14px 40px #000b;font-family:var(--muck-font,Inter,system-ui,sans-serif);opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease}
.gsum-card.show{opacity:1;transform:none}
.gsum-card-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 8px}
.gsum-card-head b{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muck-gold,#ffd34f)}
.gsum-close{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:none;color:var(--muck-text-3,#7d7d7d);cursor:pointer}
.gsum-close:hover{color:var(--muck-text,#f2f2f2)}
.gsum-close:focus-visible{outline:2px solid var(--muck-gold,#ffd34f);outline-offset:2px}
.gsum-close .material-symbols-rounded{font-size:18px}
@media(min-width:761px){body:not(.desktop-game-active):not(.mobile-game-active):has(.mw) .gsum-card{right:98px}}
@media(max-width:760px){.gsum-card{right:12px;left:12px;bottom:12px;width:auto;max-width:none}}

/* Confetti for the big moments */
.gsum-confetti{position:absolute;inset:0;overflow:visible;pointer-events:none}
.gsum-confetti i{position:absolute;top:0;width:7px;height:11px;border-radius:2px;background:var(--c);animation:gsum-fall var(--d) ease-out forwards}
@keyframes gsum-fall{from{transform:translate(0,0) rotate(0);opacity:1}to{transform:translate(calc(var(--x) * 90px),140px) rotate(var(--r));opacity:0}}
