:root{--red:#a92025;--red-deep:#8a181d;--red-soft:#ed7173;--sky:#a9d6f3;--sky-deep:#7dbfe8;--cream:#fcf9e5;--butter:#fff3d1;--bg:#fffdf7;--ink:#4a2426;--ink-soft:#7e5a5c;--white:#fff;--font-pixel:"DotGothic16", monospace;--font-body:"Zen Maru Gothic", system-ui, sans-serif;--radius:20px;--radius-lg:32px;--border:3px solid var(--red);--shadow:6px 6px 0 var(--red);--shadow-sm:4px 4px 0 var(--red);--container:1120px;--header-h:72px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-weight:500;line-height:1.9;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}ul{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}.pixel{image-rendering:pixelated}.container{width:min(100% - 32px, var(--container));margin-inline:auto}.container.narrow{max-width:760px}.center{text-align:center}.site-header{z-index:100;height:var(--header-h);border-bottom:2px solid #0000;transition:border-color .3s,box-shadow .3s;position:fixed;inset:0 0 auto}.site-header.is-scrolled{border-bottom-color:var(--red)}.site-header:before{content:"";z-index:-1;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px);position:absolute;inset:0}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.brand-logo{width:auto;height:44px}.global-nav ul{align-items:center;gap:8px;display:flex}.global-nav a{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--red);border-radius:999px;padding:6px 14px;font-size:.95rem;text-decoration:none;transition:background .2s,color .2s;display:block}.global-nav a:hover{background:var(--butter)}.global-nav .nav-cta{background:var(--red);color:var(--cream)}.global-nav .nav-cta:hover{background:var(--red-deep)}.nav-toggle{display:none}.btn{border:var(--border);box-shadow:var(--shadow-sm);border-radius:999px;padding:14px 32px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.btn:hover{box-shadow:6px 6px 0 var(--red);transform:translate(-2px,-2px)}.btn:active{box-shadow:1px 1px 0 var(--red);transform:translate(3px,3px)}.btn-primary{background:var(--red);color:var(--cream)}.btn-ghost{background:var(--white);color:var(--red)}.btn-cream{background:var(--cream);color:var(--red);border-color:var(--cream);box-shadow:4px 4px 0 var(--red-deep)}.btn-cream:hover{box-shadow:6px 6px 0 var(--red-deep)}.btn-lg{padding:18px 40px;font-size:1.1rem}.btn-sm{padding:8px 20px;font-size:.9rem}.hero{min-height:100svh;padding:calc(var(--header-h) + 40px) 0 120px;background:radial-gradient(circle at 15% 20%, var(--sky) 0 18%, transparent 19%), radial-gradient(circle at 88% 75%, var(--butter) 0 20%, transparent 21%), radial-gradient(var(--sky) 1.5px, transparent 1.5px) 0 0 / 22px 22px, var(--bg);place-items:center;display:grid;position:relative;overflow:hidden}.hero-inner{z-index:2;text-align:center;position:relative}.hero-logo{margin:0;line-height:0;display:inline-block;position:relative}.hero-logo img{user-select:none;-webkit-user-drag:none;width:min(84vw,640px);height:auto}@media (width>=740px){.hero-logo img{image-rendering:pixelated}}.logo-cake-hit{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;width:21%;height:52%;padding:0;position:absolute;top:6%;left:67%}.logo-cake-hit:focus-visible{outline:3px dashed var(--sky-deep)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}.hero-bg{z-index:1;pointer-events:none;position:absolute;inset:0}.spark,.berry{height:auto;position:absolute}.spark{width:28px;animation:2.4s ease-in-out infinite twinkle}.s1{top:22%;left:12%}.s2{width:36px;animation-delay:.6s;top:16%;right:18%}.s3{animation-delay:1.2s;bottom:26%;right:10%}.s4{width:20px;animation-delay:1.8s;bottom:20%;left:20%}.berry{width:44px;animation:5s ease-in-out infinite float}.b1{top:58%;left:7%;transform:rotate(-15deg)}.b2{width:34px;animation-delay:1.5s;top:28%;right:7%}.wave{width:100%;height:60px;display:block;position:absolute;left:0}.wave-bottom{bottom:-1px}.wave-bottom path{fill:var(--red)}.wave-top{top:-1px}.wave-top path{fill:var(--cream)}.marquee{background:var(--red);color:var(--cream);font-family:var(--font-pixel);letter-spacing:.15em;white-space:nowrap;padding:14px 0;overflow:hidden}.marquee-track{width:max-content;animation:marquee var(--marquee-dur,28s) linear infinite;display:flex}.marquee-track span{flex:none;padding-right:0}.section{padding:120px 0;position:relative}.section-cream{background:var(--butter)}.section-sky{background:radial-gradient(var(--white) 2px, transparent 2px) 0 0 / 26px 26px, var(--sky);padding-top:150px}.section-red{background:var(--red);color:var(--cream)}.section-head{text-align:center;margin-bottom:56px}.section-label{font-family:var(--font-pixel);letter-spacing:.3em;color:var(--red);align-items:center;gap:14px;font-size:.95rem;display:inline-flex}.section-label:before,.section-label:after{content:"";background:currentColor;width:40px;height:2px}.section-title{color:var(--red);letter-spacing:.04em;margin-top:8px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900}.section-red .section-label,.section-red .section-title{color:var(--cream)}.card{background:var(--white);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:9px 9px 0 var(--red);transform:translate(-3px,-3px)}.about-body{text-align:center;max-width:880px;margin:0 auto 64px;font-size:1.05rem}.value-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.value-card{text-align:center;padding:36px 28px}.value-icon{object-fit:contain;width:56px;height:56px;margin:0 auto 16px}.value-icon-cake{border-radius:50%;width:72px;height:72px;margin-top:-8px;margin-bottom:8px}.pc-only{display:inline}@media (width<=760px){.pc-only{display:none}}.value-card h3{color:var(--red);margin-bottom:6px;font-size:1.3rem;font-weight:900}.value-card p{color:var(--ink-soft);font-size:.95rem}.works-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:880px;margin-inline:auto;display:grid}.work-card{grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden}.works-grid:has(.work-card:only-child){grid-template-columns:1fr}.work-thumb{background:var(--cream);border-right:var(--border);min-height:280px;position:relative}.thumb-placeholder{background:repeating-conic-gradient(var(--butter) 0 25%, #ffe9b0 0 50%) 0 0 / 32px 32px;font-family:var(--font-pixel);color:var(--red);letter-spacing:.2em;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.thumb-placeholder img{width:96px;animation:3s ease-in-out infinite bob}.badge{background:var(--red);color:var(--cream);font-family:var(--font-pixel);letter-spacing:.12em;border-radius:999px;padding:4px 12px;font-size:.8rem;position:absolute;top:16px;left:16px}.work-info{flex-direction:column;justify-content:center;gap:10px;padding:36px 32px;display:flex}.work-link{align-self:flex-start;margin-top:8px}.ck-toast a{color:var(--red);font-weight:700}.work-title{color:var(--red);font-size:1.7rem;font-weight:900}.work-meta{font-family:var(--font-pixel);color:var(--ink-soft);font-size:.9rem}.news-list{border-top:2px dashed var(--red)}.news-list li{border-bottom:2px dashed var(--red);grid-template-columns:auto auto 1fr;align-items:center;gap:20px;padding:22px 8px;display:grid}.news-list time{font-family:var(--font-pixel);color:var(--red);letter-spacing:.05em}.tag{font-family:var(--font-pixel);letter-spacing:.1em;background:var(--sky);color:var(--red-deep);border-radius:999px;justify-self:start;padding:2px 12px;font-size:.75rem}.tag-dev{background:var(--cream);border:2px solid var(--red)}.member-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;max-width:840px;margin-inline:auto;display:grid}.member-card{text-align:center;flex-direction:column;align-items:center;padding:36px 24px 32px;display:flex;position:relative}.leader-ribbon{background:var(--red);color:var(--cream);font-family:var(--font-pixel);letter-spacing:.15em;border-radius:0 999px 999px 0;padding:3px 12px 3px 14px;font-size:.72rem;position:absolute;top:18px;left:-3px}.member-x{border:2px solid var(--red);font-family:var(--font-pixel);color:var(--red);border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:6px 16px;font-size:.85rem;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.member-x svg{fill:currentColor;width:14px;height:14px}.member-x:hover{background:var(--red);color:var(--cream)}.avatar{border:var(--border);border-radius:50%;place-items:center;width:140px;height:140px;margin:0 auto 18px;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-red{background:var(--red)}.avatar-sky{background:var(--sky)}.avatar-pink{background:#fbe3ea}.member-card h3{color:var(--red);font-size:1.35rem;font-weight:900}.role{font-family:var(--font-pixel);color:var(--ink-soft);letter-spacing:.05em;font-size:.88rem;line-height:1.7}.role span{white-space:nowrap}.member-bio{margin-top:10px;font-size:.92rem}#contact p{margin-bottom:32px}.contact-x{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.contact-x .btn{text-align:left;align-items:center;gap:12px;padding:12px 28px;display:inline-flex}.contact-x svg{fill:currentColor;flex:none;width:20px;height:20px}.contact-x span{line-height:1.3;font-family:var(--font-pixel);flex-direction:column;font-weight:400;display:flex}.contact-x small{font-family:var(--font-body);font-size:.8rem;font-weight:700}.site-footer{background:var(--red-deep);color:var(--cream);padding:32px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand-footer img{width:64px;height:64px}.site-footer small{font-family:var(--font-pixel);letter-spacing:.05em;opacity:.85}.to-top{background:var(--cream);border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .2s;display:grid}.to-top:hover{transform:translateY(-4px)}.to-top img{width:22px}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,to{translate:0;rotate:-12deg}50%{translate:0 -16px;rotate:8deg}}@keyframes twinkle{0%,to{opacity:1;scale:1}50%{opacity:.3;scale:.6}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.tentative{color:var(--ink-soft);margin-left:4px;font-size:.55em;font-weight:700}.hero-logo.is-munch img{animation:.28s logoMunch}@keyframes logoMunch{0%,to{transform:none}40%{transform:scale(.97,1.02)rotate(-1.5deg)}}.ck-toast{z-index:300;background:var(--white);width:min(92vw,420px);color:var(--ink);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:16px 20px;font-size:.95rem;line-height:1.7;transition:translate .45s cubic-bezier(.2,1.4,.4,1);position:fixed;bottom:24px;left:50%;translate:-50% 140%}.ck-toast.is-show{translate:-50%}.ck-toast b{color:var(--red)}.ck-toast small{color:var(--ink-soft);font-family:var(--font-pixel)}.ck-toast code{background:var(--butter);color:var(--red);border-radius:6px;padding:1px 6px}.ck-pop-berry{z-index:290;pointer-events:none;width:36px;height:auto;animation:1.1s cubic-bezier(.2,.8,.3,1) forwards berryPop;position:fixed;translate:-50% -50%}body.ck-spell .hero-logo{animation:1.1s spell}@keyframes munch{0%{transform:scale(1)}40%{transform:scale(.85,1.1)rotate(-6deg)}to{transform:scale(1)}}@keyframes poke{0%,to{transform:none}30%{transform:scale(1.6)rotate(45deg)}}@keyframes berryPop{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:translateY(-60px)scale(1.4)}to{opacity:0;transform:translateY(-140px)scale(.8)rotate(360deg)}}@keyframes spell{0%,to{filter:none}25%{filter:hue-rotate(160deg)saturate(1.6)}50%{filter:hue-rotate(300deg)}75%{filter:hue-rotate(80deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}@media (width<=860px){.value-grid{grid-template-columns:1fr;max-width:420px;margin-inline:auto}.work-card{grid-template-columns:1fr}.work-thumb{border-right:none;border-bottom:var(--border);min-height:240px}.thumb-placeholder{padding-top:36px}}@media (width<=760px){:root{--header-h:64px}.section{padding:88px 0}.section-sky{padding-top:120px}.nav-toggle{background:var(--red);cursor:pointer;z-index:110;border:none;border-radius:50%;place-content:center;gap:5px;width:46px;height:46px;display:grid}.nav-toggle span{background:var(--cream);border-radius:2px;width:20px;height:2.5px;transition:transform .3s,opacity .3s}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7.5px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.global-nav{z-index:105;background:var(--cream);opacity:0;visibility:hidden;place-items:center;transition:opacity .3s,visibility .3s;display:grid;position:fixed;inset:0}.global-nav.is-open{opacity:1;visibility:visible}.global-nav ul{flex-direction:column;gap:18px}.global-nav a{padding:10px 28px;font-size:1.4rem}.news-list li{grid-template-columns:auto 1fr;gap:6px 14px}.news-list li p{grid-column:1/-1}.footer-inner{text-align:center;flex-direction:column}.hero-cake{right:-.35em}}@font-face{font-family:CK Pixel Latin;src:url(/fonts/dotgothic16-latin.woff2)format("woff2");font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html[lang=zh-CN]{--font-body:"Noto Sans SC", system-ui, sans-serif;--font-pixel:"CK Pixel Latin", "Noto Sans SC", monospace}html[lang=zh-TW]{--font-body:"Noto Sans TC", system-ui, sans-serif;--font-pixel:"CK Pixel Latin", "Noto Sans TC", monospace}.lang-menu{position:relative}.lang-menu summary{cursor:pointer;user-select:none;border:2px solid var(--red);font-family:var(--font-pixel);color:var(--red);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.9rem;line-height:1.4;list-style:none;transition:background .2s;display:flex}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu summary:before{content:"";background:currentColor;width:15px;height:15px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='8' cy='8' r='6.6'/%3E%3Cpath d='M1.6 8h12.8M8 1.4c2 2 2 11.2 0 13.2M8 1.4c-2 2-2 11.2 0 13.2'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='8' cy='8' r='6.6'/%3E%3Cpath d='M1.6 8h12.8M8 1.4c2 2 2 11.2 0 13.2M8 1.4c-2 2-2 11.2 0 13.2'/%3E%3C/svg%3E") 50%/contain no-repeat}.lang-menu summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:6px;height:6px;margin-left:2px;transition:rotate .2s,translate .2s;translate:0 -2px;rotate:45deg}.lang-menu details[open] summary:after{translate:0 2px;rotate:-135deg}.lang-menu summary:hover,.lang-menu details[open] summary{background:var(--butter)}.global-nav .lang-menu ul{z-index:120;background:var(--white);border:var(--border);min-width:160px;box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;align-items:stretch;gap:2px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 10px);right:0}.global-nav .lang-menu a{font-family:var(--font-body);letter-spacing:0;white-space:nowrap;color:var(--ink);border-radius:10px;padding:8px 14px;font-size:.92rem;font-weight:700}.global-nav .lang-menu a:hover{background:var(--butter);color:var(--red)}.global-nav .lang-menu a[aria-current]{color:var(--red);background:var(--cream)}.global-nav .lang-menu a[aria-current]:after{content:" ✓"}.global-nav .lang-row{display:none}.lang-suggest{z-index:250;background:var(--white);width:max-content;max-width:calc(100% - 32px);color:var(--ink);border:var(--border);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:12px;padding:8px 8px 8px 20px;font-size:.92rem;font-weight:700;line-height:1.5;animation:.5s cubic-bezier(.2,1.4,.4,1) both suggestIn;display:flex;position:fixed;bottom:16px;left:50%;translate:-50%}.lang-suggest .btn{box-shadow:none;white-space:nowrap;border-width:2px;padding:6px 16px;font-size:.85rem}.lang-suggest .btn:hover{box-shadow:none;background:var(--red-deep);transform:none}.lang-suggest-x{width:34px;height:34px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;font-size:1.4rem;line-height:1}.lang-suggest-x:hover{background:var(--butter);color:var(--red)}@keyframes suggestIn{0%{opacity:0;translate:-50% 140%}to{opacity:1;translate:-50%}}@media (width<=760px){.global-nav{place-content:center;gap:36px}.global-nav .lang-menu{display:none}.global-nav .lang-row{flex-flow:wrap;justify-content:center;gap:8px;max-width:320px;margin:0;padding:0;list-style:none;display:flex}.global-nav .lang-row a{font-family:var(--font-body);letter-spacing:0;border:2px solid var(--red);padding:6px 16px;font-size:.95rem;font-weight:700}.global-nav .lang-row a[aria-current]{background:var(--red);color:var(--cream)}.lang-suggest{text-align:center;border-radius:18px;flex-wrap:wrap;justify-content:center;gap:8px 10px;padding:12px 40px 12px 16px;bottom:12px}.lang-suggest-x{position:absolute;top:4px;right:4px}}