/* Страница Leyvu Plus и пакетов коинов (/plus, server/plus-page.js).
   Тарифы лежат веером, как карты в руке: наведённая карта выпрямляется, поднимается и светится, остальные отступают. */
.plus{display:grid;gap:26px;max-width:1120px;margin:0 auto}
.plus-hero{position:relative;overflow:hidden;padding:46px 32px 38px;border:1px solid #7c5cff40;border-radius:28px;background:radial-gradient(120% 140% at 0 0,#7c5cff38,transparent 55%),radial-gradient(90% 120% at 100% 0,#ff725b30,transparent 60%),var(--panel,#16161a);text-align:center;isolation:isolate}
.plus-glow{position:absolute;inset:-40% 20% auto;height:120%;z-index:-1;background:conic-gradient(from 90deg,#7c5cff00,#7c5cff44,#ff8ab044,#7c5cff00);filter:blur(60px);animation:plus-spin 18s linear infinite;opacity:.7}
@keyframes plus-spin{to{transform:rotate(1turn)}}
.plus-hero h1{margin:6px 0 10px;font-size:clamp(36px,6vw,58px);letter-spacing:-.03em;background:linear-gradient(90deg,#ff9ab8,#b79cff 55%,#8fd3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.plus-hero p:last-child{max-width:640px;margin:0 auto;color:#c9ced8;font-size:16px;line-height:1.55}
.plus-crown{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#7c5cff,#ff725b);color:#fff;box-shadow:0 14px 34px #7c5cff55}
.plus-crown svg{width:30px;height:30px}
/* веер тарифов */
.plus-deck{display:flex;justify-content:center;align-items:stretch;padding:34px 0 18px;perspective:1400px}
.plus-plan{--r:0deg;--y:0px;position:relative;display:flex;flex-direction:column;gap:14px;flex:0 1 340px;min-width:0;margin:0 -14px;padding:26px 22px 22px;border:1px solid #ffffff1f;border-radius:24px;background:linear-gradient(180deg,#1d1b2b,#141419 70%);box-shadow:0 22px 50px #000a;transform:translateY(var(--y)) rotate(var(--r));transform-origin:50% 120%;transition:transform .7s cubic-bezier(.16,1,.3,1),box-shadow .6s ease,border-color .6s ease,filter .6s ease,opacity .6s ease;z-index:1;outline:none}
.plus-plan.is-month{--r:-5deg;--y:18px}
.plus-plan.is-quarter{--y:-6px;z-index:2;border-color:#7c5cff80;background:linear-gradient(180deg,#2a1f4d,#17141f 70%);box-shadow:0 26px 60px #7c5cff33,0 22px 50px #000a}
.plus-plan.is-year{--r:5deg;--y:18px;border-color:#ff725b66;background:linear-gradient(180deg,#2c1a1f,#151316 70%)}
.plus-plan:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 70% at 50% -10%,#ffffff1f,transparent 60%);pointer-events:none}
.plus-deck:hover .plus-plan,.plus-deck:focus-within .plus-plan{filter:saturate(.85) brightness(.82)}
.plus-deck .plus-plan:hover,.plus-deck .plus-plan:focus-within{--r:0deg;--y:-22px;z-index:5;filter:none;transform:translateY(var(--y)) rotate(0) scale(1.03);border-color:#b79cff;box-shadow:0 0 0 1px #b79cff66,0 30px 80px #7c5cff59,0 0 60px #ff8ab033}
.plus-plan.is-year:hover,.plus-plan.is-year:focus-within{border-color:#ff9a85;box-shadow:0 0 0 1px #ff9a8566,0 30px 80px #ff725b55,0 0 60px #ffd08a33}
.plus-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:5px 14px;border-radius:999px;background:linear-gradient(90deg,#7c5cff,#b05cff);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 22px #7c5cff66}
.is-year .plus-badge{background:linear-gradient(90deg,#ff725b,#ff9a6b);color:#141416;box-shadow:0 8px 22px #ff725b66}
.plus-plan h3{margin:0;color:#e2e4ea;font-size:18px;font-weight:800}
.plus-price{display:flex;align-items:baseline;gap:10px;margin:8px 0 0}
.plus-price strong{font-size:40px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.plus-price s{color:#ffffff59;font-size:17px}
.plus-per{margin:4px 0 0;color:var(--muted,#a1a1aa);font-size:13.5px}
.plus-per b{padding:2px 8px;border-radius:999px;background:#5fe08f1f;color:#8fe8b0;font-weight:800}
.plus-coins{display:grid;gap:8px;padding:12px 14px;border:1px solid #ffffff14;border-radius:16px;background:#ffffff08}
.plus-coins p{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:#c9ced8}
.plus-coins svg{width:18px;height:18px;color:#f2b84b;flex:0 0 auto}
.plus-coins strong{color:#fff;font-size:16px;font-variant-numeric:tabular-nums}
.plus-checks{display:grid;gap:9px;flex:1;align-content:start;margin:0;padding:0;list-style:none}
.plus-checks li{display:flex;gap:9px;color:#d7dae1;font-size:13.5px;line-height:1.45}
.plus-checks svg{width:16px;height:16px;margin-top:2px;flex:0 0 auto;color:#8fe8b0}
.plus-checks b{color:#fff}
.plus-buy{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:14px;background:#ffffff12;color:#fff;font-size:14.5px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}
.plus-buy svg{width:18px;height:18px}
.is-quarter .plus-buy{background:linear-gradient(90deg,#7c5cff,#b05cff);box-shadow:0 10px 26px #7c5cff55}
.is-year .plus-buy{background:linear-gradient(90deg,#ff725b,#ff9a6b);color:#141416;box-shadow:0 10px 26px #ff725b55}
.plus-buy:hover{transform:translateY(-1px);filter:brightness(1.08)}
.plus-fine{display:flex;align-items:center;justify-content:center;gap:8px;margin:-8px 0 0;color:var(--muted,#a1a1aa);font-size:13px;text-align:center}
.plus-fine svg{width:15px;height:15px;flex:0 0 auto}
/* секции */
.plus-section{display:grid;gap:16px}
.plus-section-head h2{display:flex;align-items:center;gap:10px;margin:0;font-size:26px;letter-spacing:-.02em}
.plus-section-head h2 svg{width:24px;height:24px;color:#b79cff}
.plus-section-head p{max-width:720px;margin:6px 0 0;color:var(--muted,#a1a1aa);font-size:14.5px;line-height:1.5}
/* витрина позиций Plus */
.plus-showcase{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.plus-item{position:relative;display:grid;gap:4px;padding:10px 10px 12px;border:1px solid #7c5cff33;border-radius:18px;background:var(--panel,#16161a);transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s}
.plus-item:hover{transform:translateY(-4px);border-color:#b79cff88;box-shadow:0 18px 40px #7c5cff33}
.plus-item-art{display:block;height:96px;margin-bottom:6px;border-radius:12px}
.plus-item.is-frame .plus-item-art{width:84px;height:84px;margin:6px auto 12px;border-radius:50%;box-shadow:0 0 0 4px #ffffff10}
.plus-item.is-title .plus-item-art{display:grid;place-items:center;height:96px;padding:0 10px;background:radial-gradient(120% 90% at 50% 0,#ffffff10,transparent 70%),#0f0f13;overflow:hidden}.plus-item.is-title .lv-title{font-size:13px;max-width:100%}
.plus-item-tag{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#0d0e11c0;color:#e5dcff;font-size:11px;font-weight:800;backdrop-filter:blur(6px)}
.plus-item-tag svg{width:12px;height:12px}
.plus-item strong{font-size:14.5px}
.plus-item small{display:flex;align-items:center;gap:4px;color:var(--muted,#a1a1aa);font-size:12.5px}
.plus-item small svg{width:13px;height:13px;color:#f2b84b}
/* пакеты коинов */
.plus-packs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.plus-pack{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff1a;border-radius:20px;background:radial-gradient(120% 80% at 50% 0,rgba(242,184,75,calc(.06 + var(--tier)*.035)),transparent 70%),var(--panel,#16161a);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s}
.plus-pack:hover{transform:translateY(-6px);border-color:#f2b84b88;box-shadow:0 22px 50px #f2b84b26,0 0 0 1px #f2b84b33}
.plus-pack.is-featured{border-color:#7c5cff88;box-shadow:0 18px 44px #7c5cff26}
.plus-pack .plus-badge{top:10px;left:auto;right:10px;transform:none;padding:3px 10px;font-size:10.5px}
.plus-pack-art{position:relative;display:flex;justify-content:center;align-items:flex-end;height:96px;padding-top:18px}
.plus-pack-art span{display:grid;place-items:center;width:40px;height:40px;margin:0 -9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe7a3,#f2b84b 55%,#b9781c);color:#5a3a06;box-shadow:0 6px 14px #0008,inset 0 -3px 0 #0003;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.plus-pack-art span:nth-child(even){transform:translateY(-12px)}
.plus-pack-art span svg{width:22px;height:22px}
.plus-pack:hover .plus-pack-art span{transform:translateY(-6px) rotate(-8deg)}
.plus-pack:hover .plus-pack-art span:nth-child(even){transform:translateY(-18px) rotate(8deg)}
.plus-pack-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:14px 14px 0}
.plus-pack-head h3{margin:0;font-size:15px}
.plus-pack-bonus{padding:2px 8px;border-radius:999px;background:#5fe08f1f;color:#8fe8b0;font-size:11.5px;font-weight:800}
.plus-pack-bonus.is-base{background:#ffffff10;color:#c9ced8}
.plus-pack-coins{display:flex;align-items:center;gap:8px;margin:8px 14px 0}
.plus-pack-coins svg{width:22px;height:22px;color:#f2b84b}
.plus-pack-coins strong{font-size:28px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.plus-pack-hint{flex:1;margin:4px 14px 14px;color:var(--muted,#a1a1aa);font-size:12.5px}
.plus-pack-buy{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-top:1px solid #ffffff12;background:#ffffff06;color:#fff;text-decoration:none;transition:background .2s}
.plus-pack-buy strong{font-size:18px;font-variant-numeric:tabular-nums}
.plus-pack-buy span{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;font-weight:700}
.plus-pack-buy svg{width:16px;height:16px;transition:transform .2s}
.plus-pack:hover .plus-pack-buy{background:#f2b84b1f}
.plus-pack:hover .plus-pack-buy svg{transform:translateX(3px)}
/* информация */
.plus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.plus-card{padding:22px;border:1px solid var(--line,#ffffff1a);border-radius:20px;background:var(--panel,#16161a)}
.plus-card h2{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:18px}
.plus-card h2 svg{width:20px;height:20px;color:var(--accent,#ff725b)}
.plus-card ol{display:grid;gap:10px;margin:0;padding-left:20px;color:#d7dae1;font-size:14px;line-height:1.5}
.plus-card p{margin:0 0 10px;color:#d7dae1;font-size:14px;line-height:1.55}
.plus-card a{color:var(--accent,#ff725b)}
.plus-muted{color:var(--muted,#a1a1aa)!important;font-size:13px!important;margin:12px 0 0!important}
.plus-seller dl{display:grid;gap:8px;margin:0 0 12px}
.plus-seller dl div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px}
.plus-seller dt{color:var(--muted,#a1a1aa);font-size:13px}
.plus-seller dd{margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.plus-links{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}
@media(max-width:1000px){.plus-packs{grid-template-columns:repeat(3,minmax(0,1fr))}.plus-grid{grid-template-columns:1fr}}
@media(max-width:820px){
 .plus-deck{flex-direction:column;align-items:stretch;gap:22px;padding:14px 0 0;perspective:none}
 .plus-plan,.plus-plan.is-month,.plus-plan.is-quarter,.plus-plan.is-year{--r:0deg;--y:0px;flex-basis:auto;margin:0}
 .plus-plan.is-quarter{order:-1}
 .plus-deck:hover .plus-plan,.plus-deck:focus-within .plus-plan{filter:none}
 .plus-deck .plus-plan:hover,.plus-deck .plus-plan:focus-within{transform:none}
 .plus-packs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .plus-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .plus-item-art{height:70px}
 .plus-item.is-frame .plus-item-art{width:62px;height:62px}
 .plus-item.is-title .plus-item-art{height:70px}
 .plus-pack.is-featured{grid-column:1/-1}
 .plus-hero{padding:34px 18px 28px}
}
@media(prefers-reduced-motion:reduce){.plus-glow{animation:none}.plus-plan,.plus-pack,.plus-item,.plus-pack-art span{transition:none}}
/* статус вошедшего и окно оформления */
.plus-me{display:flex;flex-wrap:wrap;gap:10px;margin:0 auto 18px;max-width:1080px;padding:0 16px}
.plus-me-item,.plus-me-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--panel,#1a1b1d) 88%,transparent);border:1px solid var(--line,rgba(255,255,255,.08));color:inherit;text-decoration:none}
.plus-me-item svg,.plus-me-link svg{width:18px;height:18px;flex:none;color:var(--accent,#ff654f)}
.plus-me-item small{display:block;font-size:.75rem;opacity:.65}.plus-me-item strong{font-size:.95rem}
.plus-me-item.is-active{border-color:color-mix(in srgb,var(--accent,#ff654f) 45%,transparent)}
.plus-me-link{margin-left:auto;font-weight:600}.plus-me-link:hover{border-color:var(--accent,#ff654f)}
.plus-order{width:min(440px,calc(100vw - 32px));padding:26px;border-radius:22px;border:1px solid var(--line,rgba(255,255,255,.1));background:var(--panel,#17181a);color:var(--text,#f3f1ed);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.plus-order::backdrop{background:rgba(5,5,6,.66);backdrop-filter:blur(6px)}
.plus-order h2{margin:6px 0 4px;font-size:1.35rem}.plus-order-price{margin:0 0 14px;font-size:1.6rem;font-weight:800;color:var(--accent,#ff654f)}
.plus-order p{line-height:1.5}.plus-order .button{display:flex;justify-content:center;gap:8px;margin-top:16px}
.plus-order-fine{font-size:.82rem;opacity:.65;margin-bottom:0}
.plus-order-close{position:absolute;top:14px;right:14px;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line,rgba(255,255,255,.1));background:transparent;color:inherit;cursor:pointer}
.plus-order-close svg{width:18px;height:18px}
@media (max-width:560px){.plus-me-link{margin-left:0}}

/* плавное появление: карточки тарифов раскладываются веером, остальное проявляется при прокрутке */
@keyframes plus-deal{from{opacity:0;transform:translateY(calc(var(--y) + 46px)) rotate(0) scale(.96)}to{opacity:1;transform:translateY(var(--y)) rotate(var(--r))}}
@keyframes plus-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.plus-plan{animation:plus-deal 1.1s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--i,0)*140ms + 120ms)}
.plus-hero>*{animation:plus-rise .9s cubic-bezier(.16,1,.3,1) both}.plus-hero>*:nth-child(3){animation-delay:.06s}.plus-hero>*:nth-child(4){animation-delay:.12s}.plus-hero>*:nth-child(5){animation-delay:.18s}
.plus-reveal{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0ms)}
.plus-reveal.is-in{opacity:1;transform:none}
.plus-item.plus-reveal.is-in:hover{transform:translateY(-4px)}
@media(prefers-reduced-motion:reduce){.plus-plan,.plus-hero>*{animation:none}.plus-reveal{opacity:1;transform:none;transition:none}}

/* вкладки витрины Plus */
.plus-tabs{display:flex;flex-wrap:wrap;gap:8px}
.plus-tabs button{padding:8px 14px;border:1px solid #ffffff1a;border-radius:999px;background:#ffffff08;color:var(--muted,#a1a1aa);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.plus-tabs button:hover{color:#fff}
.plus-tabs button[aria-selected="true"]{border-color:#b79cff;background:#7c5cff26;color:#fff}
.plus-more{justify-self:center;padding:12px 22px;border:1px solid #ffffff1f;border-radius:14px;background:#ffffff0d;color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:background .3s}
.plus-more:hover{background:#ffffff1a}
.plus-item[hidden]{display:none}