/* Wild Rift skin cards of the gift block (api/lib/rift_gift.php: rift_gift_skin_grid), shared by Rift Lab champion pages and the champion stories.
   Compact grid, reserved 16:9 image boxes (no layout shift), logical properties (RTL-safe). Tier colours: Legendary gold, Epic purple, Rare blue, Common grey. */
.rgs-grid{--rgs-line:var(--rld-line,var(--nxb-line,rgba(255,255,255,.12)));--rgs-dim:var(--rld-dim,#aeb9b2);--rgs-acc:var(--nxb-acc,#45f882);display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:14px 0 6px;padding:0;list-style:none}
.rgs-grid .rgs-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;overflow:hidden;border:1px solid var(--rgs-line);border-radius:12px;background:rgba(255,255,255,.03)}
.rgs-grid .rgs-fig{position:relative;margin:0;aspect-ratio:16/9;background:#0e1310}
.rgs-grid .rgs-img{display:block;width:100%;height:100%;max-width:100%;margin:0;border:0;border-radius:0;object-fit:cover}
.rgs-grid .rgs-badge{position:absolute;inset-block-start:8px;inset-inline-start:8px;padding:3px 9px;border-radius:999px;background:rgba(8,12,10,.82);border:1px solid currentColor;color:#c3cfc8;font:700 11px/1.3 Rajdhani,Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.rgs-grid .rgs-badge--legendary{color:#ffc756}.rgs-grid .rgs-badge--epic{color:#c79bff}.rgs-grid .rgs-badge--rare{color:#7fb8ff}.rgs-grid .rgs-badge--common{color:#c3cfc8}.rgs-grid .rgs-badge--unknown{color:#aeb9b2;border-style:dashed}
.rgs-grid .rgs-badge--ultimate{color:#ff8434}.rgs-grid .rgs-badge--mythic{color:#ff5470}.rgs-grid .rgs-badge--prestige{color:#4fe0d0}.rgs-grid .rgs-badge--limited{color:#ff8fe0}.rgs-grid .rgs-badge--vault{color:#9aa7ff}.rgs-grid .rgs-badge--event{color:#8be28b}.rgs-grid .rgs-badge--special{color:#d6c3a3}
.rgs-grid .rgs-btn--ask::before{content:"";width:1.05em;height:1.05em;margin-inline-end:7px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2z'/%3E%3C/svg%3E") center/contain no-repeat}
.rgs-grid .rgs-card--legendary{border-color:rgba(255,199,86,.45)}.rgs-grid .rgs-card--epic{border-color:rgba(199,155,255,.4)}.rgs-grid .rgs-card--rare{border-color:rgba(127,184,255,.4)}
.rgs-grid .rgs-body{display:flex;flex:1;flex-direction:column;gap:6px;padding:10px 11px 12px}
.rgs-grid .rgs-name{margin:0;color:#fff;font:700 15px/1.25 Rajdhani,Poppins,sans-serif;letter-spacing:.01em;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.rgs-grid .rgs-price{margin:0;color:var(--rgs-acc);font:700 19px/1.2 Rajdhani,Poppins,sans-serif}
.rgs-grid .rgs-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-block-start:auto;padding:8px 12px;border:1px solid transparent;border-radius:10px;background:var(--rgs-acc);color:#06130b;font-size:14px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none}
.rgs-grid .rgs-btn:hover,.rgs-grid .rgs-btn:focus-visible{background:#7dffb6;color:#06130b}
.rgs-grid .rgs-btn--ghost{background:transparent;border-color:var(--rgs-line);color:#e7edf2}
.rgs-grid .rgs-btn--ghost:hover,.rgs-grid .rgs-btn--ghost:focus-visible{background:rgba(255,255,255,.08);color:#fff}
/* League of Legends skin tiles in "Skins and skin lines" (layout/blog-v3.php): inline badge, price and button under the name, only for a confirmed tier */
.nxb3-skin .rgs-tag{display:inline-block;padding:2px 9px;border:1px solid currentColor;border-radius:999px;font:700 11px/1.4 Rajdhani,Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.nxb3-skin .rgs-badge--ultimate{color:#ff8434}.nxb3-skin .rgs-badge--legendary{color:#ffc756}.nxb3-skin .rgs-badge--epic{color:#c79bff}
.nxb3-skin .rgs-tagprice{color:var(--nxb-link,#7dffb6);font:700 18px/1.2 Rajdhani,Poppins,sans-serif}
.nxb3-skin .rgs-tagbtn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:44px;padding:8px 10px;border-radius:10px;background:var(--nxb-acc,#45f882);color:#06130b;font-size:13.5px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none}
.nxb3-skin .rgs-tagbtn:hover,.nxb3-skin .rgs-tagbtn:focus-visible{background:#7dffb6;color:#06130b}
.rgs-credit{color:var(--rld-dim,#aeb9b2);font-size:.92em}
@media(max-width:640px){.rgs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rgs-grid .rgs-body{padding:9px 9px 10px}.rgs-grid .rgs-name{font-size:14px}.rgs-grid .rgs-price{font-size:17px}}
@media(max-width:360px){.rgs-grid{grid-template-columns:minmax(0,1fr)}}