/* Modular illustrated market: native card faces and separate treasury cutouts. */
.rv-market-v2 { --rv-gold: #e2ba68; }
.rv-market-v2 .rv-market-hero { max-width: 1320px; min-height: 252px; padding: 24px 32px 20px; gap: 40px; }
.rv-market-v2 .rv-market-hero h1 { font-size: clamp(35px, 3.8vw, 53px); line-height: .99; margin: 12px 0; }
.rv-market-v2 .rv-market-hero p { max-width: 520px; margin: 0; color: #6d7b7e; font-size: 12px; }
.rv-hero-promise { display: flex; align-items: center; gap: 10px; margin-top: 17px; font-size: 10px; color: #9c8358; }
.rv-hero-promise b { padding: 6px 9px; border: 1px solid #c8ab70; color: #886b32; background: #f2e5c6; border-radius: 3px; }
.rv-banner-fan { position: relative; width: 352px; height: 224px; flex: none; perspective: 900px; }
.rv-banner-card { position: absolute; top: 24px; left: 16px; transform: rotate(-13deg); filter: drop-shadow(0 6px 5px #142f433b); pointer-events: none; }
.rv-banner-card:nth-child(2) { z-index: 2; left: 115px; top: 0; transform: rotate(1deg); }
.rv-banner-card:nth-child(3) { left: 214px; top: 25px; transform: rotate(14deg); }
.rv-banner-fan::before { content: ""; position: absolute; inset: -15px -30px; background: radial-gradient(ellipse, #b8a9e84d, transparent 68%); }
.rv-market-v2 .rv-market-content { max-width: 1320px; padding: 0 32px 25px; }
.rv-market-v2 .rv-market-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; border: 0; margin: 6px 0 23px; }
.rv-market-v2 .rv-market-tabs > a { position: relative; display: flex; align-items: center; gap: 14px; padding: 14px 19px; border: 1px solid #d4c39d; border-radius: 6px; background: #fffaf099; color: #748083; font-size: 14px; }
.rv-market-v2 .rv-market-tabs > a[aria-current] { border-color: #a88442; color: #13344f; background: linear-gradient(115deg, #f4e5c6, #fffaf0); box-shadow: 0 3px 0 #b6924c26; }
.rv-market-v2 .rv-market-tabs > a span { margin-top: 4px; font-size: 10px; color: #8a8d80; }
.rv-market-tabs > a > img { width: 27px; height: 35px; object-fit: contain; flex: none; filter: drop-shadow(0 2px 2px #30224622); }
.rv-market-tabs > a > b { margin-left: auto; font-family: 'Fraunces', Georgia, serif; font-size: 24px; color: #b7ab8d; opacity: .6; }
.rv-market-v2 .rv-shop-intro { margin: 0 0 18px; }
.rv-market-v2 .rv-shop-intro h2 { font-size: 26px; margin-bottom: 0; }
.rv-market-v2 .pk-store { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.rv-market-v2 .pk-shop { display: flex; flex-direction: column; min-width: 0; min-height: 0; margin: 0; border: 1px solid #9f7a4e; border-radius: 11px; background: #16152c; box-shadow: 0 13px 27px #3a204827; }
.rv-market-v2 .pk-rl01 { --pk-light: #68cfff; background: #11283b; }
.rv-market-v2 .pk-rl02 { --pk-light: #c693ff; background: #21162e; }
.rv-market-v2 .pk-product-art { min-height: 286px; height: 286px; padding: 19px 25px 24px; flex: none; overflow: hidden; background: radial-gradient(ellipse at 50% 65%, color-mix(in srgb, var(--pk-light) 25%, transparent), transparent 68%); }
.pk-market-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 27%; opacity: .18; mask-image: linear-gradient(#0009, #0006 45%, transparent); -webkit-mask-image: linear-gradient(#0009, #0006 45%, transparent); z-index: -1; }
.rv-market-v2 .pk-product-art .pk-wrapper { z-index: 2; width: 150px; height: 227px; transform: rotate(-5deg); }
.pk-showcase { position: absolute; z-index: 1; inset: 0; pointer-events: none; }
.pk-showcase-card { position: absolute; left: calc(50% - 163px); top: 61px; transform: rotate(-17deg); filter: drop-shadow(0 7px 6px #0006); }
.pk-showcase-card:nth-child(2) { left: calc(50% + 65px); top: 63px; transform: rotate(16deg); }
.rv-market-v2 .pk-art-caption { bottom: 8px; font-size: 9px; color: #c4b3df; max-width: calc(100% - 32px); }
.rv-market-v2 .pk-product-art .pk-orbit { width: 255px; height: 255px; }
.rv-market-v2 .pk-product-art .pk-orbit-two { width: 350px; height: 350px; opacity: .5; }
.rv-market-v2 .pk-product-copy { display: flex; flex-direction: column; align-self: stretch; padding: 22px 27px 24px; flex: 1; }
.rv-market-v2 .pk-product-copy h2 { margin: 10px 0 12px; font-size: 35px; line-height: 1.06; }
.rv-market-v2 .pk-product-copy h2 br { display: none; }
.rv-market-v2 .pk-product-copy h2 em::before { content: " "; }
.rv-market-v2 .pk-product-copy > p { font-size: 12px; margin: 0; line-height: 1.7; max-width: none; }
.rv-market-v2 .pk-product-facts { margin: 18px 0; padding: 12px 0; border-top: 1px solid #ddc8ff19; border-bottom: 1px solid #ddc8ff19; justify-content: space-between; gap: 10px; }
.rv-market-v2 .pk-product-facts b { font-size: 21px; }
.rv-market-v2 .pk-product-facts > span { font-size: 9px; gap: 3px; }
.rv-market-v2 .pk-avatar-bonus { margin: 3px 0 17px; padding: 10px; background: #ffffff04; }
.rv-market-v2 .pk-avatar-bonus > img { width: 42px; height: 42px; }
.rv-market-v2 .pk-avatar-bonus b { font-size: 11px; }
.rv-market-v2 .pk-avatar-bonus small { font-size: 9px; }
.pk-purchase { margin-top: auto; border: 1px solid #b89d624d; background: linear-gradient(140deg, #ffffff09, #00000018); padding: 13px; border-radius: 7px; }
.pk-purchase > small, .pk-checkout-payment > small { display: block; margin-bottom: 9px; color: #b5a7bb; font-size: 8px; text-transform: uppercase; letter-spacing: .11em; }
.pk-payment-options { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.pk-payment-option { position: relative; min-width: 0; display: flex; align-items: center; gap: 8px; border: 1px solid #9c89b64f; border-radius: 5px; padding: 9px 8px; background: #090f1e33; color: #e6d7f3; text-align: left; }
.pk-payment-option img { width: 30px; height: 30px; object-fit: contain; flex: none; }
.pk-payment-option > span { display: grid; gap: 1px; }
.pk-payment-option b { font-size: 15px; font-weight: 800; line-height: 1.2; }
.pk-payment-option small { font-size: 8px; font-weight: 600; color: #baabc9; }
.pk-payment-option::after { content: ""; width: 10px; height: 10px; margin-left: auto; flex: none; border: 1px solid #b4a4c6; border-radius: 50%; }
.pk-payment-option[aria-pressed="true"] { border-color: #e8c877; background: #d4a95316; box-shadow: inset 0 0 0 1px #f6d48d24; }
.pk-payment-option[aria-pressed="true"]::after { background: #ecc675; box-shadow: inset 0 0 0 2px #352539; border-color: #edcd8c; }
.pk-payment-option.pk-option-prisms[aria-pressed="true"] { border-color: #b998f1; background: #bd84f626; }
.pk-payment-option.pk-option-prisms[aria-pressed="true"]::after { background: #c29bf9; border-color: #c29bf9; }
.pk-order { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 13px 15px; margin-top: 10px; border: 1px solid #f9dc91; border-radius: 5px; background: linear-gradient(115deg, #ffe6a6, #dcb354); color: #302322; font-size: 12px; font-weight: 800; box-shadow: 0 3px 12px #daa7471c; }
.pk-order > span { font-size: 19px; line-height: 1; }
.pk-order.pk-order-prisms { background: linear-gradient(115deg, #ceadff, #9673d5); border-color: #d4b7ff; color: #241638; }
.pk-preview-link { margin: 12px 0 0; color: #cdbedc; font-size: 10px; text-align: center; background: transparent; border: 0; text-decoration: underline; text-underline-offset: 3px; }
.rv-market-v2 .pk-fine { font-size: 9px; line-height: 1.65; margin: 11px 0 0; color: #a89cb5; }
.rv-market-v2 .pk-collection-line { font-size: 9px; gap: 7px; padding-top: 12px; margin-top: 12px; }
.rv-market-v2 .pk-collection-line button { font-size: 9px; }
.rv-market-v2 .pk-pity-line { border-top: 0; padding-top: 0; margin-top: 14px; }
.rv-market-v2 .rv-wallet-hero { min-height: 188px; }
.rv-wallet-crest { display: flex; align-items: center; justify-content: center; gap: 9px; padding-right: 50px; }
.rv-wallet-crest > img { width: 83px; height: 83px; transform: rotate(-12deg); filter: drop-shadow(0 8px 7px #70503122); }
.rv-wallet-crest > img + img { width: 100px; height: 100px; margin-left: -18px; transform: rotate(13deg); }
.rv-treasury-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.rv-treasury { position: relative; isolation: isolate; overflow: hidden; border: 1px solid #c2a259; border-radius: 11px; padding: 27px; background: radial-gradient(ellipse at 80% 38%, #cb8b353d, transparent 65%), linear-gradient(140deg, #162e3a, #12333d 55%, #102936); color: #fbebc5; box-shadow: 0 10px 25px #36302322; }
.rv-treasury.rv-prisms { background: radial-gradient(ellipse at 78% 28%, #ad77ed57, transparent 67%), linear-gradient(140deg, #252145, #35265c 55%, #1c2142); border-color: #a68bce; color: #eee0ff; }
.rv-treasury-top { min-height: 227px; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.rv-treasury-kind { display: inline-block; padding: 4px 7px; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #e7c688; border: 1px solid #e8c67d44; background: #ca9f4d0b; border-radius: 3px; }
.rv-prisms .rv-treasury-kind { border-color: #caacff55; color: #d8b9ff; background: #a57ade18; }
.rv-treasury h2 { font-size: 35px; line-height: 1; margin: 16px 0 19px; color: inherit; }
.rv-treasury-top > div > small { display: block; color: #b7a780; font-size: 8px; letter-spacing: .12em; }
.rv-prisms .rv-treasury-top > div > small { color: #bfaad7; }
.rv-treasury strong[data-rilvaris-value] { display: block; margin-top: 3px; font: 800 45px/1.2 'DM Sans', sans-serif; color: #ffe1a1; overflow-wrap: anywhere; }
.rv-prisms strong[data-rilvaris-value] { color: #d9b8ff; }
.rv-treasury-top p { font-size: 11px; line-height: 1.65; margin: 12px 0 0; color: #b0c6c8; }
.rv-prisms .rv-treasury-top p { color: #c1b3d2; }
.rv-treasury-art { position: relative; width: 100%; height: 239px; object-fit: contain; align-self: center; transform: translateX(5px); filter: drop-shadow(0 15px 10px #0004); animation: rv-treasure-float 7s ease-in-out infinite; }
.rv-prisms .rv-treasury-art { animation-delay: -3s; }
@keyframes rv-treasure-float { 0%, 100% { transform: translate3d(5px, 3px, 0) rotate(-1deg); } 50% { transform: translate3d(5px, -5px, 0) rotate(1deg); } }
.rv-treasury-rings { position: absolute; z-index: -1; width: 325px; height: 325px; border: 1px solid #d5b2681f; border-radius: 50%; top: -10px; right: -37px; box-shadow: 0 0 0 18px #d5b26808, 0 0 0 20px #d5b26811, 0 0 0 55px #d5b26806; }
.rv-prisms .rv-treasury-rings { border-color: #d6b2ff33; box-shadow: 0 0 0 20px #d6b2ff07, 0 0 0 22px #d6b2ff18, 0 0 0 55px #d6b2ff06; }
.rv-treasury-sparks { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.rv-treasury-sparks i { position: absolute; left: var(--sx); top: var(--sy); width: 3px; height: 3px; border-radius: 50%; background: #ffdf8f; box-shadow: 0 0 8px #ffd86d; animation: rv-treasure-spark 5s ease-in-out var(--sd) infinite; }
.rv-prisms .rv-treasury-sparks i { background: #d7b3ff; box-shadow: 0 0 8px #b280ff; }
@keyframes rv-treasure-spark { 0%, 100% { opacity: .12; transform: translateY(13px) scale(.5); } 45% { opacity: .8; transform: translateY(-13px) scale(1); } }
.rv-treasury-rewards { position: relative; display: grid; grid-template-columns: 1fr 1fr; margin: 17px 0 15px; background: #071a254a; border: 1px solid #e4c88526; border-radius: 6px; }
.rv-prisms .rv-treasury-rewards { background: #140d2f40; border-color: #c4a1fb33; }
.rv-treasury-rewards > span { display: grid; grid-template-columns: auto 1fr; column-gap: 5px; align-items: center; padding: 12px; }
.rv-treasury-rewards > span + span { border-left: 1px solid #eed39e22; }
.rv-treasury-rewards img { width: 23px; height: 23px; object-fit: contain; }
.rv-treasury-rewards b { font-size: 16px; }
.rv-treasury-rewards small { grid-column: 1 / -1; font-size: 8px; color: #b6bcae; margin-top: 4px; }
.rv-prisms .rv-treasury-rewards small { color: #c5b3d9; }
.rv-treasury-action { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border: 1px solid #d7b57070; border-radius: 4px; color: #f9daa0; background: #d4af5c15; font-weight: 800; font-size: 11px; }
.rv-prisms .rv-treasury-action { border-color: #b798dc80; color: #e1c7ff; background: #b18bdd17; }
.rv-goals-section { margin-top: 32px; }
.rv-market-v2 .rv-section-title h2 { font-size: 27px; }
.rv-pack-goals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 17px; }
.rv-pack-goal { display: flex; gap: 17px; align-items: center; padding: 19px; background: #fffaf0a1; border: 1px solid #d4c3a0; border-radius: 7px; min-width: 0; }
.rv-pack-goal > img { width: 76px; height: 104px; object-fit: cover; border: 1px solid #b69b64; border-radius: 5px; transform: rotate(-5deg); box-shadow: 0 4px 8px #44352826; flex: none; }
.rv-pack-goal > div { flex: 1; min-width: 0; }
.rv-pack-goal small { color: #a38b5b; font-size: 8px; font-weight: 800; letter-spacing: .06em; }
.rv-pack-goal h3 { font-family: 'Fraunces', Georgia, serif; font-size: 18px; color: #344d60; line-height: 1.2; margin: 6px 0 12px; }
.rv-goal-line { display: grid; grid-template-columns: 115px 1fr; align-items: center; gap: 8px; margin: 6px 0; color: #8c825f; }
.rv-goal-line > span { display: flex; align-items: center; gap: 4px; white-space: nowrap; font-size: 9px; }
.rv-goal-line img { width: 18px; height: 18px; }
.rv-goal-line i { overflow: hidden; height: 4px; border-radius: 5px; background: #c6b99f55; }
.rv-goal-line i b { display: block; height: 100%; background: #c09a45; }
.rv-goal-line.rv-prisms i b { background: #9875c8; }
.rv-pack-goal a { display: inline-block; margin-top: 10px; color: #385a75; font-size: 10px; font-weight: 800; }
.rv-wallet-help { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 23px 0 4px; }
.rv-wallet-help details { padding: 13px 16px; border: 1px solid #d4c3a0; background: #ffffff25; border-radius: 5px; color: #7b7b70; font-size: 11px; }
.rv-wallet-help summary { cursor: pointer; font-weight: 800; color: #60767a; }
.rv-wallet-help p { line-height: 1.8; margin-bottom: 3px; }
.pk-dialog.pk-checkout { width: min(930px, 100%); padding: 24px; border: 1px solid #b89b66; border-radius: 12px; background: radial-gradient(ellipse at 10% 40%, #7d53a32a, transparent 65%), #171625; }
.pk-checkout-grid { display: grid; grid-template-columns: minmax(220px, .85fr) minmax(0, 1.15fr); gap: 27px; }
.pk-checkout-visual { position: relative; display: grid; place-items: center; min-height: 390px; border: 1px solid #b68cdd26; background: radial-gradient(ellipse, #9969dd30, transparent 70%); border-radius: 9px; overflow: hidden; isolation: isolate; }
.pk-checkout-visual .pk-wrapper { width: 169px; height: 256px; z-index: 2; }
.pk-checkout-visual .pk-showcase-card { left: calc(50% - 149px); top: 107px; }
.pk-checkout-visual .pk-showcase-card:nth-child(2) { left: calc(50% + 53px); top: 110px; }
.pk-checkout-visual > small { position: absolute; bottom: 25px; color: #c4aedc; font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }
.pk-checkout-copy { align-self: center; padding: 17px 14px 10px 0; }
.pk-checkout h2 { font: 900 34px/1.07 'Fraunces', Georgia, serif; margin: 11px 0; color: #fff1d2; }
.pk-checkout-copy > p { color: #b1a5c0; font-size: 11px; line-height: 1.8; }
.pk-checkout-payment { margin: 21px 0 14px; }
.pk-checkout-summary { margin: 0 0 18px; padding: 12px 0; border-block: 1px solid #d7bcf222; }
.pk-checkout-summary > div { display: flex; justify-content: space-between; align-items: baseline; gap: 15px; color: #b7a9c8; font-size: 11px; padding: 5px 0; }
.pk-checkout-summary dd { margin: 0; color: #e6d4f9; font-size: 12px; font-weight: 800; }
.pk-checkout .pk-checkout-buy { display: flex !important; justify-content: center; align-items: center; width: 100%; min-height: 47px; gap: 8px; font-size: 12px; font-weight: 800; }
.pk-checkout-buy img { width: 24px; height: 24px; }
.pk-checkout .pk-buy-prisms { background: linear-gradient(110deg, #c8a3fa, #916bc8) !important; color: #261938 !important; border-color: #d7b3ff !important; }
.pk-checkout-deficit { color: #e7c48b; font-size: 11px; line-height: 1.7; }
.pk-checkout-deficit a { color: #f3dba9; text-decoration: underline; }
.pk-checkout-note { display: block; color: #8f839e; font-size: 9px; line-height: 1.7; margin-top: 12px; }
.pk-checkout :is(button, a):focus-visible { outline: 2px solid #e6bd79; outline-offset: 3px; }
.rv-market-motion-paused .rv-market *, .rv-market-motion-paused .rv-market *::after, .rv-market-motion-paused .pk-backdrop *, .rv-market-motion-paused .pk-backdrop *::after { animation-play-state: paused !important; }
@media (max-width: 1000px) { .rv-market-v2 .rv-market-hero { padding-inline: 24px; gap: 20px; } .rv-banner-fan { transform: scale(.85); transform-origin: right center; margin-left: -50px; } .rv-market-v2 .rv-market-content { padding-inline: 24px; } .rv-market-v2 .pk-product-copy { padding: 21px; } .rv-market-v2 .pk-product-copy h2 { font-size: 29px; } .rv-treasury { padding: 21px; } .rv-treasury-art { height: 220px; } .rv-pack-goal { gap: 12px; padding: 15px; } .rv-goal-line { grid-template-columns: 1fr; gap: 4px; } }
@media (max-width: 760px) { .rv-market-v2 .rv-market-hero { min-height: 214px; gap: 0; padding: 23px 19px; } .rv-market-v2 .rv-market-hero h1 { font-size: 36px; } .rv-market-v2 .rv-market-hero p { font-size: 11px; max-width: 380px; } .rv-banner-fan { width: 240px; margin-left: -70px; transform: scale(.67); } .rv-market-v2 .rv-market-content { padding-inline: 18px; } .rv-market-v2 .pk-store { gap: 16px; } .rv-market-v2 .pk-product-copy { padding: 18px; } .rv-market-v2 .pk-product-copy h2 { font-size: 26px; } .rv-market-v2 .pk-product-art { height: 247px; min-height: 247px; } .rv-market-v2 .pk-product-art .pk-wrapper { width: 132px; height: 200px; } .pk-showcase-card { left: calc(50% - 135px); transform: rotate(-13deg) scale(.85); transform-origin: right bottom; top: 47px; } .pk-showcase-card:nth-child(2) { left: calc(50% + 29px); transform: rotate(13deg) scale(.85); transform-origin: left bottom; top: 49px; } .pk-payment-options { gap: 6px; } .pk-payment-option { gap: 4px; padding: 8px 5px; } .pk-payment-option img { width: 24px; height: 24px; } .pk-payment-option b { font-size: 13px; } .rv-treasury-grid, .rv-pack-goals { gap: 16px; } .rv-treasury-top { grid-template-columns: 1fr; min-height: 260px; } .rv-treasury-art { position: absolute; width: 62%; height: 190px; right: -8px; top: 18px; opacity: .95; z-index: -1; } .rv-treasury-top > div { max-width: 76%; } .rv-treasury h2 { font-size: 31px; } .rv-treasury-rewards { grid-template-columns: 1fr; } .rv-treasury-rewards > span + span { border-left: 0; border-top: 1px solid #eed39e22; } .rv-treasury-rewards > span { grid-template-columns: 24px 45px 1fr; padding: 10px; } .rv-treasury-rewards small { grid-column: auto; margin-top: 0; font-size: 8px; } .rv-prisms .rv-treasury-rewards > span:last-child { grid-template-columns: 70px 1fr; } .rv-wallet-crest { padding-right: 10px; } .rv-wallet-crest > img { width: 60px; height: 60px; } .rv-wallet-crest > img + img { width: 76px; height: 76px; } .pk-checkout-grid { gap: 18px; } }
@media (max-width: 620px) { .rv-market-v2 .pk-store, .rv-treasury-grid, .rv-pack-goals, .rv-wallet-help { grid-template-columns: 1fr; } .rv-banner-fan { display: none; } .rv-market-v2 .rv-market-hero { min-height: 0; padding-block: 24px 20px; } .rv-hero-promise { margin-top: 13px; gap: 8px; font-size: 8px; } .rv-market-v2 .rv-market-tabs { gap: 8px; margin: 0 0 20px; } .rv-market-v2 .rv-market-tabs > a { gap: 8px; padding: 12px 10px; font-size: 11px; } .rv-market-v2 .rv-market-tabs > a span { font-size: 8px; line-height: 1.4; } .rv-market-tabs > a > img { width: 22px; height: 29px; } .rv-market-tabs > a > b { display: none; } .rv-market-v2 .rv-shop-intro { align-items: flex-start; gap: 13px; } .rv-market-v2 .rv-shop-intro h2 { font-size: 25px; } .rv-market-v2 .pk-product-art { height: 270px; min-height: 270px; } .rv-market-v2 .pk-product-art .pk-wrapper { width: 148px; height: 224px; } .pk-showcase-card { left: calc(50% - 158px); top: 57px; transform: rotate(-15deg); } .pk-showcase-card:nth-child(2) { left: calc(50% + 55px); top: 59px; transform: rotate(15deg); } .rv-market-v2 .pk-product-copy { padding: 21px; } .rv-market-v2 .pk-product-copy h2 { font-size: 31px; } .pk-payment-option { padding: 10px; gap: 7px; } .pk-payment-option img { width: 30px; height: 30px; } .pk-payment-option b { font-size: 16px; } .rv-market-v2 .rv-wallet-hero { min-height: 0; } .rv-wallet-crest { display: none; } .rv-treasury { padding: 23px; } .rv-treasury-top { grid-template-columns: 1fr 1fr; min-height: 220px; } .rv-treasury-top > div { max-width: none; } .rv-treasury-art { position: relative; width: 100%; height: 214px; right: auto; top: auto; z-index: auto; } .rv-treasury-rewards { grid-template-columns: 1fr 1fr; } .rv-treasury-rewards > span { display: grid; grid-template-columns: auto 1fr; padding: 11px; } .rv-treasury-rewards > span + span { border-left: 1px solid #eed39e22; border-top: 0; } .rv-treasury-rewards small { grid-column: 1 / -1; margin-top: 5px; } .rv-treasury h2 { margin-top: 14px; } .rv-pack-goal { gap: 15px; padding: 18px; } .rv-goal-line { grid-template-columns: 110px 1fr; gap: 6px; } .rv-wallet-help { gap: 10px; } .pk-dialog.pk-checkout { padding: 30px 16px 20px; } .pk-checkout-grid { grid-template-columns: 1fr; gap: 15px; } .pk-checkout-visual { min-height: 205px; } .pk-checkout-visual .pk-wrapper { width: 108px; height: 164px; } .pk-checkout-visual .pk-showcase-card { left: calc(50% - 117px); top: 35px; transform: rotate(-14deg) scale(.7); transform-origin: right top; } .pk-checkout-visual .pk-showcase-card:nth-child(2) { left: calc(50% + 5px); top: 35px; transform: rotate(14deg) scale(.7); transform-origin: left top; } .pk-checkout-visual > small { bottom: 9px; font-size: 8px; } .pk-checkout-copy { padding: 0; } .pk-checkout h2 { font-size: 29px; } }
@media (max-width: 370px) { .rv-market-v2 .rv-market-content { padding-inline: 12px; } .rv-market-v2 .rv-market-hero { padding-inline: 15px; } .rv-market-v2 .rv-market-hero h1 { font-size: 32px; } .rv-market-v2 .rv-market-tabs > a { gap: 6px; padding-inline: 8px; } .rv-market-v2 .rv-market-tabs > a > img { display: none; } .rv-market-v2 .pk-product-copy { padding: 17px; } .rv-market-v2 .pk-product-copy h2 { font-size: 28px; } .rv-treasury { padding: 19px; } .rv-treasury-art { height: 190px; } .rv-treasury-top { min-height: 219px; } .rv-treasury h2 { font-size: 29px; } .rv-treasury-top p { font-size: 10px; } .rv-goal-line { grid-template-columns: 1fr; } .rv-treasury-rewards > span { padding-inline: 8px; } }
@media (prefers-reduced-motion: reduce) { .rv-market-v2 *, .rv-market-v2 *::before, .rv-market-v2 *::after, .pk-checkout *, .pk-checkout *::after { animation: none !important; transition: none !important; } }
.rv-runes .rv-treasury-rewards > span:nth-child(odd) { border-left: 0; }
.rv-runes .rv-treasury-rewards > span:nth-child(n+3) { border-top: 1px solid #eed39e22; }
.rv-runes .rv-treasury-rewards small { font-size: 10px; }

/* RL06: obsidian, spectral violet and antique gold. */
.pk-rl06 { --pack-accent:#b88be5; }
.pk-rl06 .pk-product-art { background:radial-gradient(ellipse at 50% 35%,#7946ab55,transparent 65%),#171020; }
.pk-rl06 .pk-wrapper-face { background:linear-gradient(135deg,#201625,#39254c); border-color:#cdb588; }
.pk-rl06 .pk-wrapper-title { font-size:18px; line-height:1.2; }
.rv-market-v2 .pk-rl06 { --pk-light:#d9b8fa; background:#1c1528; border-color:#9b7cad; }
.pk-rl06 .pk-product-copy h2 em { color:#dcc0f5; }
/* RL07: Olympian blue, marble and warm gold. */
.pk-rl07 { --pack-accent:#f2cd80; }
.pk-rl07 .pk-product-art { background:radial-gradient(ellipse at 50% 35%,#42c6e855,transparent 65%),#112b43; }
.pk-rl07 .pk-wrapper-face { background:linear-gradient(135deg,#17384e,#38647d); border-color:#f2cd80; }
.pk-rl07 .pk-wrapper-title { color:#fff0c9; font-size:24px; line-height:1.2; }
.rv-market-v2 .pk-rl07 { --pk-light:#ffe3a4; background:#142f46; border-color:#c5a96e; }
.pk-rl07 .pk-product-copy h2 em { color:#ffe3a4; }
/* RL03: river jade and mother-of-pearl, using the same wrapper structure. */
/* RL04: molten gold and storm violet, one titan per pack. */
.pk-rl04 { --pack-accent:#f0b84a; }
.pk-rl04 .pk-product-art { background:radial-gradient(ellipse at 50% 35%,#b5622a55,transparent 65%),#241528; }
.pk-rl04 .pk-wrapper-face { background:linear-gradient(135deg,#4a2a12,#2c1b4f); border-color:#e8c071; }
.pk-rl04 .pk-wrapper-title { font-size:17px; line-height:1.2; }
.rv-market-v2 .pk-rl04 { --pk-light:#ffd27a; background:#241a2c; border-color:#b78a49; }
.pk-rl04 .pk-product-copy h2 em { color:#ffd27a; }
.pk-rl03 { --pack-accent:#73d6b0; }
.pk-rl03 .pk-product-art { background:radial-gradient(ellipse at 50% 35%,#349b9a44,transparent 65%),#102b33; }
.pk-rl03 .pk-wrapper-face { background:linear-gradient(135deg,#183d32,#124661); border-color:#8fcbb5; }
.pk-rl03 .pk-wrapper-title { font-size:17px; line-height:1.2; }
.rv-market-v2 .pk-rl03 { --pk-light:#7ee3c1; background:#102831; border-color:#62a89b; }
.pk-rl03 .pk-product-copy h2 em { color:#9be4cd; }
.rv-market-v2 .pk-store:has(> .pk-shop:only-child) { grid-template-columns:minmax(0,1fr); }
@media(min-width:901px) {
  .rv-market-v2 .pk-store > :is(.pk-rl03,.pk-shop:only-child) { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); }
  .rv-market-v2 .pk-store > :is(.pk-rl03,.pk-shop:only-child) .pk-product-art { height:100%; min-height:570px; display:grid; place-items:center; }
  .rv-market-v2 .pk-store > :is(.pk-rl03,.pk-shop:only-child) .pk-product-art .pk-wrapper { width:210px; height:318px; }
  .rv-market-v2 .pk-store > :is(.pk-rl03,.pk-shop:only-child) .pk-showcase-card { top:calc(50% - 110px); left:calc(50% - 220px); transform:rotate(-16deg) scale(1.35); }
  .rv-market-v2 .pk-store > :is(.pk-rl03,.pk-shop:only-child) .pk-showcase-card:nth-child(2) { left:calc(50% + 100px); transform:rotate(16deg) scale(1.35); }
}