 :root{color-scheme:dark;--bg:#070a0e;--text:#f2f6f7;--quiet:#929ca5;--accent:#b6efec;--line:#ffffff14;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","HarmonyOS Sans SC",MiSans,"Microsoft YaHei","Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6}a{text-decoration:none;color:inherit}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}button:disabled{cursor:wait;opacity:.65}.wrap{max-width:1200px;margin-inline:auto;padding-inline:40px}.skip{position:fixed;top:-60px;left:16px;z-index:10;background:var(--accent);color:#112627;padding:8px 16px;border-radius:8px}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:3;border-bottom:1px solid var(--line);background:#071016c9;backdrop-filter:blur(20px)}.header-inner{height:72px;max-width:1280px;padding:0 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:750;letter-spacing:.7px}.brand img{width:28px;height:30px}.site-header nav{display:flex;gap:4px;border:1px solid #ffffff25;border-radius:28px;padding:5px;background:linear-gradient(135deg,#ffffff12,#ffffff03)}nav a{padding:5px 17px;border-radius:20px;color:#a9b7bf;font-size:13px}nav a:hover{background:#ffffff0b;color:var(--text)}.nav-download{color:var(--accent);font-size:13px;font-weight:600}.nav-download span{padding-left:5px}.hero{min-height:460px;padding-top:88px;padding-bottom:64px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--accent);margin:0 0 19px}.dot{display:inline-block;width:6px;height:6px;vertical-align:middle;border-radius:50%;background:var(--accent);box-shadow:0 0 12px 2px #a2e8e580;margin-right:8px}h1{font-size:56px;line-height:1.13;letter-spacing:-2px;margin:0 0 21px;font-weight:820}h1 span{color:#c7d6dc}.hero-note{color:#a1aab2;font-size:17px;margin:0 0 26px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 22px;border-radius:28px;border:1px solid #ffffff23;font-weight:700;font-size:13px;transition:transform .2s,box-shadow .2s}.primary{background:linear-gradient(180deg,#d3fff9,#91d9d6);color:#163435;border-color:#d8ffff50;box-shadow:0 0 28px #71e3d82b,0 6px 16px #07151880}.primary:hover{transform:translateY(-2px);box-shadow:0 0 32px #71e3d84a}.secondary{background:linear-gradient(150deg,#ffffff13,#ffffff04);color:#c9d9e0;box-shadow:inset 0 1px #ffffff0a}.secondary:hover{background:#ffffff16}.hero-meta{font-size:11px;color:#697984;margin:23px 0 0}.download-section{position:relative;isolation:isolate;padding:65px 24px 90px;scroll-margin-top:72px;overflow:hidden}.download-section:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 93% 9%,#22cbb326,transparent 40%),radial-gradient(ellipse at 6% 60%,#6455d433,transparent 50%)}.section-heading{text-align:center;margin:0 auto 31px;max-width:650px}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:40px;line-height:1.2;letter-spacing:-1px;margin:0 0 17px}.section-heading>p:not(.eyebrow){color:var(--quiet);font-size:15px;margin:13px 0}.section-heading .version-summary{font-size:12px;color:#d7e6e8;margin-top:24px}.download-card{max-width:560px;margin:auto;padding:31px 33px 25px;border:1px solid #ffffff35;border-radius:24px;background:radial-gradient(350px at 95% 98%,#a68aff26,transparent 65%),linear-gradient(155deg,#ffffff15,#ffffff04 60%,#ffffff08);box-shadow:inset 0 1px #ffffff22,0 25px 80px #0008;backdrop-filter:blur(18px)}.platform-tabs{display:flex;gap:5px;padding:5px;border-radius:16px;border:1px solid #ffffff10;background:#070b1450;margin-bottom:23px}.platform-tabs button{flex:1;border:0;border-radius:12px;background:transparent;padding:9px 10px;color:var(--quiet);font-size:13px}.platform-tabs .active{background:#b6efec15;color:var(--accent);box-shadow:inset 0 0 0 1px #b6efec24}.release-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}.release-heading strong{font-size:17px}.release-heading>span:last-child{font-size:11px;color:var(--quiet);margin-left:auto}.tag{display:inline-block;font-size:10px;color:var(--accent);padding:2px 7px;background:#b6efec10;border:1px solid #b6efec12;border-radius:16px;font-weight:500}.changelog{padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--line)}h3{font-size:14px;margin:0 0 12px}.changelog>h3{color:#a4b4bd;font-size:12px}.changelog article+article{border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.changelog article>div{display:flex;align-items:center;gap:10px}h4{font-size:14px;margin:0}.changelog ul{padding-left:17px;margin:9px 0 0;color:#b0bdc5;font-size:12px;line-height:1.85}label{font-size:12px;font-weight:650;display:block;margin-bottom:9px}.code-field{display:flex;align-items:center;border:1px solid #ffffff1c;background:#050912a3;border-radius:12px;overflow:hidden}.code-field input{width:100%;min-width:0;border:0;background:none;color:var(--text);padding:15px;outline:none;font-size:13px}.code-field:focus-within{border-color:var(--accent)}.code-field button{background:none;border:0;color:var(--accent);padding:15px;font-size:11px;white-space:nowrap}.verify-button{width:100%;justify-content:space-between;margin-top:16px}.download-footnote{color:#87939e;font-size:11px;line-height:1.7;margin:16px 0 0;text-align:center}#download-message{font-size:12px;color:#ffb7c5;margin:11px 0 0;min-height:19px}.download-links{display:grid;gap:12px}.verified{font-size:12px;color:var(--accent);margin:0}.guide-link{color:var(--accent);text-align:center;font-size:12px;padding:4px}.switch-code{border:0;background:none;font-size:11px;color:#9daab2;margin:0 auto;padding:4px 10px}.how-section{padding-top:68px;padding-bottom:70px;text-align:center;border-top:1px solid var(--line)}.how-section h2{font-size:30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:31px 0 26px;text-align:left}.steps article{position:relative;border:1px solid #ffffff20;padding:26px 23px;border-radius:22px;background:linear-gradient(140deg,#ffffff0a,#ffffff02);min-height:171px}.step-number{display:block;width:37px;height:37px;border:1px solid #ffffff13;border-radius:10px;background:#ffffff07;color:var(--accent);font-size:11px;letter-spacing:1px;line-height:35px;text-align:center;margin-bottom:15px}.steps h3{font-size:15px;margin-bottom:9px}.steps p{color:var(--quiet);font-size:12px;margin:0;line-height:1.8}.contact-section{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:65px;border-top:1px solid var(--line)}.contact-section h2{font-size:30px}.contact-section p:not(.eyebrow){color:var(--quiet);font-size:13px;margin-bottom:22px}.contact-section figure{margin:0;text-align:center;padding-right:30px}.contact-section img{width:135px;display:block;border-radius:16px}.contact-section figcaption{font-size:11px;color:var(--quiet);margin-top:10px;line-height:1.7}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-block:30px;color:#687780;font-size:11px}footer div{display:flex;align-items:center;gap:20px}footer button{background:none;border:0;color:inherit;font-size:inherit;padding:0}footer a:hover,footer button:hover{color:var(--accent)}dialog{max-width:520px;width:calc(100% - 36px);border:1px solid #ffffff30;border-radius:22px;background:#151b23;color:var(--text);padding:26px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#020509bb;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-heading h2{font-size:22px;margin:0}.dialog-heading button{background:#ffffff0b;border:0;border-radius:10px;width:32px;height:32px;font-size:22px}.legal-copy{font-size:13px;color:#c6d1d8;line-height:1.9}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:700px){.wrap{padding-inline:24px}.header-inner{padding:0 24px;height:65px}.brand{font-size:16px}.site-header nav{display:none}.nav-download{font-size:11px}.hero{padding-top:69px;min-height:390px;padding-bottom:54px}h1{font-size:41px;letter-spacing:-1.5px;line-height:1.16}.hero-note{font-size:14px}.hero-meta{font-size:10px}.hero-actions{gap:9px}.primary,.secondary{font-size:12px;padding:12px 17px}.download-section{padding:45px 20px 62px;scroll-margin-top:65px}.section-heading h2{font-size:33px}.section-heading>p:not(.eyebrow){font-size:13px}.download-card{padding:23px 22px;border-radius:22px}.release-heading{gap:6px}.release-heading strong{font-size:15px}.changelog ul{font-size:11px}.steps{grid-template-columns:1fr;gap:12px}.steps article{min-height:0;padding:21px 23px}.step-number{float:left;margin-right:18px;margin-bottom:30px}.steps h3{font-size:14px}.steps p{font-size:12px}.how-section{padding-top:48px;padding-bottom:45px}.contact-section{padding-top:45px;padding-bottom:45px;gap:22px}.contact-section h2{font-size:25px}.contact-section p:not(.eyebrow){font-size:12px}.contact-section figure{padding-right:0}.contact-section img{width:100px}.contact-section .primary{font-size:11px;padding:10px 13px}footer{flex-wrap:wrap;padding-block:24px;gap:12px}footer div{gap:16px}}

@media(max-width:700px){.hero{text-align:center}.hero-actions{flex-direction:column}.hero-actions a{width:100%;justify-content:space-between}.hero .eyebrow{justify-content:center}}

/* Glass surfaces: soft refraction, bright lip and a second inner edge. */
body{background:radial-gradient(ellipse 700px 480px at 84% 180px,#20575b99,transparent 76%),radial-gradient(ellipse 560px 450px at 4% 440px,#30244c70,transparent 80%),#070a0e}
.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:24px;min-height:510px;padding-top:78px;padding-bottom:76px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:54px}.hero-art{position:relative;height:330px;min-width:0;display:grid;place-items:center}.hero-art canvas{position:absolute;width:100%;height:100%;inset:0;opacity:0;transition:opacity .8s}.hero-art[data-render-state=ready] canvas{opacity:1}.hero-art[data-render-state=ready] .tutu-fallback{opacity:0}.tutu-fallback{font-size:110px;letter-spacing:-7px;font-weight:850;color:#a9d4d72a;-webkit-text-stroke:1px #bdeff0a0;text-shadow:1px 2px #8aacc254,0 0 35px #c5fff52a;transition:opacity .5s;animation:tutu-float 7s ease-in-out infinite}.art-caption{position:absolute;bottom:32px;font-size:9px;letter-spacing:3px;color:#81a9ab8c}.site-header{background:linear-gradient(110deg,#ffffff08,#071016b8 60%);backdrop-filter:blur(24px) saturate(155%);box-shadow:inset 0 1px #ffffff14}.site-header nav,.download-card,.steps article,.secondary,dialog{position:relative;border-color:transparent;background:radial-gradient(circle at var(--glass-x,20%) var(--glass-y,0%),#d3fafa18,transparent 55%),linear-gradient(135deg,#ffffff12,#ffffff03 48%,#9bb6bf0b);box-shadow:inset 0 1px #ffffff23,inset 0 -1px #0007,0 12px 35px #0003;backdrop-filter:blur(24px) saturate(140%)}.site-header nav:before,.download-card:before,.steps article:before,.secondary:before,dialog:before{content:"";pointer-events:none;position:absolute;inset:-1px;padding:1px;border-radius:inherit;background:linear-gradient(135deg,#efffff80,#a8e8e625 28%,#ffffff0d 52%,#c9bfff45 78%,#b3eeee66);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}.download-card{background:radial-gradient(ellipse at 12% 0%,#defafa17,transparent 50%),radial-gradient(ellipse at 100% 95%,#a084df20,transparent 60%),linear-gradient(140deg,#ffffff10,#0c1b244a 55%,#ffffff08);box-shadow:inset 0 1px 1px #fff3,inset 0 0 35px #ffffff03,0 35px 90px #0006}.download-card:after{content:"";position:absolute;pointer-events:none;inset:7px;border:1px solid #ffffff08;border-radius:18px}.primary{box-shadow:inset 0 1px 1px #ffffffa0,inset 0 -2px 3px #19434730,0 0 30px #8beee72b,0 6px 16px #07151880}.platform-tabs{box-shadow:inset 0 1px 2px #0009,0 1px #ffffff15}.platform-tabs .active{background:linear-gradient(140deg,#c9fff51c,#b6efec09);box-shadow:inset 0 1px #ffffff2a,inset 0 0 0 1px #b6efec28}.steps article{overflow:hidden}.code-field{box-shadow:inset 0 2px 6px #0005,0 1px #ffffff10}
@keyframes tutu-float{0%,100%{transform:translateY(-7px) rotate(-3deg)}50%{transform:translateY(7px) rotate(2deg)}}
@media(max-width:1000px) and (min-width:701px){.hero h1{font-size:43px}.hero-art{height:290px}.hero-actions{gap:9px}.hero-actions a{padding-inline:15px;font-size:12px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:6px;padding-top:51px;padding-bottom:20px}.hero h1{font-size:41px}.hero-art{height:200px;margin-top:0}.art-caption{bottom:14px;font-size:8px;letter-spacing:2px}.tutu-fallback{font-size:90px}.download-card:after{inset:6px;border-radius:16px}}
@media(prefers-reduced-motion:reduce){.tutu-fallback{animation:none}.hero-art canvas{transition:none}}

dialog{box-sizing:border-box;max-height:calc(100dvh - 40px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.dialog-heading{gap:16px;min-width:0}.dialog-heading h2{min-width:0;overflow-wrap:anywhere}.dialog-heading button{flex:none}.legal-copy{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.8}.art-caption{display:none}
dialog:before{inset:0}

.feedback-email{overflow-wrap:anywhere}.feedback-email a{color:var(--accent)}.feedback-email button{color:var(--accent);background:#ffffff0b;border:1px solid #ffffff20;border-radius:10px;padding:4px 9px;margin-left:5px;font-size:11px}

.games-section{padding-top:24px;padding-bottom:64px;scroll-margin-top:96px}.game-list{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.game-list li{display:flex;align-items:center;gap:14px;padding:24px 18px;border:1px solid #ffffff18;border-radius:20px;background:linear-gradient(135deg,#ffffff08,#ffffff02)}.game-list h3{margin:0;font-size:17px}.game-mark{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;background:#ec8ebd16;color:var(--accent);font-weight:700;font-size:20px}@media(max-width:900px){.game-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.game-list{gap:10px}.game-list li{padding:18px 12px;gap:9px}.game-list h3{font-size:14px}.game-mark{width:32px;height:32px;font-size:17px}.games-section{padding-bottom:44px}}
