.as-stage{--mx:0;--my:0;--as-ink:#9d9dff;--as-ease:cubic-bezier(.22, 1, .36, 1);aspect-ratio:1/1.02;color:#fff;-webkit-user-select:none;user-select:none;width:100%;max-width:580px;margin-inline:auto;position:relative;container-type:inline-size}.as-glow{filter:blur(8px);transform:translate(calc(var(--mx) * -6px), calc(var(--my) * -6px));transition:transform .8s var(--as-ease);background:radial-gradient(closest-side,#1e1eff8c,#0000ff2e 55%,#0000 100%);border-radius:50%;position:absolute;inset:4% 2% 0}.as-glow:after{content:"";border:1px solid #8c8cff29;border-radius:50%;position:absolute;inset:9%;box-shadow:inset 0 0 60px #0000ff2e}.as-phone{z-index:2;aspect-ratio:9/19;width:40%;transform:translate(calc(var(--mx) * 12px), calc(var(--my) * 12px));transition:transform .7s var(--as-ease);animation:as-rise 1s var(--as-ease) both;background:linear-gradient(160deg,#2a2a33,#0c0c10 40%,#1c1c24);border-radius:clamp(22px,7cqi,40px);margin-left:-20%;padding:1.6%;position:absolute;top:0;left:50%;box-shadow:0 60px 110px -30px #000000f2,0 0 0 1px #ffffff1f,inset 0 0 0 1px #ffffff0f,0 0 90px #0000ff59}.as-screen{isolation:isolate;width:100%;height:100%;font-family:var(--ag-font-body);border-radius:clamp(18px,6cqi,34px);position:relative;overflow:hidden}.as-screen-flood{z-index:-2;background:radial-gradient(ellipse 80% 50% at 60% 30%, color-mix(in srgb, #fff 18%, var(--th-c1)), transparent 70%), linear-gradient(170deg, var(--th-c1) 0%, var(--th-c2) 55%, var(--th-c3) 100%);position:absolute;inset:0}.as-screen-flood>.th-pat{opacity:.35;mix-blend-mode:soft-light}.as-screen-flood .ta{opacity:.55;width:100%;height:100%;position:absolute;inset:0}.as-screen-shot{z-index:-1;position:absolute;inset:16% 0 0}.as-screen-shade{z-index:0;background:linear-gradient(#0000 45%,#00000040 66%,#000000c7 100%),linear-gradient(#00000080,#00000026 16%,#0000 26%);position:absolute;inset:0}.as-notch{z-index:2;background:#000;border-radius:999px;width:30%;height:3.6%;position:absolute;top:2.2%;left:50%;translate:-50%}.as-tabs{z-index:2;color:#ffffffb8;text-shadow:0 1px 6px #0009;justify-content:center;gap:12px;font-size:clamp(9px,2.3cqi,12px);font-weight:600;display:flex;position:absolute;top:8.5%;left:0;right:0}.as-tabs b{color:#fff;border-bottom:2px solid #fff;padding-bottom:3px}.as-rail{z-index:2;color:#fff;filter:drop-shadow(0 2px 4px #00000080);justify-items:center;gap:clamp(9px,2.6cqi,14px);display:grid;position:absolute;bottom:24%;right:5%}.as-rail svg{width:clamp(14px,4cqi,20px);height:clamp(14px,4cqi,20px)}.as-rail svg:first-of-type{fill:#ff3b6b;color:#ff3b6b}.as-avatar{aspect-ratio:1;background:linear-gradient(135deg,#3a3aff,#00a);border:2px solid #fff;border-radius:50%;width:clamp(22px,6.4cqi,32px)}.as-caption{z-index:2;color:#fff;text-shadow:0 1px 4px #0009;gap:5px;font-size:clamp(9px,2.4cqi,12px);line-height:1.35;display:grid;position:absolute;bottom:5%;left:6%;right:22%}.as-caption b{font-size:clamp(10px,2.6cqi,13px)}.as-bio{-webkit-backdrop-filter:blur(8px);width:fit-content;text-shadow:none;background:#ffffff2e;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-weight:600;display:inline-flex}.as-sound{color:#ffffffbf;align-items:center;gap:5px;display:inline-flex}.as-tile.st{z-index:1;aspect-ratio:3/4.3;width:31%;animation:as-rise 1s var(--as-ease) both;transform:translate(calc(var(--mx) * 8px), calc(var(--my) * 8px)) rotate(var(--rot));transition:transform .7s var(--as-ease);border-radius:clamp(14px,4cqi,22px);display:block;position:absolute}.as-tile.is-left{--rot:-6deg;animation-delay:.12s;top:13%;left:0}.as-tile.is-right{--rot:6deg;animation-delay:.2s;top:9%;right:0}.as-tile .st-flood .ta{opacity:.6;width:100%;height:100%;position:absolute;inset:0}.as-tile-shot{z-index:0;position:absolute;inset:16% 6% 0}.as-tile .st-scrim{z-index:1}.as-tile .st-top{gap:5px;top:8%;left:8%;right:8%}.as-tile .st-pill,.as-tile .st-rarity{white-space:nowrap}.as-tile .st-pill{padding:4px 8px;font-size:clamp(8px,2cqi,10px)}.as-tile .st-rarity{padding:3px 7px;font-size:clamp(7px,1.8cqi,9px)}.as-tile-body.st-body{z-index:2;gap:4px;padding:0 8% 9%;position:absolute;inset:auto 0 0}.as-tile .st-title{max-width:none;font-size:clamp(20px,6.4cqi,36px)}.as-tile .st-foot{gap:6px;margin-top:2px}.as-tile .st-foot .sh-price b{font-size:clamp(12px,3.2cqi,17px)}.as-tile .st-cta{padding:5px 10px;font-size:clamp(9px,2.2cqi,11px)}.as-reveal{z-index:2;-webkit-backdrop-filter:blur(6px);color:#fff;font-family:var(--ag-font-mono);letter-spacing:.12em;text-transform:uppercase;background:#00000080;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:clamp(8px,2cqi,10px);display:inline-flex;position:absolute;top:44%;left:50%;translate:-50%}.as-screen-shot.has-photo,.as-tile-shot.has-photo{inset:0}.as-screen-shot.has-photo .as-photo{object-position:50% 30%}.as-tile-shot.has-photo .as-photo{object-position:50% 15%}.as-photo{object-fit:cover;object-position:50% 20%}.as-veil{justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.as-veil svg{width:100%;height:100%;overflow:visible}.as-sil{fill:color-mix(in srgb, var(--th-c3,#08061a) 70%, #000);filter:drop-shadow(0 0 1px color-mix(in srgb, var(--th-accent,#fff) 90%, transparent)) drop-shadow(0 0 10px color-mix(in srgb, var(--th-c1,#fff) 80%, transparent))}.as-card,.as-link{z-index:3;-webkit-backdrop-filter:blur(16px)saturate(1.3);transition:transform .7s var(--as-ease);animation:as-pop .9s var(--as-ease) both;background:linear-gradient(#161628d1,#080810db);border:1px solid #9696ff3d;position:absolute;box-shadow:0 30px 60px -16px #000000d9,inset 0 1px #ffffff1a}.as-commission{width:max-content;min-width:clamp(176px,40cqi,240px);transform:translate(calc(var(--mx) * 22px), calc(var(--my) * 22px));border-radius:clamp(14px,3.6cqi,22px);gap:clamp(4px,1.2cqi,8px);padding:clamp(12px,3.4cqi,20px);animation-delay:.45s;display:grid;bottom:0;left:-4%}.as-card-top{align-items:center;gap:8px;display:flex}.as-card-icon{background:linear-gradient(#2b2bff,#0000c8);border-radius:9px;flex:none;place-items:center;width:clamp(24px,6cqi,30px);height:clamp(24px,6cqi,30px);display:inline-grid;box-shadow:0 0 18px #0000ffb3,inset 0 1px #ffffff4d}.as-card-icon.is-soft{color:#cfcfff;background:#0000ff38;box-shadow:inset 0 0 0 1px #8c8cff59}.as-card-kicker{color:#ffffffb3;font-family:var(--ag-font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:clamp(10px,2.3cqi,11px)}.as-tag{color:#fff9;font-family:var(--ag-font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid #ffffff29;border-radius:999px;flex:none;margin-left:auto;padding:3px 8px;font-size:9px}.as-amount{font-family:var(--ag-font-display);letter-spacing:.01em;font-variant-numeric:tabular-nums;text-shadow:0 0 30px #5a5affcc;font-size:clamp(22px,7cqi,36px);font-weight:800;line-height:1}.as-card-sub{color:#fff9;font-size:clamp(11px,2.6cqi,13px)}.as-meter{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;margin-top:4px;display:grid}.as-meter i{background:#ffffff1a;border-radius:3px;height:5px}.as-meter i.is-on{background:linear-gradient(90deg,#4d4dff,#9d9dff);box-shadow:0 0 10px #5050ffe6}.as-referral{transform:translate(calc(var(--mx) * 18px), calc(var(--my) * 18px));border-radius:999px;align-items:center;gap:10px;padding:clamp(9px,2.4cqi,12px) clamp(12px,3cqi,16px) clamp(9px,2.4cqi,12px) clamp(9px,2.4cqi,12px);animation-delay:.65s;display:flex;top:0;right:0}.as-referral span:last-child{line-height:1.25;display:grid}.as-referral b{font-size:clamp(12px,2.8cqi,14px);font-weight:600}.as-referral small{color:#ffffff8c;font-size:clamp(10px,2.3cqi,12px)}.as-link{color:var(--as-ink);transform:translate(calc(var(--mx) * 14px), calc(var(--my) * 14px));border-radius:999px;align-items:center;gap:8px;padding:clamp(8px,2.2cqi,11px) clamp(12px,3cqi,16px);animation-delay:.8s;display:inline-flex;bottom:3%;right:-2%}.as-link code{color:#fff;font-family:var(--ag-font-mono);white-space:nowrap;font-size:clamp(11px,2.6cqi,13px)}.as-link code b{color:var(--as-ink);font-weight:500}@keyframes as-rise{0%{opacity:0;translate:0 40px}}@keyframes as-pop{0%{opacity:0;translate:0 16px;scale:.92}}@media (prefers-reduced-motion:reduce){.as-stage *,.as-stage :after,.as-stage :before{transition:none!important;animation:none!important}}@container (max-width:440px){.as-referral,.as-link{display:none}.as-commission{min-width:0;padding:9px 12px;bottom:-6%;left:-2%}.as-commission .as-card-sub,.as-commission .as-meter,.as-tabs span{display:none}}
