.subscription-offer{box-sizing:border-box;width:calc(100% - 48px);max-width:1200px;margin:18px auto 22px;padding:14px 22px 17px;border:1px solid var(--line,#e3e0e8);border-radius:22px;background:#fff;box-shadow:0 6px 24px #21173606;text-align:center;clear:both}
.subscription-offer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
a.subscription-offer-link{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:14px;min-width:0;min-height:76px;padding:15px 22px;border:1px solid transparent;border-radius:16px;text-decoration:none!important;font-family:inherit;font-size:15px;font-weight:700;line-height:1.35;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;animation:subscription-glow 2.8s ease-in-out infinite;transition:filter .2s,box-shadow .2s}
a.offer-vk{background:var(--purple,#6e42d6);color:#fff!important;border-color:var(--purple,#6e42d6)}a.offer-tg{background:var(--lime,#e5f584);color:var(--ink,#211736)!important;border-color:#d4e571}
.subscription-link-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;min-width:0}.subscription-link-copy small{font-size:12px;line-height:1.4;font-weight:500;letter-spacing:.15px}.subscription-link-copy strong{font-size:20px;font-weight:800;line-height:1.15;letter-spacing:-.3px}.subscription-link-symbol{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid currentColor;border-radius:12px;font-size:23px;opacity:.9}
a.subscription-offer-link:focus-visible{outline:3px solid #8c63e4;outline-offset:4px}a.subscription-offer-link:hover{filter:brightness(1.04)}
.subscription-offer-prices{margin:12px 0 0!important;font-size:13px!important;font-weight:500;line-height:1.5!important;color:var(--muted,#76707f)}
.subscription-pointers{display:flex;justify-content:space-around;max-width:300px;margin:0 auto 9px;font-size:24px;font-weight:700;line-height:1;color:var(--purple,#6e42d6)}
.subscription-pointers span{animation:subscription-arrow 2.8s ease-in-out infinite}.subscription-pointers span:nth-child(2){animation-delay:.15s}.subscription-pointers span:nth-child(3){animation-delay:.3s}
.subscription-offer-compact{width:100%;margin:12px 0!important;padding:13px 0 0!important;max-width:none;border:0;border-top:1px solid var(--line,#e3e0e8);border-radius:0;background:transparent;box-shadow:none;grid-column:1/-1;flex:0 0 auto}
.subscription-offer-compact .subscription-offer-links{grid-template-columns:1fr;gap:8px}.subscription-offer-compact a.subscription-offer-link{justify-content:flex-start;min-height:60px;padding:10px 14px;border-radius:12px}.subscription-offer-compact .subscription-link-copy small{font-size:11px}.subscription-offer-compact .subscription-link-copy strong{font-size:16px}.subscription-offer-compact .subscription-link-symbol{height:32px;flex-basis:32px;border-radius:10px;font-size:20px}.subscription-offer-compact .subscription-offer-prices{font-size:12px!important}
.free-materials-trigger{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;text-align:left;min-height:48px}
#free-materials-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;padding:32px 24px 24px;border:1px solid var(--line,#e3e0e8);border-radius:22px;background:#fff;color:var(--ink,#211736)}#free-materials-dialog::backdrop{background:#211736aa}#free-materials-dialog h2{padding-right:24px;font-size:26px;line-height:1.2;letter-spacing:-.7px}#free-materials-dialog p{font-size:15px;line-height:1.6;color:var(--muted,#76707f)}#free-materials-dialog .subscription-offer-link{min-height:54px}.free-materials-close{position:absolute;right:10px;top:8px;width:44px;height:44px;border:0;background:transparent;font-size:30px;cursor:pointer}
@keyframes subscription-glow{0%,100%{box-shadow:0 0 0 0 #6e42d600}50%{box-shadow:0 0 0 3px #6e42d622,0 4px 12px #21173612}}
@keyframes subscription-arrow{0%,100%{transform:translateY(-2px);opacity:.55}50%{transform:translateY(2px);opacity:1}}
@media(min-width:1001px){#site-surface:has(> #catalog:not([hidden]))>.subscription-offer{width:calc(100% - 330px);max-width:none;margin-left:300px;margin-right:30px}}
@media(max-width:600px){.subscription-offer{width:calc(100% - 28px);margin-top:12px;padding:12px 14px 14px;border-radius:18px}.subscription-offer-links{grid-template-columns:1fr;gap:10px}a.subscription-offer-link{min-height:70px;padding:13px 16px;justify-content:flex-start}.subscription-offer-prices{max-width:310px;margin:12px auto 0!important}.subscription-pointers{font-size:22px;max-width:220px}#free-materials-dialog{padding:30px 18px 20px}.subscription-offer-compact{width:100%}}
@media(prefers-reduced-motion:reduce){a.subscription-offer-link,.subscription-pointers span{animation:none}}

/* CARDS-20261010-R1: content determines the height of every card section. */
.subscription-offer-compact{flex:0 0 auto}
.game-body{flex:1 0 auto}
.game-body>*{flex-shrink:0;min-width:0}
.game>.cover-link,.game>.variant-covers{flex-shrink:0}