.cyp{position:relative;padding:clamp(40px,6vw,88px) 0 0;background:radial-gradient(80% 50% at 50% 0%,color-mix(in srgb,var(--gold) 14%,transparent) 0%,transparent 70%),var(--bg);overflow:clip}.cyp__head{text-align:center;max-width:720px;margin:0 auto clamp(32px,5vw,56px)}.cyp__kicker{color:var(--gold);font-weight:600;margin:0 0 8px}.cyp__title{font-size:clamp(3rem,8vw,6rem);line-height:.9;margin-bottom:.2em}.cyp__intro{color:var(--muted);font-size:1.1rem}.cyp__intro p{margin:0}.cyp__roster{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--count, 2),minmax(0,1fr));gap:clamp(16px,3vw,36px);max-width:1100px;margin-inline:auto}@media(max-width:760px){.cyp__roster{grid-template-columns:1fr}}.cyp-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .35s ease,border-color .35s ease,box-shadow .35s ease}.cyp-card__radio{position:absolute;opacity:0;pointer-events:none}.cyp-card,.cyp-card a,.cyp-card button{cursor:pointer}.cyp-card__inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 24px 8px;cursor:pointer}.cyp-card__stage{position:relative;display:grid;place-items:center;width:100%;height:250px;margin-bottom:10px}.cyp-card__glow{position:absolute;top:10%;right:15%;bottom:0;left:15%;background:radial-gradient(50% 50% at 50% 60%,color-mix(in srgb,var(--accent, var(--gold)) 35%,transparent),transparent 70%);opacity:.35;transition:opacity .35s ease}.cyp-card .crest,.cyp-card__art{position:relative;width:auto;height:210px;max-width:100%;z-index:1;filter:drop-shadow(0 18px 24px rgba(0,0,0,.6));transition:transform .4s cubic-bezier(.2,.7,.2,1)}.cyp-card__art{object-fit:contain}.cyp-card__pedestal{position:absolute;bottom:4px;width:62%;height:26px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,color-mix(in srgb,var(--gold) 45%,transparent),transparent 75%);opacity:.5}.cyp-card__class{color:var(--accent, var(--gold));font-size:.9rem;font-weight:600}.cyp-card__name{font:800 clamp(2.2rem,4vw,3rem)/1 var(--font-display);color:var(--heading);margin:4px 0 8px}.cyp-card__tagline{color:var(--muted);max-width:36ch;margin-bottom:20px}.cyp-stats{display:grid;gap:10px;width:100%;max-width:380px;text-align:left}.cyp-stat{display:grid;grid-template-columns:1fr 150px;align-items:center;gap:12px;font-size:.88rem}.cyp-stat__label{color:var(--text)}.cyp-stat__bar{position:relative;height:10px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--surface-2) 0 calc(10% - 2px),transparent calc(10% - 2px) 10%)}.cyp-stat__bar>span{position:absolute;inset:0 auto 0 0;width:calc(var(--v) * 10%);border-radius:2px;background:repeating-linear-gradient(90deg,var(--accent, var(--gold)) 0 calc(100% / var(--v) - 2px),transparent calc(100% / var(--v) - 2px) calc(100% / var(--v)));transform-origin:left}@keyframes cyp-fill{0%{transform:scaleX(0)}to{transform:none}}.cyp-card__details{padding:8px 24px 28px;display:grid;gap:6px}.cyp-card__details h3{font-size:1.3rem;margin:14px 0 4px;color:var(--gold)}.cyp-card__perks ul{margin:0;padding-left:1.1em;color:var(--text)}.cyp-card__perks li{margin-bottom:4px}.cyp-card__perks p{margin:0;color:var(--muted)}.cyp-quest{list-style:none;margin:0 0 12px;padding:0;counter-reset:q;display:grid;gap:8px}.cyp-quest li{counter-increment:q;display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;color:var(--text)}.cyp-quest li:before{content:counter(q);display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--gold);border-radius:50%;font:700 .9rem/1 var(--font-display);color:var(--gold)}.cyp-card__cta{margin-top:8px}.cyp-code{margin-top:6px;padding:14px 16px;border:1px dashed var(--accent, var(--gold));border-radius:var(--radius);background:color-mix(in srgb,var(--accent, var(--gold)) 10%,transparent)}.cyp-code__label{display:block;font-size:.88rem;color:var(--text);margin-bottom:8px}.cyp-code__row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cyp-code__value{font:800 1.45rem/1 var(--font-display);letter-spacing:.06em;color:var(--accent, var(--gold));word-break:break-all}.cyp-code__copy{min-height:38px;padding:0 14px;border:1px solid var(--accent, var(--gold));border-radius:var(--radius-btn);background:transparent;color:var(--accent, var(--gold));font:600 .9rem var(--font-body);cursor:pointer}.cyp-code__copy:hover,.cyp-code__copy.is-done{background:var(--accent, var(--gold));color:var(--on-gold)}.cyp__confirm-code{font-style:normal;margin-left:12px;font-size:.9rem;color:var(--text)}.cyp__confirm-code b{color:var(--gold);letter-spacing:.04em}@media(max-width:760px){.cyp__confirm-code{display:none}}.cyp.is-ready .cyp-card{opacity:.55}.cyp.is-ready .cyp-card:hover{opacity:.8}.cyp-card:has(.cyp-card__radio:checked){opacity:1!important;transform:translateY(-6px);border-color:var(--accent, var(--gold));box-shadow:0 0 0 1px var(--accent, var(--gold)),0 30px 60px -30px color-mix(in srgb,var(--accent, var(--gold)) 60%,transparent)}.cyp-card:has(.cyp-card__radio:checked) .cyp-card__glow{opacity:1}.cyp-card:has(.cyp-card__radio:checked) .crest,.cyp-card:has(.cyp-card__radio:checked) .cyp-card__art{transform:scale(1.06)}.cyp-card:has(.cyp-card__radio:checked) .cyp-stat__bar>span{animation:cyp-fill .7s cubic-bezier(.2,.7,.2,1) both}.cyp-card:has(.cyp-card__radio:focus-visible){outline:2px solid var(--gold-hi);outline-offset:4px}.cyp__content{margin:56px auto 0;max-width:70ch}.cyp__fineprint{max-width:80ch;margin:48px auto 0;text-align:center;font-size:.82rem;color:var(--muted)}.cyp__fineprint p{margin:0 0 .5em}.cyp__confirm{position:sticky;bottom:0;z-index:40;margin-top:clamp(40px,6vw,72px);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line-strong)}.cyp__confirm-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px}.cyp__confirm-text{margin:0;color:var(--muted)}.cyp__confirm-text strong{color:var(--heading);font:700 1.4rem/1 var(--font-display);margin-left:6px}@media(max-width:520px){.cyp__confirm-text span{display:none}.cyp__confirm-text strong{margin:0;font-size:1.15rem}.cyp__confirm .btn{white-space:nowrap;padding:0 14px;min-height:42px;font-size:.88rem}}@media(prefers-reduced-motion:reduce){.cyp-card,.cyp-card .crest,.cyp-card__art{transition:none}.cyp-card .cyp-stat__bar>span{animation:none!important}}.pt{background:radial-gradient(60% 80% at 75% 50%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 70%),var(--bg);border-bottom:1px solid var(--line)}.pt__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:center}.pt__kicker{color:var(--gold);font-weight:600;margin:0 0 8px}.pt__copy .rte{max-width:52ch}.pt__roster{display:grid;grid-template-columns:repeat(var(--count, 2),minmax(0,1fr));gap:16px}.pt-char{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 18px 22px;border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface),var(--bg));color:var(--text);text-decoration:none;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.pt-char:hover{color:var(--text);border-color:var(--accent, var(--gold));transform:translateY(-4px);box-shadow:0 24px 48px -28px color-mix(in srgb,var(--accent, var(--gold)) 70%,transparent)}.pt-char__crest .crest{height:130px;width:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55))}.pt-char__class{margin-top:12px;color:var(--accent, var(--gold));font-size:.85rem;font-weight:600}.pt-char__name{font:800 clamp(1.7rem,2.6vw,2.2rem)/1 var(--font-display);color:var(--heading);margin:4px 0 8px}.pt-char__line{color:var(--muted);font-size:.92rem}@media(max-width:860px){.pt__grid{grid-template-columns:1fr}}@media(max-width:460px){.pt__roster{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.pt-char{transition:none}.pt-char:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/27/compiled_assets/styles.css.map */