/* Original Rumba chip designs adapted to a compact Telegram Mini App collection. */
.rumba-awards-collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:13px 10px;justify-items:center;padding:12px 2px 8px}
.rumba-award-item{appearance:none;background:none!important;border:0!important;box-shadow:none!important;min-width:0;width:100%;height:64px;padding:7px 4px!important;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}
.rumba-award-item:focus-visible{outline:2px solid #f5d46c;outline-offset:2px;border-radius:10px}
.rumba-award-stack{--face:#f6f7f9;--ink:#111;position:relative;width:49px;height:49px;display:block;isolation:isolate}
.rumba-award-stack::before,.rumba-award-stack::after{content:'';position:absolute;inset:0;border-radius:50%;background:var(--face);box-shadow:0 2px 4px #0007;z-index:-1;transform:translate(4px,-3px) rotate(-12deg)}
.rumba-award-stack::after{transform:translate(8px,-6px) rotate(-12deg);filter:brightness(.85)}
.rumba-award-stack[data-count="1"]::before,.rumba-award-stack[data-count="1"]::after{display:none}
.rumba-award-face{width:100%;height:100%;border-radius:50%;background:var(--face);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;letter-spacing:-.5px;transform:rotate(-9deg);border:2px solid #ffffff75;box-shadow:0 2px 2px #0007,0 6px 13px #0005,inset 0 0 14px #fff5;text-shadow:0 1px 1px #0002}
.rumba-award-stack.white{--face:#f6f7f9}.rumba-award-stack.blue{--face:#2b7fff;--ink:white}.rumba-award-stack.green{--face:#2ab66a;--ink:#031}.rumba-award-stack.red{--face:#ff3b3b;--ink:white}.rumba-award-stack.yellow{--face:#ffd646;--ink:#3a2a00}.rumba-award-stack.orange{--face:#ffa63b;--ink:#3a1600}.rumba-award-stack.black{--face:#202327;--ink:white}
.rumba-award-stack.gem{--face:linear-gradient(135deg,#a86cff,#36d6ff)}
.rumba-award-stack.big{--face:#e4e4ff}.rumba-award-stack.big5000{--face:radial-gradient(circle at 30% 30%,#fff9d4,#e0b83e 45%,#b68700);--ink:#3b2a00}
.rumba-award-stack.big .rumba-award-face,.rumba-award-stack.big5000 .rumba-award-face{font-size:11px}
.rumba-award-stack.month{--face:radial-gradient(circle at 30% 30%,#ffb6c1,#e0162b 40%,#7a0012 90%);--ink:white}
.rumba-award-stack.month .rumba-award-face{font-size:11px;box-shadow:0 0 12px #ff435f90,inset 0 0 16px #fff5}
.rumba-award-stack.season,.rumba-award-stack.year{--face:#e9e9e9}
.rumba-award-stack.season .rumba-award-face,.rumba-award-stack.year .rumba-award-face{font-size:11px}
.rumba-award-stack.coin::before,.rumba-award-stack.coin::after{display:none}
.rumba-award-stack.coin img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #0009)}
.rumba-award-count{position:absolute;z-index:4;top:-8px;right:-10px;padding:2px 5px;border-radius:12px;background:#080b0be8;color:white;font-size:11px;font-weight:900;line-height:1.2;border:1px solid #ffffff50;pointer-events:none}
#rumba-award-details:not([hidden]){margin-top:14px;padding:13px 14px;border-radius:11px;background:#20503a;border:1px solid #64836b;color:#f0f5ed;font-size:14px}
#rumba-award-details p{margin:7px 0 0;color:#d6e9d9;line-height:1.4}
@media(max-width:400px){.rumba-awards-collection{grid-template-columns:repeat(auto-fill,minmax(57px,1fr));gap:10px 7px}}