/* FanTaffy collectible showcase. All dimensions preserve a 54:86 card silhouette. */
.hc-hero{--pink:#ff61b2;--ink:#070f37;--shine-x:50%;--shine-y:50%;--foil-angle:125deg;position:relative;isolation:isolate;margin:24px auto 46px;max-width:1440px;width:calc(100% - 64px);overflow:hidden;border-radius:18px;background:#070e32;color:white;box-shadow:0 20px 70px #14245015}
.hc-hero *{box-sizing:border-box}.hc-hero a{text-decoration:none}.hc-hero button{font:inherit;cursor:pointer}.hc-hero button:focus-visible,.hc-hero a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.hc-ambient{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 76% 45%,#144fffab,transparent 53%),radial-gradient(ellipse at 95% 100%,#cf289d55,transparent 45%),linear-gradient(115deg,#070c2b,#091238 40%,#0f2379)}
.hc-backdrop{position:absolute;left:35%;top:65px;font-size:clamp(180px,29vw,440px);font-weight:900;letter-spacing:-.1em;line-height:1;color:transparent;-webkit-text-stroke:1px #a8c2ff22;transform:rotate(-12deg);z-index:-1;pointer-events:none}
.hc-topline{position:relative;display:flex;justify-content:space-between;align-items:center;padding:25px 40px 0;font-size:10px;font-weight:700;letter-spacing:1.8px;color:#b9c9ff}.hc-topline>span:first-child{display:flex;align-items:center;gap:10px}.hc-topline i{width:6px;height:6px;border-radius:50%;background:#d6ff8e;box-shadow:0 0 13px #ceff97}
.hc-layout{display:grid;grid-template-columns:43% 57%;min-height:605px}.hc-copy{padding:65px 0 42px 52px;align-self:center;position:relative;z-index:3}.hc-eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--pink);font-weight:750;margin-bottom:22px}.hc-copy h1{font-size:clamp(43px,4.55vw,70px);line-height:1.02;letter-spacing:-3px;margin:0 0 22px;font-weight:850;color:#fff}.hc-copy h1 em{font-family:Georgia,serif;font-size:1.32em;font-weight:500;line-height:1.06;letter-spacing:-4px;color:#ff88c3}.hc-lead{font-size:22px;font-weight:700;letter-spacing:-.6px;margin:0 0 14px}.hc-description{font-size:13px;line-height:1.9;color:#bfc8e4;margin:0 0 28px}.hc-buy{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.hc-shop{background:#ff69b5;color:#10113a;border:1px solid #ffa2cf;display:flex;gap:29px;justify-content:space-between;align-items:center;padding:17px 22px;border-radius:7px;font-size:14px;font-weight:800;box-shadow:0 8px 35px #ff40a033;transition:transform .2s,background .2s}.hc-shop:hover{transform:translateY(-3px);background:#ff92c9}.hc-shop span{font-size:21px;line-height:1}.hc-discover{color:#e5ebff;font-size:12px;font-weight:650;border-bottom:1px solid #8f9fc077;padding:6px 0}.hc-product-note{display:flex;flex-direction:column;gap:6px;margin-top:24px}.hc-product-note>span{font-size:9px;letter-spacing:1.6px;color:#aebbe4}.hc-product-note strong{font-size:20px;letter-spacing:-.5px}.hc-product-note small{font-size:10px;letter-spacing:0;font-weight:400;color:#b6c3e6}
.hc-showcase{position:relative;min-width:0;min-height:605px}.hc-scene{position:absolute;inset:0;perspective:1200px;--tilt-x:0deg;--tilt-y:0deg;touch-action:pan-y pinch-zoom}
.hc-active{position:absolute;width:300px;aspect-ratio:54/86;top:62px;left:34%;z-index:3;transform:rotate(10deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d}
.hc-card{position:relative;width:100%;height:100%;border-radius:17px;transform-style:preserve-3d}.hc-turn{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.25,1);border-radius:inherit}.hc-active.is-flipped .hc-turn{transform:rotateY(180deg)}
.hc-face{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:2px solid #c5d2ff;background:#273fd0;box-shadow:1px 1px 0 #f9d3ef,3px 4px 0 #6999d0,5px 6px 0 #091831,15px 28px 42px #01071999;isolation:isolate;transform:translateZ(.1px)}
.hc-face:after{content:"";position:absolute;inset:7px;border-radius:10px;border:1px solid #fff8;pointer-events:none;z-index:8}.hc-secondary{position:absolute;width:252px;aspect-ratio:54/86;height:auto;top:90px;left:3%;transform:rotate(-16deg) rotateX(calc(var(--tilt-x) * .5)) rotateY(calc(var(--tilt-y) * .5));z-index:1}.hc-secondary .hc-turn{position:absolute;inset:0}.hc-secondary .hc-front{background:#5574c9}.hc-secondary .hc-card-name{font-size:76px}.hc-secondary .hc-character{bottom:56px}.hc-secondary .hc-reverse{display:none}
.hc-underprint{position:absolute;inset:0;background:conic-gradient(from var(--foil-angle) at var(--shine-x) var(--shine-y),#3256d9,#64e1e6,#edecc1,#f595b9,#c8a1f7,#3b6ce1,#69e9e5,#3256d9)}
.hc-grid{position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 22px,#faffff25 22px 23px),repeating-linear-gradient(-45deg,transparent 0 22px,#faffff25 22px 23px);opacity:.7}
.hc-card-series{position:absolute;left:21px;right:21px;top:21px;font-size:8px;letter-spacing:1.2px;font-weight:800;color:#122351;z-index:2;display:flex;align-items:center;justify-content:space-between}.hc-card-series i{font-size:17px;font-style:normal}.hc-card-name{position:absolute;top:53px;left:15px;font-size:88px;line-height:1;font-style:italic;font-weight:950;letter-spacing:-7px;color:white;text-shadow:0 3px 0 #2044a875;z-index:1}.hc-character{position:absolute;left:-7%;width:118%;aspect-ratio:1;background:url('assets/characters.png') no-repeat 0 50% / 200% 100%;bottom:53px;z-index:3;transform:translateZ(1px);filter:drop-shadow(0 7px 3px #001e7766)}.hc-character.sora{background-position:100% 50%;width:115%;left:-7%}
.hc-foil{position:absolute;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(var(--foil-angle),#ff39a333 0%,#e3cc6033 14%,#8affbb66 28%,#51cbf455 42%,#9795ff44 56%,#ff7aba66 70%,#ffeacd44 84%,#8affbb44 100%);background-size:240% 240%;background-position:var(--shine-x) var(--shine-y);mix-blend-mode:color-dodge;opacity:.34;mask-image:linear-gradient(#000 15%,#0002 36%,#0001 62%,#000 100%)}
.hc-glare{position:absolute;inset:0;z-index:6;pointer-events:none;background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#fff9 0,#d4e6ff33 16%,transparent 42%),linear-gradient(calc(var(--foil-angle) - 35deg),transparent 30%,#ffefff00 39%,#ffffff88 47%,#cafcff55 49%,transparent 56%);mix-blend-mode:soft-light;opacity:.8}
.hc-card-side{position:absolute;right:12px;top:112px;writing-mode:vertical-rl;z-index:5;letter-spacing:1.5px;font-size:6px;color:#fff}.hc-card-footer{position:absolute;left:0;right:0;bottom:0;height:64px;padding:12px 21px;background:#091947ee;color:#fff;display:flex;align-items:center;justify-content:space-between;z-index:5}.hc-card-footer>strong{font-size:26px;line-height:.9;font-style:italic}.hc-card-footer small{display:block;font-size:5px;letter-spacing:.6px;margin-top:6px;font-style:normal}.hc-card-footer>span{font-size:17px;font-weight:800;line-height:.9;letter-spacing:-.8px}.hc-card-footer b{font-size:5px;letter-spacing:1.8px}.hc-card-footer>i{font-size:31px;font-style:normal;color:#c6fdf8}
.hc-reverse{transform:rotateY(180deg);background:#121d7c;padding:26px;color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.hc-reverse-grid{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(45deg,transparent 0 24px,#92a9ff22 24px 25px)}.hc-reverse>span{font-size:8px;letter-spacing:2px}.hc-reverse>strong{font-size:64px;font-weight:950;line-height:.88;letter-spacing:-4px;margin:20px 0 0}.hc-reverse em{color:#ff85c2;font-style:italic}.hc-reverse-seal{position:absolute;right:22px;top:43%;font-size:33px;font-weight:900;border:1px solid #aac5ff;border-radius:50%;padding:16px;transform:rotate(15deg);background:#142466}.hc-reverse p{font-size:9px;line-height:1.6;letter-spacing:1px;margin-top:auto}.hc-reverse small{font-size:6px;letter-spacing:1px}
.hc-orbit{position:absolute;border:1px solid #8aafff28;border-radius:50%;width:580px;height:310px;top:160px;left:-1%;transform:rotate(-25deg)}.hc-orbit-two{transform:rotate(35deg);width:490px;height:460px;top:68px;left:4%}.hc-spark{position:absolute;z-index:4;color:#d3edff;pointer-events:none}.hc-spark-one{font-size:60px;left:6%;top:25px;transform:rotate(15deg)}.hc-spark-two{font-size:32px;right:6%;bottom:62px;color:#ff9acb}.hc-stamp{position:absolute;right:24px;top:10px;z-index:4;transform:rotate(9deg);width:115px;aspect-ratio:1;background:#deff9c;color:#101945;clip-path:polygon(50% 0,59% 9%,72% 5%,77% 18%,91% 20%,91% 34%,100% 43%,93% 55%,98% 69%,85% 75%,81% 90%,66% 89%,56% 100%,44% 91%,29% 96%,23% 82%,9% 79%,10% 64%,0 54%,8% 41%,4% 28%,18% 22%,22% 8%,37% 10%);display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:6px}.hc-stamp span{font-size:7px;font-weight:800;letter-spacing:.7px}.hc-stamp b{font-size:19px;line-height:1.05;text-align:center;margin-top:4px;letter-spacing:-.8px}.hc-art-caption{position:absolute;bottom:20px;left:8%;right:35px;display:flex;justify-content:space-between;font-size:8px;color:#b8c8f4;letter-spacing:1px;gap:12px}
.hc-toolbar{display:flex;align-items:center;gap:24px;padding:20px 40px;background:#080d2f90;border-top:1px solid #b0c3ff26;position:relative;z-index:5;flex-wrap:wrap}.hc-finish-picker{display:flex;align-items:center;gap:18px}.hc-finish-picker>span{font-size:9px;font-weight:700;letter-spacing:1px;color:#b6c4e4}.hc-finish-picker>div{display:flex;gap:7px}.hc-finish-picker button,.hc-tools button{border:1px solid #b3c5ff33;border-radius:5px;background:transparent;color:#d1daef;display:inline-flex;align-items:center;gap:7px;padding:9px 11px;min-height:38px;font-size:10px;white-space:nowrap}.hc-finish-picker button[aria-pressed=true]{background:#dfe8ff;color:#122056;border-color:#e6eeff}.hc-swatch{width:16px;height:16px;border-radius:50%;border:1px solid #fff9;display:inline-block;background:conic-gradient(#e1fbfc,#89adff,#fb95c1,#f7f3bc,#94f7df,#e1fbfc)}.swatch-silver{background:linear-gradient(135deg,#7489b3,#fff 45%,#b9c2d6 50%,#edf4ff 80%)}.swatch-prism{background:conic-gradient(from 30deg,#91d7fb 0 90deg,#dfa5f8 90deg 150deg,#deffbc 150deg 210deg,#ffd0f2 210deg 270deg,#87adfb 270deg)}.hc-tools{display:flex;gap:8px;margin-left:auto}.hc-tools button:hover{background:#ffffff12}.hc-demo-note{flex-basis:100%;text-align:right;color:#8f9fbe;font-size:8px;letter-spacing:1px;margin-top:-13px}
.hc-hero[data-finish=silver] .hc-underprint{background:conic-gradient(from var(--foil-angle) at var(--shine-x) var(--shine-y),#8d9bbc,#fcfcff,#aabfdf,#6c779c,#e1ecff,#fff,#8d9bbc)}.hc-hero[data-finish=silver] .hc-foil{opacity:.06}.hc-hero[data-finish=prism] .hc-underprint{background:conic-gradient(from var(--foil-angle) at var(--shine-x) var(--shine-y),#b6f6ed 0 45deg,#808ee3 45deg 90deg,#f6bbec 90deg 130deg,#cbf5c0 130deg 180deg,#90d5ed 180deg 230deg,#a7a4f9 230deg 280deg,#ffe2b2 280deg 320deg,#b6f6ed 320deg)}.hc-hero[data-finish=prism] .hc-grid{background:repeating-conic-gradient(from 45deg at 50% 50%,#ffffff44 0 25%,transparent 0 50%) 0 0 / 66px 90px;opacity:.45}
.hc-scene.is-interacting .hc-active,.hc-scene.is-interacting .hc-secondary{will-change:transform}.hc-copy{animation:hc-copy-in .7s ease-out both}.hc-active{animation:hc-card-in 1.05s cubic-bezier(.16,1,.3,1) both}.hc-secondary{animation:hc-side-in 1.1s cubic-bezier(.16,1,.3,1) both}
@keyframes hc-copy-in{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes hc-card-in{from{opacity:0;translate:40px 65px;scale:.86}to{opacity:1;translate:0 0;scale:1}}@keyframes hc-side-in{from{opacity:0;translate:85px 35px;scale:.87}to{opacity:1;translate:0 0;scale:1}}
@media(min-width:1450px){.hc-layout{min-height:660px}.hc-showcase{min-height:660px}.hc-active{width:326px;top:70px}.hc-secondary{width:280px;top:105px}.hc-copy h1{font-size:70px}}
@media(max-width:1150px){.hc-layout{grid-template-columns:44% 56%;min-height:550px}.hc-showcase{min-height:550px}.hc-copy{padding-left:34px}.hc-active{width:244px;left:35%;top:72px}.hc-secondary{width:210px;top:108px}.hc-card-name{font-size:73px}.hc-secondary .hc-card-name{font-size:63px}.hc-character{bottom:50px}.hc-stamp{width:95px;right:15px;top:24px}.hc-stamp b{font-size:16px}.hc-card-footer{height:57px}.hc-reverse>strong{font-size:50px}.hc-toolbar{gap:15px;padding:20px 28px}.hc-finish-picker{gap:10px}.hc-finish-picker>span{display:none}.hc-copy h1{font-size:47px}.hc-orbit{width:450px}.hc-art-caption{left:2%;right:15px;font-size:7px}}
@media(max-width:760px){.hc-hero{width:calc(100% - 24px);margin:12px auto 30px;border-radius:12px}.hc-topline{padding:19px 20px 0;font-size:7px;letter-spacing:1px}.hc-topline>span:last-child{display:none}.hc-layout{display:flex;flex-direction:column;min-height:0}.hc-copy{padding:31px 25px 0;align-self:stretch}.hc-eyebrow{font-size:8px;margin-bottom:13px;letter-spacing:1.7px}.hc-copy h1{font-size:42px;line-height:1;letter-spacing:-2px;margin-bottom:17px}.hc-copy h1 br{display:none}.hc-copy h1 em{font-size:1.05em;letter-spacing:-2px;margin-left:8px}.hc-lead{font-size:18px;margin-bottom:10px}.hc-description{font-size:11px;line-height:1.7;margin-bottom:19px}.hc-buy{gap:19px}.hc-shop{padding:13px 17px;font-size:12px;gap:20px}.hc-discover{font-size:11px}.hc-product-note{margin-top:15px;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:8px}.hc-product-note>span{font-size:7px;letter-spacing:.6px}.hc-product-note strong{font-size:16px}.hc-product-note small{font-size:8px}.hc-showcase{min-height:400px;margin-top:8px}.hc-active{width:200px;left:39%;top:35px}.hc-secondary{width:173px;left:7%;top:53px}.hc-card{border-radius:12px}.hc-face{border-width:1.5px}.hc-face:after{inset:5px;border-radius:7px}.hc-card-series{top:15px;left:14px;right:14px;font-size:5px;letter-spacing:.9px}.hc-card-series i{font-size:12px}.hc-card-name{font-size:61px;top:38px;left:10px;letter-spacing:-5px}.hc-secondary .hc-card-name{font-size:51px}.hc-character,.hc-secondary .hc-character{bottom:40px}.hc-card-side{font-size:4px;top:77px;right:8px}.hc-card-footer{height:45px;padding:8px 13px}.hc-card-footer>strong{font-size:20px}.hc-card-footer small{font-size:4px;margin-top:4px}.hc-card-footer>span{font-size:12px}.hc-card-footer b{font-size:4px;letter-spacing:1px}.hc-card-footer>i{font-size:24px}.hc-stamp{width:79px;right:15px;top:3px}.hc-stamp span{font-size:5px}.hc-stamp b{font-size:13px}.hc-spark-one{font-size:39px;top:13px;left:11%}.hc-spark-two{font-size:23px;right:10%;bottom:18px}.hc-art-caption{bottom:8px;left:22px;right:22px;font-size:6px}.hc-orbit{width:360px;height:205px;top:95px;left:0}.hc-orbit-two{width:290px;height:310px;left:12%;top:25px}.hc-backdrop{top:355px;left:-2%;font-size:185px}.hc-toolbar{padding:16px 20px;gap:12px}.hc-finish-picker{width:100%}.hc-finish-picker>div{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.hc-finish-picker button{justify-content:center;padding:9px 5px;font-size:9px;gap:5px;min-height:42px}.hc-swatch{width:13px;height:13px}.hc-tools{margin-left:0}.hc-tools button{font-size:10px;padding:9px 12px;min-height:42px}.hc-demo-note{margin:0;text-align:left;font-size:6px}.hc-reverse{padding:20px}.hc-reverse>span{font-size:5px}.hc-reverse>strong{font-size:42px;letter-spacing:-2px}.hc-reverse-seal{font-size:22px;padding:12px;right:16px}.hc-reverse p{font-size:6px}.hc-reverse small{font-size:4px}}
@media(max-width:370px){.hc-copy{padding-left:20px;padding-right:20px}.hc-copy h1{font-size:36px}.hc-active{width:177px;left:39%}.hc-secondary{width:158px;left:7%}.hc-showcase{min-height:366px}.hc-card-name{font-size:53px}.hc-secondary .hc-card-name{font-size:46px}.hc-toolbar{padding-left:15px;padding-right:15px}}
@media(prefers-reduced-motion:reduce){.hc-hero *{animation:none!important;transition:none!important}.hc-scene{--tilt-x:0deg!important;--tilt-y:0deg!important}.hc-shop:hover{transform:none}.hc-tools [data-hc-light]{display:none}}

@media(max-width:760px){.hc-copy h1{font-size:36px}.hc-copy h1 br{display:block}.hc-copy h1 em{margin-left:0;font-size:1.25em}.hc-active{width:190px;left:39%}.hc-secondary{width:161px;left:10%}html[lang=zh] .hc-copy h1 br{display:none}html[lang=zh] .hc-copy h1 em{margin-left:8px;font-size:1.05em}}
@media(max-width:370px){.hc-active{width:172px}.hc-secondary{width:147px}}

/* The radio universe continues beyond the character card. */
.hc-studio-world{position:absolute;inset:0 0 90px 33%;z-index:-1;background:linear-gradient(90deg,#071033 0%,#0c216a40 40%,#101c5e33),url('assets/backgrounds.png') center top/100% 200%;opacity:.28;mask-image:linear-gradient(90deg,transparent,#000 27%);pointer-events:none}
.hc-ambient{background:radial-gradient(ellipse at 76% 45%,#144fffab,transparent 53%),radial-gradient(ellipse at 95% 100%,#cf289d55,transparent 45%),linear-gradient(115deg,#070c2b,#091238 40%,#0f2379)}
.hc-backdrop{opacity:.65}.hc-frequency{position:absolute;bottom:124px;left:42%;right:4%;display:flex;align-items:center;gap:12px;color:#b6d6f5;font-size:7px;letter-spacing:1px;z-index:0;opacity:.7;transform:rotate(-9deg)}.hc-frequency i{height:18px;flex:1;background:repeating-linear-gradient(90deg,#aad0f9 0 1px,transparent 1px 8px);mask-image:linear-gradient(0deg,#000,transparent)}.hc-onair{position:absolute;left:8%;top:21px;font-size:8px;letter-spacing:2px;color:#ffcce6}.hc-onair b{margin-left:14px;color:#bed8ff}.hc-spark-one{top:50px;left:0%;font-size:40px}.hc-orbit{border-radius:50%!important}
.hc-reverse{padding:0;background:#12286a}.hc-reverse-scene{position:absolute;inset:0;background:linear-gradient(0deg,#07183e 3%,#101c4933 60%),url('assets/backgrounds.png') center bottom/auto 200%;z-index:-1}.hc-reverse-frame{position:absolute;inset:14px;border:1px solid #d9efffb3;border-radius:5px}.hc-reverse-top{position:absolute;top:25px;left:24px;right:24px;display:flex;justify-content:space-between;color:#fff!important;font-size:7px!important;letter-spacing:1.2px!important}.hc-reverse-top b{font-weight:400}.hc-reverse-title{position:absolute;left:24px;top:60px;font-size:52px;line-height:.88;font-weight:900;letter-spacing:-2px;color:#f8f3e5;text-shadow:0 2px 12px #0b154578}.hc-reverse-title em{font-family:Georgia,serif;color:#ffc1db;font-size:1.07em;font-weight:500}.hc-cassette{position:absolute;left:30px;right:30px;bottom:93px;height:125px;transform:rotate(-8deg);border:2px solid #eac7df;border-radius:9px;background:#101d57d9;box-shadow:5px 8px 15px #04113780;padding:12px;backdrop-filter:blur(5px);color:#d1ddff}.hc-cassette>span{font-size:7px;letter-spacing:.6px;display:block;border-bottom:1px solid #abc9ff66;padding-bottom:7px}.hc-tape{display:flex;justify-content:space-around;align-items:center;margin:10px 0 6px}.hc-tape i{width:28px;height:28px;border:6px dotted #d6ddf8;outline:1px solid #7ea7cf;border-radius:50%;background:#1b2054}.hc-tape b{font-size:20px;color:#ff87c4}.hc-cassette small{font-size:5px;letter-spacing:.8px;line-height:1.5;display:block}.hc-reverse-bottom{position:absolute;bottom:26px;left:25px;right:25px;display:flex;align-items:center;gap:10px}.hc-reverse-bottom img{width:29px;height:29px;border-radius:3px}.hc-reverse-bottom>div{font-size:12px;font-weight:800;letter-spacing:-.3px}.hc-reverse-bottom small{display:block;font-size:4px;letter-spacing:1px;margin-top:5px;font-weight:500}
@media(max-width:1150px){.hc-reverse-title{font-size:43px;top:54px}.hc-cassette{height:100px;left:22px;right:22px;bottom:78px;padding:9px}.hc-tape{margin:6px 0}.hc-tape i{width:23px;height:23px;border-width:5px}.hc-reverse-bottom{bottom:22px;left:20px;right:20px}.hc-reverse-bottom>div{font-size:10px}}
@media(max-width:760px){.hc-studio-world{inset:270px 0 90px;background-size:auto 200%;mask-image:linear-gradient(0deg,#000,transparent 98%);opacity:.32}.hc-frequency{left:8%;right:7%;bottom:193px;font-size:5px}.hc-onair{left:8%;top:10px;font-size:6px;letter-spacing:1px}.hc-spark-one{top:36px;left:0}.hc-reverse-frame{inset:10px}.hc-reverse-top{top:17px;left:16px;right:16px;font-size:4px!important;letter-spacing:.7px!important}.hc-reverse-title{font-size:34px;left:17px;top:42px}.hc-cassette{height:83px;bottom:65px;left:18px;right:18px;padding:8px;border-width:1px}.hc-cassette>span{font-size:4px;padding-bottom:5px}.hc-tape{margin:6px 0 3px}.hc-tape i{width:19px;height:19px;border-width:4px}.hc-tape b{font-size:14px}.hc-cassette small{font-size:3.5px}.hc-reverse-bottom{bottom:20px;left:15px;gap:7px}.hc-reverse-bottom img{width:22px;height:22px}.hc-reverse-bottom>div{font-size:8px}.hc-reverse-bottom small{font-size:3px;margin-top:4px}html[lang^=zh] .hc-copy h1 br{display:none}html[lang^=zh] .hc-copy h1 em{margin-left:8px;font-size:1.05em}}
/* Banner setting: a luminous radio studio, framing the cards in physical space. */
.hc-studio-world{inset:0 0 100px 22%;opacity:.76;background:linear-gradient(90deg,#070e32 1%,#071239ad 24%,#0b1e5522 63%,#06112a66),linear-gradient(0deg,#10113f 0%,transparent 42%),url('assets/backgrounds.png') right top/auto 200%;mask-image:linear-gradient(90deg,transparent,#000 20%);filter:saturate(.8)}
.hc-stage-portal{position:absolute;inset:75px 5% 148px 44%;border:1px solid #daeaff66;transform:perspective(1100px) rotateY(-16deg) rotateZ(-4deg);border-radius:4px;box-shadow:inset 0 0 35px #92b9ff0a,0 0 24px #87b1ff15;z-index:-1;pointer-events:none}
.hc-stage-portal:before{content:'';position:absolute;top:-1px;left:-1px;width:70%;height:2px;background:linear-gradient(90deg,#ffd2ea,#afdfff,transparent);box-shadow:0 0 17px #abd6ff}
.hc-stage-portal i{position:absolute;inset:16px;border:1px solid #d6e3ff25}.hc-stage-portal span{position:absolute;right:20px;bottom:14px;font-size:7px;letter-spacing:2px;color:#cedcff}
.hc-stage-floor{position:absolute;right:-10%;left:38%;height:180px;bottom:74px;background:linear-gradient(0deg,#14287988,#455cff30),repeating-linear-gradient(90deg,#b9d3ff22 0 1px,transparent 1px 90px);border-top:1px solid #efbada77;transform:perspective(500px) rotateX(63deg);transform-origin:bottom;z-index:-1;pointer-events:none}
.hc-backdrop{opacity:.38;top:100px}.hc-orbit{opacity:.28}.hc-frequency{opacity:.8}.hc-layout{background:linear-gradient(90deg,#070e32b3,transparent 56%)}
@media(max-width:760px){.hc-studio-world{inset:260px -10% 98px -10%;opacity:.72;mask-image:linear-gradient(0deg,#000 30%,transparent 100%);background-position:right top;background-size:auto 200%}.hc-stage-portal{inset:385px 7% 167px 7%;transform:rotate(-5deg)}.hc-stage-portal span{font-size:4px;letter-spacing:1px}.hc-stage-floor{left:-15%;right:-15%;bottom:133px;height:110px}.hc-layout{background:none}}

/* Homepage task entry: keep the collectible as the visual anchor and put both buying paths in reach. */
.main-nav .mobile-create-link{display:none}
.hc-copy{padding-top:46px;padding-bottom:36px}
.hc-copy h1{font-size:clamp(43px,4.3vw,65px);letter-spacing:-.055em;line-height:1.02;margin-bottom:23px}
.hc-copy h1 em{font-size:1.12em;letter-spacing:-.06em;white-space:nowrap}
.hc-eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:24px}
.hc-description{font-size:15px;line-height:1.7;margin-bottom:28px}
.hc-buy{align-items:stretch;gap:14px}
.hc-shop{font-size:13px;padding:16px 20px;gap:16px;min-height:52px}
.hc-discover{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #adbded70;border-radius:7px;padding:14px 17px;min-height:52px;font-size:12px;background:#0c1a4938}
.hc-discover:hover{background:#ffffff14;border-color:#d3dcff}
.hc-product-note{width:fit-content;flex-direction:row;align-items:center;gap:15px;margin-top:22px;flex-wrap:wrap}
.hc-product-note>span{font-size:8px;letter-spacing:.9px}
.hc-product-note strong{font-size:17px}
.hc-product-note small{font-size:9px}
.hc-stamp{background:#ffb5d9}
.hc-topline i{background:#ff90c6;box-shadow:0 0 13px #ff70b0}
.hc-copy{animation:none}
@media(max-width:1180px) and (min-width:1041px){.main-nav .mobile-create-link{display:inline-flex;color:var(--blue);font-weight:800}.main-nav{gap:12px;font-size:11px}}
@media(max-width:1040px){
 .main-nav:not(.open){display:none}
 .mobile-menu{display:flex;margin-left:auto}
 .main-nav.open{position:absolute;left:0;right:0;top:100%;background:white;box-shadow:0 15px 20px #12234015;gap:12px;align-items:stretch;padding:18px 20px;display:grid;grid-template-columns:1fr 1fr}
 .main-nav.open a{padding:10px 12px;min-height:44px;display:flex;align-items:center;border:1px solid #e3e8f4;border-radius:7px}
 .main-nav.open .mobile-create-link{display:flex;grid-column:1/-1;background:var(--blue);border-color:var(--blue);color:#fff;justify-content:center;font-size:14px;font-weight:750}
}
@media(max-width:760px){
 .hc-hero{margin-top:12px;margin-bottom:24px;border-radius:13px}
 .hc-topline{padding:17px 22px 0;font-size:7px;letter-spacing:.8px;line-height:1.4}
 .hc-layout{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;gap:0}
 .hc-copy{display:contents}
 .hc-intro{grid-row:1;padding:21px 24px 0;z-index:3}
 .hc-eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:11px}
 .hc-hero .hc-copy h1{font-size:39px;line-height:1.04;letter-spacing:-1.7px;margin:0 0 12px}
 .hc-hero .hc-copy h1 br{display:block}
 .hc-hero .hc-copy h1 em{font-size:1.03em;letter-spacing:-1.9px;margin-left:0;white-space:nowrap}
 .hc-description{font-size:12px;line-height:1.6;margin:0;color:#d0d9f0}
 .hc-showcase{grid-row:2;min-height:286px;height:286px;margin-top:0;overflow:visible}
 .hc-active{width:151px;left:calc(50% - 31px);top:18px;transform:rotate(10deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
 .hc-secondary{width:128px;left:calc(50% - 139px);top:35px;transform:rotate(-15deg) rotateX(calc(var(--tilt-x) * .5)) rotateY(calc(var(--tilt-y) * .5))}
 .hc-card-name{top:30px;font-size:46px;left:8px;letter-spacing:-3px}
 .hc-secondary .hc-card-name{font-size:38px}
 .hc-card-series{top:12px;left:11px;right:11px;font-size:4px;letter-spacing:.5px}
 .hc-card-series i{font-size:9px}
 .hc-character,.hc-secondary .hc-character{bottom:31px}
 .hc-card-footer{height:34px;padding:6px 11px}
 .hc-card-footer>strong{font-size:16px}
 .hc-card-footer small{font-size:3px;margin-top:3px}
 .hc-card-footer>span{font-size:9px}
 .hc-card-footer b{font-size:3px;letter-spacing:.7px}
 .hc-card-footer>i{font-size:18px}
 .hc-card-side{top:63px;right:6px;font-size:3px}
 .hc-showcase .hc-stamp{width:62px;right:19px;top:1px;transform:rotate(9deg)}
 .hc-stamp span{font-size:4px}.hc-stamp b{font-size:11px}
 .hc-onair{left:24px;top:10px;font-size:5px;letter-spacing:.8px}.hc-onair b{margin-left:6px}
 .hc-spark-one{top:69px;left:12px;font-size:25px}.hc-spark-two{bottom:23px;right:18px;font-size:18px}
 .hc-art-caption{bottom:0;left:24px;right:24px;font-size:5.5px;letter-spacing:.5px}
 .hc-orbit{width:300px;height:155px;top:64px;left:calc(50% - 150px)}
 .hc-orbit-two{width:220px;height:245px;top:15px;left:calc(50% - 110px)}
 .hc-buy{grid-row:3;margin:17px 22px 0;display:grid;grid-template-columns:1.15fr 1fr;gap:9px;z-index:3}
 .hc-shop,.hc-discover{padding:12px 10px;font-size:11px;min-height:48px;gap:6px;white-space:nowrap;justify-content:center}
 .hc-shop span{font-size:17px}.hc-discover span{font-size:15px}
 .hc-product-note{grid-row:4;display:flex;align-items:center;justify-content:space-between;gap:8px;width:auto;margin:12px 23px 16px;z-index:3}
 .hc-product-note>span{font-size:6.5px;letter-spacing:.3px}.hc-product-note strong{font-size:12px;white-space:nowrap}.hc-product-note small{font-size:7px}
 .hc-toolbar{padding:11px 21px 10px;display:flex;justify-content:space-between;gap:8px;background:#050c2b99}
 .hc-finish-picker{width:auto;flex:none;gap:0}.hc-finish-picker>span{display:none}.hc-finish-picker>div{width:auto;display:flex;gap:3px}
 .hc-finish-picker button{padding:8px;min-height:44px;width:40px;border-radius:6px;border-color:transparent}
 .hc-finish-picker button[aria-pressed=true]{background:#f0dce91c;border-color:#edc5e6}
 .hc-finish-picker .hc-finish-label{display:none}.hc-swatch{width:20px;height:20px}
 .hc-tools{gap:4px;margin-left:auto}.hc-tools button{font-size:10px;padding:9px 10px;min-height:44px}
 .hc-tools [data-hc-light]{width:37px;padding:0;font-size:20px}.hc-tools [data-hc-light] span{display:none}
 .hc-demo-note{font-size:6px;letter-spacing:.7px;margin:0;text-align:center;flex-basis:100%;line-height:1.2;color:#a5b5da}
 .hc-studio-world{inset:164px -10% 74px;opacity:.7;mask-image:linear-gradient(0deg,#000 40%,transparent 100%)}
 .hc-stage-portal{inset:231px 7% 196px;transform:rotate(-5deg)}
 .hc-stage-floor{bottom:194px;height:90px}.hc-frequency{bottom:212px;left:8%;right:8%}
 .hc-backdrop{top:234px;left:0;font-size:177px}
 .hc-reverse-frame{inset:8px}.hc-reverse-top{top:13px;left:12px;right:12px;font-size:3.3px!important;letter-spacing:.4px!important}
 .hc-reverse-title{font-size:28px;left:13px;top:34px}
 .hc-cassette{height:65px;bottom:51px;left:14px;right:14px;padding:6px;border-radius:6px}
 .hc-cassette>span{font-size:3.2px;padding-bottom:4px}.hc-tape{margin:4px 0 2px}.hc-tape i{width:15px;height:15px;border-width:3px}.hc-tape b{font-size:12px}.hc-cassette small{font-size:2.8px}
 .hc-reverse-bottom{bottom:14px;left:12px;gap:5px}.hc-reverse-bottom img{width:18px;height:18px}.hc-reverse-bottom>div{font-size:6.5px}.hc-reverse-bottom small{font-size:2.5px;margin-top:3px}
}
@media(max-width:370px){
 .hc-intro{padding:19px 20px 0}.hc-hero .hc-copy h1{font-size:34px}.hc-description{font-size:11px}
 .hc-showcase{height:270px;min-height:270px}.hc-active{width:143px;left:calc(50% - 25px)}.hc-secondary{width:120px;left:calc(50% - 124px)}
 .hc-buy{margin-left:17px;margin-right:17px;gap:6px}.hc-shop,.hc-discover{font-size:9.5px;padding-left:7px;padding-right:7px}
 .hc-product-note{margin-left:18px;margin-right:18px}.hc-product-note>span{font-size:5.8px}.hc-product-note strong{font-size:11px}.hc-product-note small{font-size:6px}
 .hc-toolbar{padding-left:14px;padding-right:14px;gap:5px}.hc-finish-picker button{width:36px}.hc-tools button{font-size:9px;padding:8px}.hc-tools [data-hc-light]{width:32px}
}

/* The visible front card is the direct manipulation target on either face. */
.hc-hero .hc-card-control{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:17px;background:transparent;box-shadow:none;appearance:none;color:inherit;z-index:10;transform:translateZ(5px);cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.hc-hero .hc-card-control:hover,.hc-hero .hc-card-control:active{background:transparent;box-shadow:none}
.hc-hero .hc-card-control:focus-visible{outline:3px solid #fff;outline-offset:6px}
.hc-scene.is-dragging .hc-card-control{cursor:grabbing}
.hc-stamp{pointer-events:none}
@media(max-width:760px){.hc-hero .hc-card-control{border-radius:12px}.hc-art-caption #hc-interaction-hint{font-size:8px;letter-spacing:.3px;color:#dce5ff}}

/* Official 2026-10-09 artwork; preserve original aspect ratios. */
.hc-card-footer .hc-brand-wordmark{width:88px;height:auto;margin-bottom:5px}.hc-reverse-bottom img{object-fit:contain}@media(max-width:600px){.hc-card-footer .hc-brand-wordmark{width:68px}}