:root{color:#efe4c8;background:#030910;font-family:Fusion Pixel,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #030910;--bg-raised: #07111b;--panel: #0a1724;--line: #274359;--line-strong: #4a6c82;--cyan: #6ed6e7;--cyan-muted: #7293a9;--amber: #e4a64a;--amber-bright: #f2c875;--orange: #f2603f;--ink: #f3e7c9;--muted: #a7b4be;--max-width: 1320px}@font-face{font-family:Fusion Pixel;src:url(/assets/fonts/fusion-pixel-zh-hans.ttf) format("truetype");font-display:swap}@font-face{font-family:M5x7;src:url(/assets/fonts/m5x7.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;background-color:var(--bg);background-image:url(/assets/textures/dungeon-wall.png);background-size:620px 620px;background-attachment:fixed;background-blend-mode:multiply}button,a,video{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}img,video{display:block;max-width:100%}.site-shell{min-height:100vh;background:#030910d1}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:10px max(24px,calc((100vw - var(--max-width)) / 2));border-bottom:1px solid rgba(74,108,130,.52);background:#030910f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;cursor:pointer;color:var(--ink);font-size:22px}.brand img{width:42px;height:42px;image-rendering:pixelated}.site-nav{display:flex;align-items:center;gap:8px}.site-nav button,.menu-button{border:1px solid transparent;background:transparent;padding:10px 16px;color:var(--muted);cursor:pointer}.site-nav button:hover,.menu-button:hover{color:var(--ink);border-color:var(--line);background:var(--bg-raised)}.site-nav button.nav-cta{margin-left:10px;padding:10px 18px;border:1px solid var(--amber);background:var(--amber);color:#221708;font-weight:600}.site-nav button.nav-cta:hover{border-color:var(--amber-bright);background:var(--amber-bright);color:#111}.site-nav .lang-switcher{position:relative;display:inline-flex;align-items:center;margin-left:8px}.site-nav .lang-switcher-trigger{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:1px solid var(--line);background:var(--bg-raised);color:var(--amber);font-size:13px;letter-spacing:.06em;cursor:pointer}.site-nav .lang-switcher-trigger:hover,.site-nav .lang-switcher:focus-within .lang-switcher-trigger{border-color:var(--cyan);color:var(--ink)}.site-nav .lang-switcher-caret{font-size:10px;opacity:.7;transition:transform .18s ease}.site-nav .lang-switcher.is-open .lang-switcher-caret{transform:rotate(180deg)}.site-nav .lang-switcher-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;margin:0;padding:6px 0;list-style:none;border:1px solid var(--line-strong);background:var(--bg-raised);box-shadow:0 18px 42px #0000008c;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:60}.site-nav .lang-switcher.is-open .lang-switcher-menu{opacity:1;visibility:visible;transform:translateY(0)}.site-nav .lang-switcher-menu li{display:block}.site-nav .lang-switcher-menu a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border:0;background:transparent;color:var(--ink);font-size:14px;text-decoration:none}.site-nav .lang-switcher-menu a:hover{background:var(--panel);color:var(--ink)}.site-nav .lang-switcher-menu a[aria-current=true]{background:#e4a64a1f;color:var(--amber)}.lang-switcher-label{white-space:nowrap}.lang-switcher-short{color:var(--cyan-muted);font-size:12px;letter-spacing:.06em}.site-nav .lang-switcher-menu a[aria-current=true] .lang-switcher-short{color:var(--amber)}.menu-button{display:none}.section{width:min(100%,var(--max-width));margin-inline:auto;padding:112px 32px;scroll-margin-top:72px}.eyebrow{margin:0 0 18px;color:var(--cyan);font-size:16px;letter-spacing:.18em}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;text-wrap:balance}h1{margin-bottom:20px;font-size:clamp(58px,6vw,96px);line-height:.9;color:var(--ink)}h2{margin-bottom:22px;font-size:clamp(40px,5vw,76px);line-height:1.02}h3{margin-bottom:12px;font-size:clamp(24px,2.3vw,36px);line-height:1.15}p{color:var(--muted);line-height:1.75}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:clamp(48px,7vw,112px);align-items:center;min-height:calc(100vh - 72px);padding-top:72px;padding-bottom:72px}.hero-copy{position:relative;z-index:1}.hero-brand-card{display:grid;place-items:center;width:min(100%,464px);min-height:388px;margin:0 0 28px;padding:28px}.hero-app-icon{width:220px;height:220px;image-rendering:auto;filter:drop-shadow(0 20px 26px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(110,214,231,.16))}.hero-line{margin-bottom:24px;color:var(--amber-bright);font-size:clamp(28px,3vw,44px);line-height:1.35}.hero-description{max-width:620px;margin-bottom:32px;font-size:19px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:46px}.pixel-button{min-width:176px;min-height:54px;padding:12px 24px;border:12px solid transparent;border-image-source:url(/assets/ui/button-normal.png);border-image-slice:12 fill;border-image-width:12px;border-image-repeat:stretch;background:transparent;color:#fff1d4;cursor:pointer;font-size:18px}.pixel-button:hover{border-image-source:url(/assets/ui/button-hover.png);color:#fff;transform:translateY(-2px)}.pixel-button.secondary{filter:saturate(.62) brightness(.8)}.hero-media{position:relative;width:min(100%,440px);margin-inline:auto;padding:32px 36px 36px;border:1px solid var(--line-strong);background:#02070cf5;box-shadow:0 30px 90px #0000007a}.hero-media:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;pointer-events:none;border:1px solid rgba(110,214,231,.2)}.media-label{position:relative;margin-bottom:14px;color:var(--cyan-muted);font-size:13px;letter-spacing:.08em}.hero-screenshot{position:relative;width:100%;border:1px solid #41637a}.media-notes{position:absolute;top:76px;right:-46px;display:grid;gap:96px;width:108px;color:var(--cyan);font-size:12px}.media-notes span{padding:7px 8px;border:1px solid var(--line);background:var(--bg)}.section-heading{margin-bottom:56px}.compact-heading{max-width:860px}.compact-heading>p:last-child{max-width:720px;font-size:18px}.climb-section,.growth-section{border-top:1px solid rgba(74,108,130,.36);border-bottom:1px solid rgba(74,108,130,.36);background:#050e16f0}.climb-layout{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(360px,1.25fr);gap:clamp(44px,8vw,120px);align-items:start}.video-panel{width:min(100%,440px);margin:0 auto;padding:22px;border:1px solid var(--line-strong);background:var(--bg)}.video-panel video{width:100%;aspect-ratio:9 / 20;border:1px solid var(--line);background:#000;object-fit:cover}.video-panel figcaption,.opening-video-panel figcaption,.story-gallery figcaption{padding-top:14px;color:var(--cyan-muted);font-size:13px;line-height:1.5}.loop-list{display:grid;gap:0;margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.loop-list li{display:grid;grid-template-columns:86px 1fr;gap:24px;padding:34px 0;border-bottom:1px solid var(--line)}.step-number,.shot-meta b{color:var(--amber);font-family:M5x7,monospace;font-size:36px}.loop-list h3{margin-bottom:8px;font-size:30px}.loop-list p{margin-bottom:0}.boss-section{max-width:none;width:100%;padding-inline:max(32px,calc((100vw - var(--max-width)) / 2));background:#02060cf0}.boss-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:80px;align-items:end}.boss-copy{min-height:170px;padding:24px;border-left:2px solid var(--amber);background:#08111ccc}.boss-copy span{color:var(--amber)}.boss-copy h3{margin:10px 0 8px;font-size:30px}.boss-copy p{margin-bottom:0}.boss-filmstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;border:1px solid var(--line-strong);background:#02060b}.boss-shot{position:relative;overflow:hidden;padding:0;border:1px solid var(--line);background:#000;cursor:pointer;opacity:.66;transition:opacity .18s ease,border-color .18s ease,transform .18s ease}.boss-shot:hover,.boss-shot.is-active{border-color:var(--amber);opacity:1}.boss-shot.is-active{transform:translateY(-8px)}.boss-shot img{width:100%;aspect-ratio:9 / 16;object-fit:contain;object-position:top;background:#000}.shot-meta{display:flex;align-items:baseline;justify-content:space-between;padding:14px 16px;color:var(--ink);background:var(--bg-raised)}.shot-meta b{font-size:28px}.growth-tabs{display:flex;gap:8px;margin-bottom:28px;border-bottom:1px solid var(--line)}.growth-tabs button{padding:16px 24px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.growth-tabs button:hover,.growth-tabs button.is-active{color:var(--ink);border-bottom-color:var(--amber);background:var(--panel)}.growth-feature{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);min-height:760px;border:1px solid var(--line-strong);background:#050b12}.growth-image-wrap{display:grid;place-items:center;min-width:0;padding:28px;border-right:1px solid var(--line);background:#02060a}.growth-image-wrap img{max-height:700px;width:auto;box-shadow:0 20px 54px #0000007a}.growth-copy{align-self:center;max-width:650px;padding:clamp(36px,6vw,96px)}.growth-copy>p:not(.eyebrow){font-size:18px}.text-link{margin-top:18px;padding:10px 0;border:0;border-bottom:1px solid var(--amber);background:transparent;color:var(--amber-bright);cursor:pointer}.story-section{display:block}.story-feature{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);gap:clamp(48px,8vw,120px);align-items:center}.opening-video-panel{width:min(100%,360px);margin:0 auto;padding:18px;border:1px solid var(--line-strong);background:#02060b;box-shadow:0 24px 70px #00000061}.opening-video-panel video{width:100%;aspect-ratio:9 / 16;border:1px solid var(--line);background:#000;object-fit:cover}.story-copy{align-self:start}.story-copy h2{font-size:clamp(40px,4vw,64px)}.story-signal{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.story-signal span{padding:9px 12px;border:1px solid var(--line);color:var(--cyan-muted);font-size:12px;letter-spacing:.08em}.story-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:72px}.story-gallery figure{margin:0;padding:18px;border:1px solid var(--line);background:var(--bg-raised)}.story-gallery img{width:100%}.download-section{max-width:none;width:100%;padding-inline:32px;border-top:1px solid var(--line);background:#030910f5;scroll-margin-top:88px;scroll-padding-top:88px}.download-module{width:min(100%,var(--max-width));margin-inline:auto;padding:clamp(28px,5vw,56px);border:1px solid var(--line-strong);background:#050c14;box-shadow:0 26px 76px #00000057}.download-module-heading{display:flex;align-items:center;gap:24px}.download-module-icon{width:88px;height:88px;border-radius:20px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.45))}.download-module h2{margin-bottom:0;font-size:clamp(36px,4vw,64px)}.download-module-copy{max-width:680px;margin:30px 0 24px;font-size:18px}.store-badges{display:flex;flex-wrap:wrap;gap:14px}.store-badge{display:inline-flex;width:196px;height:58px;overflow:hidden;background:transparent;transition:transform .18s ease,filter .18s ease}.store-badge:hover{filter:brightness(1.08);transform:translateY(-2px)}.store-badge.is-pending{cursor:default;opacity:.82}.store-badge.is-pending:hover{filter:none;transform:none}.store-badge-text{align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:8px 14px;border:1px solid var(--line-strong);color:var(--ink);text-align:center}.store-badge-text b{font-size:18px;line-height:1}.store-badge-text small{color:var(--cyan-muted);font-size:11px;line-height:1.2}.store-badge:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.store-badge img{display:block;width:100%;height:100%;object-fit:fill}.download-status{margin:18px 0 24px;color:var(--cyan-muted);font-size:13px}.faq-section{background:#050e16db}.faq-list{max-width:860px;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item details{padding:22px 4px}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--ink)}.faq-q{flex:1;color:var(--ink);font-size:clamp(18px,2vw,22px);line-height:1.4}.faq-indicator{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--line-strong);background:var(--bg-raised);color:var(--cyan);font-weight:600;transition:transform .18s ease}.faq-item details[open] .faq-indicator{transform:rotate(45deg);color:var(--amber);border-color:var(--amber)}.faq-a{margin:14px 0 0;color:var(--muted);font-size:17px;line-height:1.75}footer{display:flex;justify-content:space-between;gap:24px;padding:24px max(24px,calc((100vw - var(--max-width)) / 2));border-top:1px solid var(--line);background:#02060b;color:var(--cyan-muted);font-size:13px}.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.footer-links a{color:var(--cyan);text-decoration:none;border-bottom:1px dashed var(--cyan-muted);padding-bottom:2px}.footer-links a:hover{color:var(--ink);border-bottom-color:var(--amber)}@media(max-width:1040px){.hero{grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:44px}.media-notes{display:none}.boss-heading,.story-feature{grid-template-columns:1fr;gap:42px}.story-copy{position:static}.opening-video-panel{width:min(100%,390px)}}@media(max-width:820px){.site-header{min-height:64px;padding-inline:18px}.brand{font-size:18px}.brand img{width:36px;height:36px}.menu-button{display:block}.site-nav{position:absolute;top:64px;right:12px;display:none;width:min(260px,calc(100vw - 24px));padding:10px;border:1px solid var(--line-strong);background:#050c14;box-shadow:0 20px 42px #00000080}.site-nav.is-open{display:grid}.site-nav button{text-align:left}.site-nav .lang-switcher{display:block;margin-left:0;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.site-nav .lang-switcher-trigger{display:none}.site-nav .lang-switcher-menu{position:static;display:block;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;padding:0;min-width:0}.site-nav .lang-switcher-menu li{display:block}.site-nav .lang-switcher-menu a{padding:8px 10px;border-radius:0}.site-nav .lang-switcher-menu a[aria-current=true]{background:#e4a64a2e}.section{padding:84px 20px;scroll-margin-top:64px}.hero{grid-template-columns:1fr;min-height:0;padding-top:54px}.hero-copy{max-width:680px}.hero-brand-card{width:min(100%,430px);min-height:330px}.hero-app-icon{width:184px;height:184px}.hero-media{width:min(100%,470px)}.climb-layout{grid-template-columns:1fr}.video-panel{width:min(100%,410px)}.boss-filmstrip{grid-template-columns:repeat(4,minmax(238px,1fr));overflow-x:auto;scroll-snap-type:x mandatory}.boss-shot{scroll-snap-align:start}.growth-feature{grid-template-columns:1fr;min-height:0}.growth-image-wrap{border-right:0;border-bottom:1px solid var(--line)}.growth-image-wrap img{max-height:660px}.story-gallery{grid-template-columns:1fr 1fr}}@media(max-width:560px){h1{font-size:clamp(58px,19vw,86px)}h2{font-size:clamp(40px,12vw,56px)}.hero-line{font-size:28px}.hero-description,.compact-heading>p:last-child,.growth-copy>p:not(.eyebrow){font-size:16px}.hero-actions{display:grid}.pixel-button{width:100%}.hero-media{padding:30px 24px 24px}.hero-brand-card{min-height:286px;margin-bottom:24px;padding:22px}.hero-app-icon{width:156px;height:156px}.download-section{padding-inline:20px}.download-module-heading{align-items:flex-start;gap:16px}.download-module-icon{width:68px;height:68px;border-radius:15px}.download-module h2{font-size:34px}.download-module-copy{font-size:16px}.store-badges{display:grid}.store-badge{width:min(100%,236px)}.loop-list li{grid-template-columns:54px 1fr;gap:14px;padding:26px 0}.step-number{font-size:28px}.boss-copy{min-height:0}.growth-tabs{overflow-x:auto}.growth-tabs button{flex:0 0 auto;padding-inline:18px}.growth-copy{padding:32px 24px}.story-gallery{grid-template-columns:1fr}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
