/* release 432 (owner): a round "+" at the bottom right of each small game card, for Save (the Watchlist). It sits over the card's corner
   as its own button, so the card still opens on any other click. */
.gxk { position: relative; }
.gxk .lvk-foot { padding-right: 44px; }
.gxk-save { position: absolute; right: 14px; bottom: 14px; z-index: 2; display: inline-grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid #D0D5DD; border-radius: 50%; background: #fff; color: #3C3CC3; cursor: pointer; box-shadow: 0 1px 2px rgba(16, 24, 40, .06); transition: background .15s, border-color .15s, color .15s; }
.gxk-save svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
.gxk-save:hover { background: #3C3CC3; border-color: #3C3CC3; color: #fff; }
.gxk-save:focus-visible { outline: 2px solid #4647E5; outline-offset: 2px; }
@media (max-width: 820px) { .gxk-save { right: 10px; bottom: 10px; width: 32px; height: 32px; } .gxk .lvk-foot { padding-right: 38px; } }
html body .gxk .lvk-btn .lvk-foot { padding-right: 44px !important; box-sizing: border-box; }
html body .gxk .lvk-btn .lvk-foot .bt-badge { white-space: normal !important; text-align: left; height: auto !important; min-height: 0 !important; line-height: 1.3 !important; padding-top: 3px !important; padding-bottom: 3px !important; }
@media (max-width: 820px) { html body .gxk .lvk-btn .lvk-foot { padding-right: 40px !important; } }
/* release 433: the two-tap save sheet */
.tr .tr-done small { display: block; margin-top: 4px; color: #667085; font-weight: 500; }
.tr .tr-next { margin: 14px 0 0; color: #475467; font-size: 14px; }
/* release 436: saved = a green tick */
.gxk-save.is-saved { background: #12B76A; border-color: #12B76A; color: #fff; }
.gxk-save.is-saved:hover { background: #0E9F5C; border-color: #0E9F5C; color: #fff; }
.gx-save.is-saved { color: #067647 !important; border-color: #ABEFC6 !important; background: #ECFDF3 !important; }
/* release 437: the save note (the sheet closes by itself) */
.bt-toast { position: fixed; left: 50%; bottom: 24px; z-index: 2147483000; display: flex; align-items: center; gap: 14px; max-width: calc(100vw - 32px); padding: 12px 16px; border-radius: 12px; background: #170F49; color: #fff; box-shadow: 0 12px 32px -12px rgba(16, 24, 40, .45); font: 700 14px/1.35 var(--b-font, Nunito, system-ui, sans-serif); transform: translateX(-50%); transition: opacity .25s, transform .25s; }
.bt-toast[hidden] { display: none; }
.bt-toast.is-out { opacity: 0; transform: translate(-50%, 8px); }
.bt-toast button { flex: none; padding: 4px 10px; border: 1px solid rgba(255, 255, 255, .4); border-radius: 8px; background: transparent; color: #fff; font: inherit; cursor: pointer; }
.bt-toast button:hover { background: rgba(255, 255, 255, .12); }
@media (max-width: 820px) { .bt-toast { left: 16px; right: 16px; bottom: 84px; max-width: none; justify-content: space-between; transform: none; } .bt-toast.is-out { transform: translateY(8px); } }