@font-face{font-family:Round-zh-Hant;src:url(/fonts/rounded-zh-Hant.woff2?v=060252d9afb2) format("woff2");font-display:swap}@font-face{font-family:Body-zh-Hant;src:url(/fonts/body-zh-Hant.woff2?v=a9272ddd4e6b) format("woff2");font-display:swap}@font-face{font-family:Round-en;src:url(/fonts/rounded-en.woff2?v=9a6141d45fd2) format("woff2");font-display:swap}@font-face{font-family:Body-en;src:url(/fonts/body-en.woff2?v=ca6bd43fed8c) format("woff2");font-display:swap}@font-face{font-family:Round-ja;src:url(/fonts/rounded-ja.woff2?v=6e2dc094dc9c) format("woff2");font-display:swap}@font-face{font-family:Body-ja;src:url(/fonts/body-ja.woff2?v=22ddf4e5c36f) format("woff2");font-display:swap}@font-face{font-family:Display;src:url(/fonts/display.woff2?v=62d8255fd48d) format("woff2");font-display:swap}:root{color-scheme:light;--cream:#fff9ef;--paper:#fffdf8;--ink:#3e3045;--soft:#66586b;--coral:#c34c46;--peach:#ffdfbf;--mint:#d7eee2;--lilac:#e8dff4;--yellow:#ffe7a3;--line:#e6d9d3;--round:28px;--shadow:0 12px 0 #6d4d3920;background:var(--cream);color:var(--ink);font-family:system-ui,"Noto Sans TC","Noto Sans JP",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body,h1,h2,h3,p,figure{margin:0}body{font-size:16px;line-height:1.8}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit;text-underline-offset:4px}img{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #8650b8;outline-offset:5px}h1,h2,h3,.coin-count{font-family:var(--round-font),var(--body-font),sans-serif;font-weight:700;line-height:1.3;letter-spacing:-.035em}h1{font-size:clamp(42px,5.5vw,82px)}h2{font-size:clamp(31px,4vw,52px)}h3{font-size:25px}p{overflow-wrap:anywhere}.wrap{width:min(1240px,100%);padding-inline:32px;margin-inline:auto}.section{padding-block:100px}.section-copy{max-width:720px;margin:0 auto 48px;text-align:center}.section-copy>p:not(.eyebrow){margin-top:20px;color:var(--soft);font-size:17px}.eyebrow{font-family:Display,var(--round-font),sans-serif;letter-spacing:.01em;font-size:22px;margin-bottom:14px}.fine{font-size:12px;line-height:1.8;color:var(--soft)}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{clip:auto;width:auto;height:auto;top:8px;left:8px;z-index:10;padding:10px 20px;background:var(--paper)}.site-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding-block:22px;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{border-radius:13px}.brand span,.wordmark{font-family:Display,var(--round-font),sans-serif;font-size:28px;letter-spacing:-.03em;line-height:1}.site-head nav{display:flex;align-items:center;gap:5px;background:var(--paper);border:1px solid var(--line);padding:4px;border-radius:30px}.site-head nav a{font-size:13px;text-decoration:none;min-width:51px;min-height:36px;display:grid;place-items:center;padding:4px 11px;border-radius:24px}.site-head nav a[aria-current]{background:var(--ink);color:#fff9ef}.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;flex-direction:column;padding-block:20px 40px}.hero-backdrop{position:absolute;width:940px;height:720px;top:130px;left:50%;transform:translateX(-50%) rotate(-9deg);z-index:-2;border-radius:46% 54% 44% 56%;background:var(--peach)}.hero-backdrop:after{content:"";position:absolute;inset:140px -180px -130px;z-index:-1;border-radius:50%;background:var(--mint);transform:rotate(10deg)}.hero-copy{position:relative;z-index:1;text-align:center}.hero-copy .eyebrow{font-size:25px;margin-bottom:12px}.hero h1{color:var(--coral);text-wrap:balance}.intro{font-size:17px;line-height:1.9;margin:22px auto 20px;max-width:620px}.store{display:inline-flex;border-radius:11px;vertical-align:middle;min-height:54px}.store img{width:160px;height:54px}.elastic{transition:transform .2s cubic-bezier(.2,1.7,.5,1)}.elastic:hover{transform:translateY(-3px) rotate(-1deg)}.elastic:active{transform:translateY(2px) scale(.94)}.hero-copy .fine{margin-top:10px}.stage{position:relative;width:min(910px,100%);height:clamp(270px,28vw,370px);margin-top:12px;flex:none;transform:translateX(var(--parallax,0px));transition:transform .4s ease-out}.stage-floor{position:absolute;width:95%;height:140px;bottom:14px;left:2.5%;border-radius:50%;background:#fff4d8;border:7px solid #f2c186;box-shadow:0 20px 0 #e8ba88,0 40px 0 #cf9b74,0 50px 36px #6e5b4220}.stage-floor:after{content:"";position:absolute;inset:20px;border-radius:50%;border:2px dashed #d9ae83}.onstage{position:absolute;bottom:66px;left:calc(50% + (var(--i) - 2)*17%);width:20%;max-width:175px;transform:translateX(-50%);filter:drop-shadow(0 10px 4px #6a4a2d20)}.onstage img{width:100%;height:auto}.onstage.drum{width:23%;max-width:195px;bottom:42px;z-index:1}.onstage.guitar,.onstage.keys{bottom:51px}.confetti{position:absolute;inset:0;z-index:-1;pointer-events:none;color:#a06e3d}.confetti span{position:absolute;font-size:34px;opacity:.65}.confetti span:nth-child(1){top:15%;left:8%;transform:rotate(-18deg)}.confetti span:nth-child(2){top:33%;left:16%;transform:rotate(18deg)}.confetti span:nth-child(3){top:52%;left:7%;color:#517c6a}.confetti span:nth-child(4){top:17%;right:9%;color:#bd5d6c}.confetti span:nth-child(5){top:37%;right:14%;transform:rotate(20deg)}.confetti span:nth-child(6){top:58%;right:6%;color:#517c6a}.gameplay{position:relative;padding-top:48px}.gameplay .section-copy{margin-bottom:32px}.carousel-controls[hidden]{display:none}.arrow:disabled{opacity:.35;cursor:default;transform:none}.carousel-controls{display:flex;justify-content:flex-end;gap:10px;margin-bottom:22px}.arrow{width:46px;height:46px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--paper);cursor:pointer;font-family:sans-serif;font-size:32px;line-height:1}.screens{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 84px)/4);gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:5px 6px 22px;scrollbar-color:#bea7c5 transparent;scrollbar-width:thin}.game-shot{min-width:0;scroll-snap-align:center}.phone{border:6px solid #504456;background:#504456;border-radius:35px;box-shadow:0 10px 0 #6c477325;overflow:hidden}.phone img{border-radius:27px;width:100%;aspect-ratio:660/1434;object-fit:cover}.game-shot figcaption{text-align:center;font-size:13px;margin-top:22px;color:var(--soft)}.gameplay>.fine{text-align:center;margin-top:22px}.roster{background:var(--lilac);border-radius:70px 70px 0 0}.members{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:28px}.member{background:var(--card);border:2px solid #fff8;border-radius:var(--round);box-shadow:var(--shadow);transition:transform .24s cubic-bezier(.2,1.5,.5,1);position:relative}.member:hover{transform:translateY(-6px) rotate(-1deg)}.member summary{cursor:pointer;list-style:none;text-align:center;padding:25px 15px 22px;min-height:305px;display:flex;align-items:center;flex-direction:column}.member summary::-webkit-details-marker{display:none}.portrait{height:164px;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:12px}.portrait img{max-height:164px;width:auto;object-fit:contain}.member-name{font-family:Display,var(--round-font),sans-serif;font-size:27px;line-height:1.2}.instrument{font-size:13px;color:#635266;margin-top:4px}.meet{color:#46364d;font-size:12px;font-weight:600;margin-top:14px;text-decoration:underline;text-underline-offset:4px}.member[open]{z-index:2}.quote{position:absolute;bottom:124px;left:12px;right:12px;pointer-events:none;color:#46364d;background:var(--paper);box-shadow:0 8px 22px #46364d24;padding:18px 14px;text-align:center;font-family:var(--round-font),var(--body-font),sans-serif;line-height:1.8;border-radius:18px;border:2px solid #d5c5d1;}.how{padding-block:110px}.how .section-copy{max-width:850px}.steps{display:grid;grid-template-columns:1fr;gap:22px;max-width:900px;margin:auto}.step{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:38px;padding:20px 46px;border-radius:28px;background:var(--paper);border:1px solid var(--line)}.step:nth-child(2){margin-left:90px;background:#e9f3e9}.step:nth-child(3){margin-left:180px;background:#ffebd6}.step:nth-child(3) p,.last p{color:#514053}.step-art{height:128px;display:grid;place-items:center}.step-art img{max-height:125px;width:auto;max-width:140px}.step p{color:var(--soft);margin-top:12px;font-size:15px}.idle{background:var(--mint);position:relative;overflow:hidden}.idle-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.idle .section-copy{text-align:left;margin:0}.coin-card{background:#fff7d7;border:3px solid #eecb74;border-radius:40px;padding:34px;text-align:center;box-shadow:0 16px 0 #acd1bb}.coin-card>img{width:100px;height:100px;object-fit:contain;margin:-10px auto 8px}.coin-card>p:not(.fine){font-size:14px;color:#66521f}.coin-count{font-family:Display,var(--round-font),sans-serif;font-size:clamp(58px,6vw,84px);color:#725326;display:block;line-height:1.4;font-variant-numeric:tabular-nums;min-width:6ch}.coin-card .fine{max-width:310px;margin:12px auto 0;color:#6b592d}.questions{display:grid;grid-template-columns:1fr 1.25fr;gap:90px}.questions h2{font-size:36px}.faqs{border-top:2px solid var(--line)}.faq{border-bottom:2px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;font-size:17px;cursor:pointer;font-weight:700;padding:22px 0}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:26px;transition:transform .2s}.faq[open] summary span{transform:rotate(45deg)}.faq p{color:var(--soft);padding:0 0 26px;font-size:15px}.last{background:var(--peach);border-radius:70px 70px 0 0;text-align:center;padding-top:60px;overflow:hidden}.last-faces{display:flex;align-items:flex-end;justify-content:center;gap:16px;height:160px;margin-bottom:24px}.last-faces img{height:150px;width:auto}.last p{margin:20px 0;color:#514053}.site-foot{padding-block:50px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:24px}.wordmark{font-size:38px;text-decoration:none}.site-foot nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:16px 28px;font-size:13px}.site-foot>p{font-size:12px;color:var(--soft)}.prose{max-width:820px;padding-block:30px 90px}.prose h1{font-size:clamp(32px,4vw,48px);margin:15px 0 25px}.prose h2{font-size:26px;margin:35px 0 14px}.prose p{margin-top:16px}.prose .note{font-size:13px;color:var(--soft)}.legal-back{padding-top:40px;font-size:14px}
@media(prefers-reduced-motion:no-preference){.onstage img{animation:breathe 3.8s ease-in-out infinite;animation-delay:calc(var(--i)*-.45s);transform-origin:50% 100%}.confetti span{animation:float 6s ease-in-out infinite}.confetti span:nth-child(even){animation-delay:-3s}.member[open] .portrait img{animation:hello .65s cubic-bezier(.2,1.6,.5,1)}.encore .onstage img{animation:hello .75s cubic-bezier(.2,1.6,.5,1) 1;animation-delay:calc(var(--i)*.06s)}.reveal.seen{animation:arrive .65s both;animation-delay:calc(var(--i)*.14s)}}
@keyframes breathe{50%{transform:translateY(-5px) scale(1.015)}}@keyframes float{50%{transform:translateY(-14px) rotate(9deg)}}@keyframes hello{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-23px) rotate(-7deg)}65%{transform:translateY(-5px) rotate(5deg)}}@keyframes arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-top:38px}.stage{margin-top:32px}}
@media(max-width:1000px){.members{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.screens{grid-auto-columns:calc((100% - 56px)/3)}.idle-inner,.questions{gap:45px}.step:nth-child(2){margin-left:40px}.step:nth-child(3){margin-left:80px}}
@media(max-width:700px){.wrap{padding-inline:22px}.site-head{padding-block:16px;gap:10px}.brand{gap:7px}.brand span{font-size:23px}.brand img{width:32px;height:32px;border-radius:10px}.site-head nav{gap:0;padding:3px}.site-head nav a{min-width:42px;min-height:36px;padding:4px 8px;font-size:12px}.hero{padding-block:30px 22px}.hero:not(.prose){min-height:calc(100svh - 74px);justify-content:space-between}.hero-copy .eyebrow{font-size:22px;margin-bottom:16px}.hero h1{font-size:clamp(37px,9.2vw,58px);line-height:1.38}.intro{font-size:13px;line-height:1.95;margin:18px auto}.hero-copy .fine{font-size:10px}.hero-backdrop{width:700px;height:570px;top:200px}.stage{height:265px;margin-top:28px;width:110%;flex-shrink:0}.stage-floor{height:85px;bottom:29px;border-width:5px;box-shadow:0 13px 0 #e8ba88,0 25px 0 #cf9b74,0 35px 26px #6e5b4220}.stage-floor:after{inset:12px}.onstage{bottom:66px;width:21%}.onstage.drum{bottom:49px;width:25%}.onstage.guitar,.onstage.keys{bottom:57px}.confetti span{font-size:22px}.confetti span:nth-child(1){top:4%;left:7%}.confetti span:nth-child(2){top:36%;left:4%}.confetti span:nth-child(3){top:59%;left:7%}.confetti span:nth-child(4){top:8%;right:6%}.confetti span:nth-child(5){top:38%;right:3%}.confetti span:nth-child(6){top:61%;right:5%}.section{padding-block:65px}.section-copy{margin-bottom:30px}.section-copy>p:not(.eyebrow){font-size:14px;margin-top:16px}.eyebrow{font-size:19px}h2{font-size:31px}.screens{grid-auto-columns:70%;gap:24px;padding:5px 7px 22px;margin-inline:-4px;scroll-padding-inline:7px}.game-shot:nth-child(even){padding-top:0}.game-shot figcaption{font-size:12px;margin-top:18px}.carousel-controls{margin-bottom:15px}.roster,.last{border-radius:40px 40px 0 0}.members{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.member{border-radius:23px}.member summary{padding:20px 8px 17px;min-height:250px}.portrait{height:130px;margin-bottom:12px}.portrait img{max-height:130px;max-width:95%}.member-name{font-size:25px}.instrument{font-size:12px}.meet{font-size:11px}.quote{bottom:110px;left:7px;right:7px;font-size:13px;padding:14px 9px;border-radius:15px}.step{grid-template-columns:95px 1fr;gap:20px;padding:22px 20px;border-radius:23px}.step:nth-child(2),.step:nth-child(3){margin-left:0}.step-art{height:95px}.step-art img{max-height:95px;max-width:95px}.step h3{font-size:22px}.step p{font-size:12px;margin-top:8px}.idle-inner{grid-template-columns:1fr;gap:35px}.idle .section-copy{text-align:center}.coin-card{max-width:380px;width:100%;margin:auto;padding:28px;border-radius:32px}.coin-count{font-size:68px}.coin-card .fine{font-size:11px}.questions{grid-template-columns:1fr;gap:32px}.questions h2{font-size:31px;text-align:center}.faq summary{font-size:15px;padding-block:20px}.faq p{font-size:13px}.last-faces{height:145px}.last-faces img{height:135px}.last h2{font-size:38px}.last p{font-size:14px}.site-foot{padding-block:40px}.site-foot nav{gap:15px 22px;font-size:12px}.prose{padding-bottom:65px}.prose h1{font-size:32px}.prose h2{font-size:24px}.prose p{font-size:14px}.legal-back{padding-top:25px}}
@media(max-width:360px){.wrap{padding-inline:17px}.brand span{font-size:21px}.brand img{display:none}.hero h1{font-size:34px}.hero{padding-top:20px}.stage{height:235px}.intro{font-size:12px}.member-name{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.stage{transform:none}}

html:lang(zh-Hant){--round-font:Round-zh-Hant;--body-font:Body-zh-Hant}html:lang(en){--round-font:Round-en;--body-font:Body-en}html:lang(ja){--round-font:Round-ja;--body-font:Body-ja}
@font-face{font-family:Hero-zh-Hant;src:url(/fonts/hero-zh-Hant.woff2?v=fc3fd7f00a0d) format("woff2");font-display:swap}html:lang(zh-Hant){--hero-font:Hero-zh-Hant}@font-face{font-family:Hero-en;src:url(/fonts/hero-en.woff2?v=6d1784620fe6) format("woff2");font-display:swap}html:lang(en){--hero-font:Hero-en}@font-face{font-family:Hero-ja;src:url(/fonts/hero-ja.woff2?v=bc4cfe442541) format("woff2");font-display:swap}html:lang(ja){--hero-font:Hero-ja}
.intro,.hero .fine,.site-head nav{font-family:var(--hero-font),system-ui,sans-serif}.font-ready{font-family:var(--body-font),system-ui,sans-serif}img[data-src]{visibility:hidden}
