/* Selected GPT Image concept B: Candy Pop. Responsive HTML, never a flattened mockup. */
@font-face{font-family:"Lilita One";src:url('assets/fonts/LilitaOne-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#300344;--ink-soft:#583269;--pink:#ff447b;--pink-light:#ffe1ee;--accent:#a70057;--accent-hover:#8e004e;--accent-on:#fff;--cream:#fff4fa;--paper:#fffafb;--lavender:#d6b6ff;--lavender-light:#efe1ff;--lavender-ink:#4e146f;--belt-edge:#7841bd;--belt-top:#b889ed;--belt-line:#673393;--border:#e2b6df;--shadow-color:rgba(68,3,92,.17);--font:"Nunito","PingFang TC","Microsoft JhengHei",sans-serif;--display:"Lilita One","Nunito","PingFang TC",sans-serif;--focus:3px solid #300344;--max:1440px;--gutter:clamp(20px,3.2vw,52px);--heading:clamp(38px,4.7vw,66px);--section:clamp(64px,7vw,104px);--mold:inset 0 4px 2px #ffffffb0,inset 0 -5px 5px #5d087a18;--lift:0 10px 0 #38005418;--candy-yellow:#fff052}
body{background:var(--cream);font-weight:700}
h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.015em;line-height:1.05}
.site-header{min-height:88px;background:var(--pink);width:100%;max-width:none;padding-inline:var(--gutter);gap:24px}
.brand{font-family:var(--display);font-weight:400;font-size:23px;letter-spacing:0;gap:8px;line-height:.95}
.brand-sweet{width:42px}.desktop-nav{gap:28px}.desktop-nav a{font-size:17px;font-weight:900}
.language,.mobile-menu summary{background:#ffd9ed;box-shadow:inset 0 3px 1px #ffffff80,0 3px 0 #a91b6340;color:var(--ink)}
.hero{position:relative;isolation:isolate;background:var(--pink);overflow:hidden}
.hero-grid{display:block;position:relative;min-height:654px;padding-top:10px;padding-bottom:46px}
.hero-copy{position:relative;z-index:2;padding:0;width:45%;max-width:610px}
h1.game-wordmark{font-family:var(--display);font-weight:400;font-size:clamp(90px,10.5vw,157px);line-height:.82;letter-spacing:-.025em;-webkit-text-stroke:18px #ffe3f2;paint-order:stroke fill;filter:drop-shadow(0 5px 0 #de246457);transform:rotate(-3deg);padding-bottom:16px;width:max-content;max-width:100%;text-wrap:nowrap}
.game-wordmark span{display:block}.game-wordmark span:nth-child(2){font-size:.86em;margin-left:16px}.game-wordmark span:last-child{margin-left:26px}
.hero-tagline{font-family:var(--display);font-size:clamp(25px,2.8vw,39px);font-weight:400;line-height:1.1;margin-top:24px;letter-spacing:0}
.hero-copy .lead{font-size:16px;line-height:1.5;max-width:34ch;margin-top:14px;color:var(--ink)}
.hero-actions{gap:20px;margin-top:24px;align-items:center}
.hero-actions .text-link{color:var(--ink);font-size:15px}
.button.primary{border:3px solid #ff8fc6;background:linear-gradient(180deg,#ee1687 0%,#dd006d 60%,#f8138d 100%);color:#fff;font-family:var(--display);font-size:24px;font-weight:400;box-shadow:inset 0 5px 4px #ffffff70,inset 0 -5px 5px #9f00594d,0 7px 0 #a40a634d,0 12px 22px #9a005e33;min-height:64px;padding:14px 30px;gap:22px}
.hero-actions .button{min-height:72px;font-size:27px;padding-inline:28px}.primary:hover{background:linear-gradient(180deg,#dc0879,#c00061);transform:translateY(-3px)}
.jelly-button:active{transform:translateY(4px) scale(1.025,.95);box-shadow:inset 0 3px 3px #ffffff60,0 2px 0 #97045a50}
.secondary{background:var(--paper);box-shadow:inset 0 4px 2px #fff,0 4px 0 #bd88df;color:var(--ink)}
.availability{color:var(--ink);font-size:14px;margin-top:20px;font-weight:900}
.hero-art{position:absolute;z-index:1;right:-7%;bottom:-40px;width:69%;max-width:none;padding:0;margin:0;pointer-events:none}
.hero-illustration{width:100%;height:auto;animation:chef-arrive 800ms cubic-bezier(.2,.7,.3,1) 1 both;transform-origin:60% 80%}
.hero-art::before,.hero-art::after{content:"";position:absolute;z-index:-1;width:150px;aspect-ratio:1;clip-path:polygon(50% 0,61% 27%,86% 9%,78% 40%,100% 50%,73% 61%,91% 86%,59% 78%,50% 100%,39% 73%,14% 91%,22% 59%,0 50%,27% 39%,9% 14%,40% 22%);background:var(--candy-yellow);left:14%;top:5%;transform:rotate(10deg)}
.hero-art::after{left:auto;right:7%;top:15%;background:#cb91ff;width:190px;transform:rotate(-12deg)}
.hero-art figcaption{display:none}
.hero-foot{position:relative;z-index:3;background:var(--candy-yellow);border-radius:50% 50% 0 0/14px 14px 0 0}
.hero-foot-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:24px 30px;gap:32px;min-height:172px}
.candy-proof{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}.candy-proof img{width:clamp(85px,10vw,145px);height:auto;flex:none;filter:drop-shadow(0 7px 0 #e79a4233)}
.candy-proof p{font-family:var(--display);font-size:clamp(30px,3.65vw,55px);line-height:.93;letter-spacing:-.015em}.candy-proof p span{display:block}
.art-note{font-size:13px;color:var(--ink-soft);text-align:center;padding:14px 20px 0;max-width:900px;margin:auto}
.menu-section{padding-block:64px 20px}.menu-heading h2{font-size:38px}.menu-heading p{font-size:16px;color:var(--ink-soft)}
.dessert-menu{gap:16px}.dessert-menu figure{position:relative}.dessert-menu img{max-width:156px}.dessert-menu figcaption{font-family:var(--display);font-weight:400;font-size:21px}
.gallery-section{padding-top:64px}.section-heading{align-items:center}.section-heading h2{max-width:700px}.section-heading p{font-size:17px;color:var(--ink-soft);max-width:350px}
.gallery-grid{gap:36px}.gallery-card:nth-child(2){padding-top:54px}.gallery-card:nth-child(3){padding-top:12px}
.screenshot-open{background:#e2c9ff;padding:14px 14px 0;border-radius:36px;box-shadow:inset 0 4px 1px #fff8,0 8px 0 #ad75d5}
.screenshot-open img{border-radius:22px}.view-image{min-height:56px;padding:12px 2px;font-size:14px;color:var(--ink)}
.gallery-card h3{font-size:30px}.gallery-card figcaption{padding-top:28px}.shot-level{font-size:17px}.development-note,.section-note{font-size:14px}
.how-section{background:var(--lavender);border-radius:48px 48px 0 0}.how-grid{gap:64px}.how-grid h2{max-width:580px}.section-lead{color:var(--ink);font-size:18px}
.steps{gap:26px}.steps h3{font-size:27px;line-height:1.15}.steps p{font-size:17px;color:var(--ink)}.steps .step-number{background:var(--candy-yellow);color:var(--ink);font-family:var(--display);font-size:24px;box-shadow:0 4px 0 #8a4bbd40}
.conveyor-figure{background:#f5eaff;border-radius:40px;box-shadow:inset 0 5px 2px #fff,0 8px 0 #9d64c5}.conveyor-figure figcaption,.belt-actions p{color:var(--ink);font-size:14px}
.belt-actions .button{font-size:15px;font-weight:900}.tutorial-note{background:#fff4fa;box-shadow:none}.tutorial-note p{color:var(--ink-soft);font-size:16px}
.campaign{background:var(--candy-yellow)}.campaign-number{font-family:var(--display);font-weight:400;color:var(--ink);font-size:clamp(160px,20vw,290px);letter-spacing:-.03em}.campaign-caption{font-family:var(--display);font-size:37px;font-weight:400;margin-top:16px}.campaign-dessert p{color:var(--ink);font-size:17px}.campaign-details dt{font-family:var(--display);font-size:28px;font-weight:400}.campaign-details dd{font-size:17px;color:var(--ink)}
.story-picture img{border-radius:180px 180px 30px 30px;box-shadow:0 10px 0 #d8b4ec}.story-copy h2{font-size:clamp(42px,5vw,70px)}.story-copy>p{color:var(--ink-soft)}
.faq-section{background:#f6a6ce;border-radius:48px 48px 0 0}.faq-grid{gap:64px}.faq-list details{background:#fff3fa;border-radius:22px;box-shadow:0 4px 0 #c86caa}.faq-list summary{font-size:18px}.faq-list details p{font-size:17px;color:var(--ink)}
.closing{max-width:1180px}.closing h2{font-size:clamp(40px,5vw,68px)}.closing .button{font-size:24px}.closing-cupcake{max-width:300px;transform:rotate(-8deg)}
footer{background:var(--ink);color:#fff0fa}.footer{padding-block:38px}.footer p,.footer .text-link{color:#f6d9f0}.footer a:focus-visible{outline-color:var(--candy-yellow)}
dialog{background:#fff4fa}.lightbox-top h2{font-family:var(--font);font-weight:900}.lightbox-bottom .button{font-family:var(--font)}
html[lang="zh-Hant"] .game-wordmark{font-family:var(--display);font-size:clamp(90px,10.5vw,157px);line-height:.82;letter-spacing:-.025em}
html[lang="zh-Hant"] h2{font-size:clamp(34px,4vw,56px);font-family:var(--font);font-weight:900;line-height:1.15}
html[lang="zh-Hant"] h3{font-family:var(--font);font-weight:900}html[lang="zh-Hant"] .hero-tagline{font-family:var(--font);font-weight:900;font-size:clamp(25px,2.3vw,34px)}
html[lang="zh-Hant"] .candy-proof p{font-family:var(--font);font-weight:900;font-size:clamp(28px,3vw,44px);line-height:1.15}
@keyframes chef-arrive{from{transform:translateY(20px) rotate(2deg);opacity:.75}to{transform:translateY(0) rotate(0);opacity:1}}
@media(min-width:1700px){.hero-art{right:-2%;width:66%}.hero-grid{min-height:740px}.hero-copy{padding-top:28px}}
@media(min-width:641px) and (max-width:1050px){.site-header{min-height:78px}.brand{font-size:20px}.desktop-nav{gap:18px}.desktop-nav a{font-size:15px}.hero-grid{min-height:590px;padding-top:18px;padding-bottom:36px}.hero-copy{width:48%}h1.game-wordmark,html[lang="zh-Hant"] .game-wordmark{font-size:clamp(85px,11vw,120px);-webkit-text-stroke-width:13px}.hero-art{width:72%;right:-15%;bottom:0}.hero-tagline{font-size:28px}.hero-copy .lead{font-size:15px;max-width:29ch}.hero-actions{gap:12px}.hero-actions .button{font-size:24px;min-height:64px;padding:13px 21px}.hero-actions .text-link{font-size:14px}.hero-foot-inner{gap:12px;padding-block:24px;min-height:145px}.candy-proof{gap:4px}.candy-proof img{width:90px}.candy-proof p{font-size:34px}.how-grid{gap:32px}.faq-grid{gap:32px}.gallery-grid{gap:22px}.gallery-card:nth-child(2){padding-top:36px}.screenshot-open{padding:10px 10px 0;border-radius:26px}.gallery-card h3{font-size:26px}.view-image{font-size:13px}.steps h3{font-size:25px}}
@media(max-width:640px){
 :root{--gutter:20px;--section:64px;--heading:39px}.site-header{min-height:76px;gap:10px}.brand{font-size:20px}.brand-sweet{width:34px}.language{min-width:60px;padding-inline:12px}.header-controls{gap:9px}.mobile-menu nav{background:#fff0fa;box-shadow:0 10px 25px #4b005138}
 .hero-grid{display:flex;flex-direction:column;min-height:0;padding-top:10px;padding-bottom:0;gap:0}.hero-copy{width:100%;max-width:100%;text-align:center;padding:0;z-index:2}
 h1.game-wordmark,html[lang="zh-Hant"] .game-wordmark{font-size:clamp(72px,21vw,126px);line-height:.82;width:max-content;max-width:100%;-webkit-text-stroke:11px #ffe3f2;margin-inline:auto;padding-bottom:9px;transform:rotate(-3deg)}
 .game-wordmark span:nth-child(2){margin-left:0}.game-wordmark span:last-child{margin-left:0}.hero-tagline{font-size:27px;margin-top:18px}.hero-copy .lead{font-size:15px;line-height:1.45;max-width:33ch;margin:10px auto 0}.hero-actions{justify-content:center;margin-top:18px;gap:14px}.hero-actions .button{font-size:24px;min-height:60px;padding:10px 22px}.hero-actions .text-link{font-size:14px;min-height:44px}.hero-copy .availability{margin-top:14px;font-size:13px}
 .hero-art{position:relative;inset:auto;align-self:center;width:calc(100% + 70px);max-width:640px;margin-top:5px;margin-bottom:-19px}.hero-illustration{width:100%}.hero-art::before{width:85px;left:6%;top:13%}.hero-art::after{width:100px;right:4%;top:8%}
 .hero-foot{border-radius:50% 50% 0 0/8px 8px 0 0}.hero-foot-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding-block:18px 24px;min-height:0;width:calc(100% - 22px)}.candy-proof{flex-direction:column;gap:6px;text-align:center;justify-content:flex-start}.candy-proof img{width:76px;max-width:90%}.candy-proof p{font-size:25px;line-height:.95}.art-note{font-size:13px;padding:16px 20px 0;line-height:1.5}
 .menu-section{padding-block:44px 16px}.menu-heading h2{font-size:32px}.menu-heading p{font-size:16px}.dessert-menu{gap:16px 4px}.dessert-menu figcaption{font-size:20px}.dessert-menu img{max-width:128px}
 .gallery-section{padding-top:48px}.section-heading h2{font-size:39px}.section-heading p{font-size:16px}.gallery-grid{gap:40px}.gallery-card{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px}.gallery-card:nth-child(2),.gallery-card:nth-child(3){padding-top:0}.gallery-card:nth-child(2){direction:rtl}.gallery-card:nth-child(2)>*{direction:ltr}.gallery-card figcaption{padding:0}.gallery-card h3{font-size:26px}.shot-level{font-size:15px}.development-note{font-size:13px}.screenshot-open{padding:8px 8px 0;border-radius:23px;box-shadow:inset 0 4px 1px #fff8,0 6px 0 #ad75d5}.screenshot-open img{border-radius:14px}.view-image{font-size:13px;min-height:44px;gap:3px;padding-inline:0}
 .how-section,.faq-section{border-radius:32px 32px 0 0}.how-grid h2,.faq-grid h2{font-size:39px}.how-grid{gap:40px}.section-lead{font-size:17px}.steps h3{font-size:25px}.steps p{font-size:16px}.steps .step-number{font-size:24px}.conveyor-figure{border-radius:28px}.tutorial-note{padding:24px}.tutorial-note p{font-size:16px}
 .campaign-number{font-size:clamp(150px,44vw,240px)}.campaign-caption{font-size:32px}.campaign-dessert{margin-top:24px}.campaign-copy h2{font-size:39px}.campaign-details dt{font-size:26px}.campaign-details dd{font-size:16px}
 .story-copy h2{font-size:46px}.story-copy>p{font-size:17px}.story-picture{width:82%;max-width:300px}.story-section{gap:40px}.faq-list summary{font-size:17px}.faq-list details p{font-size:16px}.faq-list details{padding-inline:22px}.closing{gap:18px}.closing-cupcake{width:180px}.closing h2{font-size:41px}.closing .button{font-size:24px}.footer{gap:24px}.footer .brand{font-size:23px}
 html[lang="zh-Hant"] .hero-tagline{font-size:26px}html[lang="zh-Hant"] .candy-proof p{font-size:24px;line-height:1.2}html[lang="zh-Hant"] h2{font-size:34px}html[lang="zh-Hant"] .story-copy h2{font-size:40px}html[lang="zh-Hant"] .lightbox-top h2{font-size:17px}
}
@media(max-width:359px){.site-header{padding-inline:16px}.brand{font-size:18px}.header-controls{gap:6px}.hero-tagline{font-size:24px}.hero-actions{gap:10px}.hero-actions .button{font-size:24px;padding-inline:18px}.hero-actions .text-link{font-size:13px}.candy-proof p{font-size:22px}.candy-proof img{width:67px}.gallery-card{gap:16px}.gallery-card h3{font-size:23px}.view-image{font-size:13px}.view-image .icon{width:14px}.gallery-card .shot-level{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hero-illustration{animation:none!important;transform:none!important}.game-wordmark{filter:none}.jelly-button:active,.primary:hover{transform:none!important}.closing-cupcake{transform:none}}

@media(min-width:641px) and (max-width:900px){.hero-grid{display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);gap:12px;align-items:center}.hero-copy{width:100%;max-width:none}.hero-art{position:relative;inset:auto;width:125%;padding:0;align-self:center}.hero-actions{justify-content:flex-start;align-items:flex-start}.hero-tagline{font-size:26px}}