/* Obchod odměn — karta nákupu a minikarta prodloužení v chatu (core/reward-shop-card.js). Předloha
   docs/mockups/2026-11-08-obchod-odmen.html scéna 2. Jen tmavé téma. */
.ucrsc { position: relative; margin: 4px 0; border-radius: 14px; padding: 12px 12px 11px; overflow: hidden; isolation: isolate; border: 1px solid rgba(123,211,107,.5); color: #efeff1;
  background: radial-gradient(300px 140px at 0 0, rgba(123,211,107,.22), transparent 70%), radial-gradient(240px 120px at 100% 100%, rgba(255,170,40,.14), transparent 70%), #121815;
  box-shadow: 0 0 22px rgba(123,211,107,.12); font-size: 13px; line-height: 1.4; }
.ucrsc::before { content: ''; position: absolute; inset: 0; z-index: -1; background: repeating-linear-gradient(115deg, transparent 0 18px, rgba(255,255,255,.025) 18px 19px); }
.ucrsc:not(.ended)::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.12) 50%, transparent 65%); transform: translateX(-120%); animation: ucrsc-sweep 2.6s 1s ease-out 2; }
@keyframes ucrsc-sweep { 40%, 100% { transform: translateX(120%); } }
.ucrsc-k { display: flex; align-items: center; gap: 6px; font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; font-weight: 900; color: #9be38a; }
.ucrsc-main { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: center; margin-top: 8px; }
.ucrsc-ic { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; color: #d8ffcb; background: radial-gradient(circle at 30% 25%, #3c6b33, #16301a); box-shadow: inset 0 0 0 1px rgba(123,211,107,.5), 0 0 16px rgba(123,211,107,.3); }
.ucrsc-ic img { width: 28px; height: 28px; object-fit: contain; }
.ucrsc-ic .ucrs-emo { font-size: 24px; }
.ucrsc-who { font-size: 12.5px; color: #adadb8; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ucrsc-n { color: #bf94ff; }
.ucrsc h3 { margin: 2px 0 0; font-size: 16px; font-weight: 900; text-wrap: balance; overflow-wrap: anywhere; }
.ucrsc-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; align-items: center; }
.ucrsc-pill { display: inline-flex; align-items: center; gap: 5px; min-height: 24px; padding: 0 9px; border-radius: 999px; background: rgba(0,0,0,.35); border: 1px solid rgba(255,255,255,.1); font-size: 11.5px; font-weight: 800; max-width: 100%; }
.ucrsc-pill.time { color: #c4f0b8; border-color: rgba(123,211,107,.4); font-family: 'JetBrains Mono', ui-monospace, monospace; }
.ucrsc-pill.dim { color: #adadb8; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ucrsc-pill .uc-stash-ico { margin: -3px 0; }
.ucrsc-num { font-family: 'JetBrains Mono', ui-monospace, monospace; font-weight: 800; font-variant-numeric: tabular-nums; }
.ucrsc-bar { margin-top: 9px; height: 4px; border-radius: 2px; background: rgba(255,255,255,.08); overflow: hidden; }
.ucrsc-bar i { display: block; height: 100%; background: linear-gradient(90deg, #4fbf5b, #b6f09a); box-shadow: 0 0 8px #7bd36b; transition: width 1s linear; }
.ucrsc-to { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 8px; font-size: 11px; color: #adadb8; }
.ucrsc-tc { display: inline-block; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 1px 7px; border-radius: 999px; background: rgba(0,0,0,.35); border: 1px solid rgba(123,211,107,.35); color: #e6f7d9; font-weight: 700; }
.ucrsc-tc.me { background: rgba(123,211,107,.25); border-color: #9be38a; color: #fff; box-shadow: 0 0 8px rgba(123,211,107,.35); }
.ucrsc-tc.more { border-color: rgba(255,255,255,.12); color: #adadb8; }
/* osobní pruh příjemce (createRewardGiftNotice, pruh createBonusNotice v zelené) */
.ucb-nt[data-kind="rshop"] { color: #e6f7d9; background: linear-gradient(90deg, rgba(123,211,107,.2), rgba(123,211,107,.06)), #121815; border-color: rgba(123,211,107,.6); box-shadow: 0 0 12px rgba(123,211,107,.2); }
.ucb-nt[data-kind="rshop"] .ucb-nt-ico { color: #9be38a; filter: drop-shadow(0 0 3px rgba(123,211,107,.6)); align-items: center; justify-content: center; }
.ucb-nt[data-kind="rshop"] .ucb-nt-text { background-image: linear-gradient(90deg, rgba(0,0,0,0) 40%, rgba(235,255,225,.95) 50%, rgba(0,0,0,0) 60%), linear-gradient(90deg, #9be38a, #e6f7d9); }
.ucb-nt[data-kind="rshop"] .ucb-nt-ok { color: #0d1a0b; background: linear-gradient(135deg, #4fbf5b, #b6f09a); box-shadow: 0 0 8px rgba(123,211,107,.4); }
.ucrsc-ext { margin-top: 7px; font-size: 11px; color: #adadb8; display: flex; flex-wrap: wrap; align-items: center; gap: 0 4px; }
.ucrsc-ext b { color: #ff8c5a; }
.ucrsc-ext .uc-stash-ico { margin: -4px 0; }
.ucrsc-plus, .ucrsc-new { display: inline-block; margin-left: 5px; padding: 0 5px; border-radius: 4px; background: rgba(123,211,107,.25); color: #e9ffe0; font-size: 10.5px; font-weight: 900; animation: ucrsc-blink 1.6s ease-in-out 4; }
@keyframes ucrsc-blink { 50% { background: rgba(123,211,107,.05); color: #9be38a; } }
.ucrsc.ended { filter: saturate(.25) brightness(.8); box-shadow: none; }

/* minikarta prodloužení */
.ucrsc-x { margin: 3px 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 1px 9px; align-items: center; padding: 7px 10px; border-radius: 10px; border: 1px solid rgba(123,211,107,.4); color: #efeff1;
  background: radial-gradient(200px 60px at 0 50%, rgba(123,211,107,.16), transparent 70%), #121815; box-shadow: 0 0 14px rgba(123,211,107,.12); font-size: 12.5px; }
.ucrsc-xi { grid-row: span 2; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; color: #d8ffcb; background: radial-gradient(circle at 30% 25%, #3c6b33, #16301a); box-shadow: inset 0 0 0 1px rgba(123,211,107,.45); }
.ucrsc-xi img { width: 18px; height: 18px; }
.ucrsc-xt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.ucrsc-xp { grid-row: span 2; font-family: 'JetBrains Mono', ui-monospace, monospace; font-weight: 800; font-size: 15px; color: #b6f09a; }
.ucrsc-xs { font-size: 11px; color: #adadb8; display: flex; align-items: center; gap: 4px; }
.ucrsc-xs .uc-stash-ico { margin: -4px 0; }
@media (prefers-reduced-motion: reduce) { .ucrsc::after { display: none; } .ucrsc-plus, .ucrsc-new { animation: none; } .ucrsc-bar i { transition: none; } }

/* Reakce PeepiLove pod kartou (2026-11-10, vzor .ucws .gg / .ucbb .gg) */
.ucrsc-gg { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; }
.ucrsc-gg .faces { display: inline-flex; }
.ucrsc-gg .faces i { width: 16px; height: 16px; border-radius: 50%; border: 2px solid #17171b; margin-left: -5px; background: var(--f); }
.ucrsc-gg .faces i:first-child { margin-left: 0; }
.ucrsc-gg .gg { font: inherit; font-size: 12px; font-weight: 800; color: inherit; background: rgba(0,0,0,.35); border: 1px solid rgba(255,255,255,.12); border-radius: 999px; min-height: 26px; padding: 0 10px 0 7px; cursor: pointer; display: inline-flex; gap: 5px; align-items: center; white-space: nowrap; transition: border-color .15s, background .15s, transform .15s; }
.ucrsc-gg .gg:hover { border-color: rgba(255,255,255,.3); }
.ucrsc-gg .gg:active { transform: scale(.95); }
.ucrsc-gg .gg .emote, .ucrsc-gg .gg img { height: 20px; width: auto; vertical-align: middle; }
.ucrsc-gg .gg .cnt { font-variant-numeric: tabular-nums; }
.ucrsc-gg .gg .cnt.bump { animation: ucrsc-gg-bump .4s ease-out; }
@keyframes ucrsc-gg-bump { 0% { transform: scale(1); } 40% { transform: scale(1.35); } 100% { transform: scale(1); } }
.ucrsc-gg .gg.mine { border-color: rgba(255, 120, 200, .6); background: rgba(255, 120, 200, .14); }
.ucrsc-gg .gg:focus-visible { outline: 2px solid #ff8ad0; outline-offset: 2px; }
.ucrsc-gg span.gg { cursor: default; }
@media (prefers-reduced-motion: reduce) { .ucrsc-gg .gg .cnt.bump { animation: none; } }