main>section{padding:32px 0}section:has(.end-cta){padding-top:0}main>section:last-of-type{padding-bottom:0}.hero{position:relative;overflow-x:clip}.hero-in{display:grid;justify-items:center;text-align:center}.hero-in .lede,.wrap.center .lede{text-align:center}.fan img,.slot img,.tip img{-webkit-user-drag:none;user-select:none}.fan,.strip{user-select:none}.fanwrap{position:relative;width:100%;margin:12px 0 2px}#spark{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);pointer-events:none;z-index:6}.fan{display:flex;justify-content:center;align-items:flex-end;gap:clamp(5px,1.4vw,18px);flex-wrap:nowrap}.pcard{position:relative;width:clamp(60px,12.5vw,152px);aspect-ratio:198/283;border:0;padding:0;background:none;cursor:pointer;transform-style:preserve-3d;transform:perspective(1100px) rotateY(var(--r,0deg)) scale(var(--s,1)) rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg));transition:transform .4s cubic-bezier(.2,.7,.2,1)}.pcard:focus-visible{outline:2px solid var(--mo-primary-dark);outline-offset:3px;border-radius:14px}.fan:not(.locked) .pcard:hover{--s:1.05;z-index:4}.fan.locked .pcard{cursor:default}.fan.locked .pcard:not(.chosen){opacity:.34;filter:saturate(.6)}.fan.locked .pcard.chosen:hover{--s:1.05}.layer{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;overflow:hidden;opacity:0;transition:opacity .1s}.pcard.showback .back,.pcard.showfront .front{opacity:1}.back{background:radial-gradient(120% 90% at 50% 32%,#57496f,#3f3455 46%,#2d2542)}.back .fr{position:absolute;inset:6px;border-radius:9px;box-shadow:inset 0 0 0 1px #785019a6,inset 0 0 0 2px #f7e3aaeb,inset 0 0 0 3px #bc8a36b3,inset 0 0 20px -6px #f4d99b80}.back .fr:after{content:"";position:absolute;inset:5px;border-radius:6px;box-shadow:inset 0 0 0 1px #d9a44166}.back .halo{position:absolute;top:39%;left:50%;width:58%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(244,217,155,.24),transparent 68%)}.back .ring{position:absolute;top:39%;left:50%;width:52%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1.3px solid rgba(217,164,65,.4)}.back .m{position:absolute;top:39%;left:50%;width:44%;transform:translate(-50%,-50%);filter:drop-shadow(0 5px 12px rgba(0,0,0,.4))}.back .zh{position:absolute;left:0;right:0;bottom:16%;text-align:center;font-weight:700;font-size:clamp(11px,1.15vw,15px);letter-spacing:.34em;color:#f0e6cd}.back .en{position:absolute;left:0;right:0;bottom:11%;text-align:center;font-size:clamp(6px,.55vw,8px);letter-spacing:.3em;color:#d9a441d9}.front img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.front .rg{position:absolute;inset:0;border-radius:12px;padding:5px;background:linear-gradient(145deg,var(--lt) 0%,var(--rc) 42%,var(--dk) 72%,var(--lt) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.front .bv{position:absolute;inset:5px;border-radius:7px;box-shadow:inset 0 0 0 1px #00000073,inset 0 1px 2px #ffffff2e}.front .plate{position:absolute;left:5px;right:5px;bottom:5px;min-height:24px;padding:4px 2px;border-radius:0 0 7px 7px;display:grid;place-items:center;background:linear-gradient(to top,rgba(9,7,13,.92),rgba(9,7,13,.35) 78%,transparent)}.front .plate span{font-size:clamp(11px,1.05vw,14px);font-weight:600;letter-spacing:.05em;color:#f6efe1;text-shadow:0 2px 6px rgba(0,0,0,.7)}.front .rtag{position:absolute;top:7px;left:7px;z-index:5;font-size:clamp(8px,.8vw,11px);font-weight:800;letter-spacing:.04em;padding:2px 8px;border-radius:999px;opacity:0;transition:opacity .4s;box-shadow:0 2px 6px #00000059}.pcard.showfront .front .rtag{opacity:1}.front .sweep{position:absolute;inset:0;border-radius:12px;pointer-events:none;overflow:hidden;z-index:4}.front .sweep:before{content:"";position:absolute;top:-40%;left:-70%;width:45%;height:180%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);opacity:0}.pcard.sweeping .front .sweep:before{animation:sweep .9s ease}@keyframes sweep{0%{left:-70%;opacity:0}25%{opacity:.9}75%{opacity:.9}to{left:130%;opacity:0}}.front .gloss{position:absolute;inset:0;border-radius:12px;pointer-events:none;z-index:3;mix-blend-mode:soft-light;opacity:0;transition:opacity .25s;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.9),transparent 52%)}.pcard.showfront:hover .front .gloss{opacity:1}.pcard.r-common .front .rg{padding:3px;background:linear-gradient(145deg,color-mix(in srgb,var(--rc) 75%,#fff),var(--dk))}.pcard.r-rare .front .rg{padding:4px}.pcard.r-legendary .front .rg{padding:5px;background:linear-gradient(140deg,#fff6dc 0%,var(--lt) 18%,var(--rc) 48%,var(--dk) 76%,#fff6dc 100%)}.pcard.r-rare.chosen .front{box-shadow:0 16px 30px -18px #0000008c,0 0 18px -2px color-mix(in srgb,var(--rc) 55%,transparent)}.pcard.r-epic.chosen .front{box-shadow:0 16px 30px -18px #0000008c,0 0 28px color-mix(in srgb,var(--rc) 62%,transparent)}.pcard.r-legendary.chosen .front{animation:lgglow 2.3s ease-in-out infinite}@keyframes lgglow{0%,to{box-shadow:0 16px 30px -18px #0000008c,0 0 24px color-mix(in srgb,var(--rc) 60%,transparent)}50%{box-shadow:0 16px 30px -18px #0000008c,0 0 42px 5px color-mix(in srgb,var(--rc) 82%,transparent)}}@media(prefers-reduced-motion:reduce){.pcard.r-legendary.chosen .front{animation:none;box-shadow:0 16px 30px -18px #0000008c,0 0 30px color-mix(in srgb,var(--rc) 70%,transparent)}}.pcard.r-signature{--rc:#e8896a;--lt:#ffd9c9;--dk:#8a3f27}.sigcard{width:104px;cursor:default}.sigcard:hover{--s:1.05;z-index:4}.sigcard .front .rtag{background:var(--lt);color:var(--dk)}.sigcard .front{box-shadow:0 14px 30px -14px #0000008c,0 0 20px -2px color-mix(in srgb,var(--rc) 50%,transparent)}.tapcue{margin:30px 0 0;display:inline-flex;align-items:center;font-size:14px;font-weight:700;color:var(--mo-primary-dark);background:var(--mo-card);border:1px solid var(--mo-border);border-radius:999px;padding:7px 16px;box-shadow:var(--mo-shadow);cursor:pointer;animation:tapbounce 1.5s ease-in-out infinite}@keyframes tapbounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.moodwrap{min-height:0;display:flex;flex-direction:column;align-items:center;gap:8px;margin:18px 0 10px}.mood-line{position:relative;font-size:clamp(13px,1.35vw,15px);color:var(--mo-fg);line-height:1.6;max-width:18em;margin:0;text-align:center;text-wrap:balance;font-weight:500;padding:12px 22px;background:var(--mo-card);border:1.5px solid var(--mc,var(--mo-border));border-radius:18px;box-shadow:var(--mo-shadow),0 0 0 4px color-mix(in srgb,var(--mc,transparent) 14%,transparent);opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}.mood-line.show{transform:none}.mood-line:before{content:"“";position:absolute;top:0;left:12px;font:34px/1 Georgia,serif;color:var(--mc,var(--mo-primary));opacity:.55}.show{opacity:1}.hint{font-size:13px;color:var(--mo-muted);margin-top:8px}.strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:600px;margin:6px auto 0}.slot{flex:0 0 auto;width:46px;height:64px;border-radius:7px;position:relative;overflow:hidden;cursor:default;background:radial-gradient(120% 90% at 50% 34%,#57496f,#3f3455 46%,#2d2542);box-shadow:inset 0 0 0 1px #d9a44152,0 4px 10px -7px #00000080;transition:transform .25s,box-shadow .25s}.slot:before{content:"";position:absolute;inset:3px;border-radius:4px;box-shadow:inset 0 0 0 1px #d9a4414d}.slot .q{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:800;color:#f4d99b80}.slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}.slot.lit img{opacity:1}.slot.lit .q{opacity:0}.slot.lit:before{box-shadow:inset 0 0 0 1.5px var(--rc,#ccc)}.slot.lit{box-shadow:0 6px 15px -7px #00000080}.slot:hover{transform:translateY(-4px)}.slot.pop{transform:translateY(-6px) scale(1.12)}.dexnote{font-size:14px;color:var(--mo-muted);margin:14px 0 0;font-variant-numeric:tabular-nums}.dexnote b{color:var(--mo-primary-dark)}.tip{position:fixed;z-index:50;width:156px;background:var(--mo-card);border:1px solid var(--mo-border);border-radius:13px;box-shadow:0 16px 36px -12px #78463261;padding:9px;opacity:0;transform:translateY(6px);transition:opacity .16s,transform .16s;pointer-events:none}.tip.on{opacity:1;transform:translateY(0)}.tip .art{width:100%;aspect-ratio:5/7;border-radius:9px;overflow:hidden;position:relative;box-shadow:inset 0 0 0 1.5px var(--rc,#ccc)}.tip .art img{width:100%;height:100%;object-fit:cover}.tip .nm{display:flex;justify-content:space-between;align-items:baseline;margin-top:7px}.tip .nm b{font-size:13.5px;font-weight:700}.tip .nm .r{font-size:10px;font-weight:700;letter-spacing:.08em}.tip .md{font-size:12px;color:var(--mo-muted);line-height:1.5;margin-top:4px}.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:4px}.big{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.big h3{font-size:20px;margin-bottom:8px}.big p{margin:0;color:var(--mo-muted);font-size:15px;line-height:1.7;max-width:36ch}.big .cost{margin-top:11px;font-size:14px;color:var(--mo-muted)}.big .cost a{font-weight:700;text-decoration:underline;text-underline-offset:2px}.big-vis{display:flex;align-items:center;gap:14px}.big-vis figure{margin:0;display:grid;gap:7px;justify-items:center}.big-vis figcaption{font-size:12px;color:var(--mo-muted)}.big-vis .pet{width:88px;height:88px;border-radius:16px;object-fit:cover;box-shadow:0 8px 18px -12px #00000080}.big-vis .arr{font-size:22px;color:var(--mo-primary);font-weight:700}.big-vis .cd{width:104px;border-radius:12px;display:block;box-shadow:0 14px 30px -14px #0000008c}.mini h3{font-size:17px}.mini p{margin:0;color:var(--mo-muted);font-size:14.5px;line-height:1.7}@media(max-width:640px){.feat-grid{grid-template-columns:1fr}.big{grid-template-columns:1fr;justify-items:center;text-align:center}.big p,.big .cost{max-width:100%}.strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;margin:6px auto 0}.slot{width:calc((100% - 40px)/5);height:auto;aspect-ratio:46/64}.slot .q{font-size:18px}.fan{gap:6px}.pcard{width:calc((100% - 24px)/5)}.front .plate{left:4px;right:4px;bottom:4px;padding:3px 2px;min-height:0}.front .plate span{font-size:9.5px;line-height:1.12;letter-spacing:.01em;white-space:normal;word-break:break-word}.front .rtag{font-size:8px;padding:1.5px 6px;top:5px;left:5px}.back .zh{font-size:10.5px;letter-spacing:.2em}.back .en{font-size:6px;letter-spacing:.12em}}