@charset "UTF-8";
:root{--paper:#fbf5e9;--ink:#3b2519;--muted:#796653;--orange:#b5451c;--line:#e2d4bf;--white:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible,video:focus-visible{outline:3px solid #b5451c;outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}img{max-width:100%;height:auto;display:block}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2{font-family:"Songti SC","Noto Serif CJK SC",Georgia,serif;line-height:1.25;letter-spacing:-.035em}h2{font-size:clamp(29px,3.2vw,43px)}h3{font-size:20px;line-height:1.5}p{overflow-wrap:anywhere}.wrap{max-width:1320px;margin:auto;padding:0 54px}.header{padding:26px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:650;line-height:1.45}.brand img{border-radius:11px}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:400}.header nav{display:flex;gap:27px;font-size:13px}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:50px;align-items:center;padding:86px 0 78px}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--orange);font-weight:750;line-height:1.6;margin-bottom:22px}.eyebrow span{font-size:9px;margin-right:5px}h1{font-size:clamp(40px,4.25vw,62px);margin-bottom:24px}.game-title{font-size:16px;font-weight:650}.game-title span{display:block;font-size:13px;font-weight:400;color:var(--orange);margin-top:3px}.intro{font-size:15px;color:var(--muted);max-width:460px;margin:20px 0 28px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{background:var(--orange);color:white;display:inline-flex;padding:12px 25px;border-radius:5px;font-size:14px;font-weight:650;align-items:center;justify-content:center;min-height:48px}.button:hover{background:#963914;text-decoration:none}.text-link{font-size:13px}.hero-picture{position:relative;transform:rotate(1.5deg);padding:10px;background:var(--white);box-shadow:0 16px 45px #56301e18;border:1px solid #e4d7c5}.hero-picture img{aspect-ratio:16/9;object-fit:cover}.hero-picture figcaption{padding:8px 5px 0;color:var(--muted);font-size:10px}.picture-stamp{position:absolute;right:12px;bottom:-24px;border:1px solid var(--orange);border-radius:50%;height:79px;width:79px;display:grid;align-content:center;text-align:center;line-height:1.35;transform:rotate(-14deg);font-size:10px;font-weight:700;background:#fbf5e9;color:var(--orange)}.section{padding:68px 0;border-top:1px solid var(--line)}.section-head{margin-bottom:35px}.section-head .eyebrow{margin-bottom:14px}.section-head>p:last-child{margin-top:14px;color:var(--muted);font-size:14px}.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.stage{padding:6px 31px 6px 0}.stage+.stage{padding-left:31px;border-left:1px solid var(--line)}.stage-label{font-size:11px;letter-spacing:.08em;color:var(--orange);margin-bottom:15px}.stage h3{margin-bottom:13px}.stage>p:last-child{font-size:14px;color:var(--muted)}.video video{width:100%;display:block;background:#38261c;aspect-ratio:16/9;border-radius:8px}.video figcaption,.media-note{font-size:12px;color:var(--muted);margin-top:15px;line-height:1.8}.screenshots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.phone img{border-radius:14px;border:1px solid var(--line);width:100%;box-shadow:0 8px 20px #4726130b}.phone h3{font-size:15px;margin-top:18px}.phone p{font-size:12px;color:var(--muted);margin-top:4px}.developer{display:grid;grid-template-columns:.85fr 1fr;gap:90px}.developer>div>p:not(.eyebrow){font-size:15px;color:var(--muted)}.developer .media-note{font-size:12px}.download{margin:20px 0 35px;padding:55px 64px;background:#f1e4ce;display:flex;justify-content:space-between;align-items:center;gap:50px;border:1px solid #e8d8ba;border-radius:9px}.download h2{margin-bottom:14px}.download-copy>p:not(.eyebrow){color:var(--muted);font-size:14px}.download .button{margin-top:25px}.exact-link{font-size:11px!important;margin-top:12px}.qr{flex:0 0 184px;text-align:center}.qr img{padding:10px;background:white;border-radius:5px}.qr figcaption{font-size:11px;color:var(--muted);margin-top:10px}.art-links{display:flex;align-items:center;justify-content:center;gap:25px;font-size:11px;flex-wrap:wrap;color:var(--muted);padding-bottom:30px}.art-links span{color:var(--ink);font-weight:600}footer{border-top:1px solid var(--line);padding:23px 0 30px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px}.skip{position:absolute;top:-60px;left:15px;padding:10px;background:var(--ink);color:white;z-index:20}.skip:focus{top:10px}@media(min-width:1450px){.hero{padding-top:100px;padding-bottom:98px}}@media(max-width:900px){.wrap{padding:0 28px}.hero{gap:30px}.hero h1{font-size:42px}.developer{gap:40px}.screenshots{gap:15px}.download{padding:40px}.stage{padding-right:20px}.stage+.stage{padding-left:20px}}@media(max-width:680px){.wrap{padding:0 21px}.header{padding:18px 0;gap:12px;flex-wrap:wrap}.brand{font-size:12px}.brand small{font-size:10px}.brand img{width:36px;height:36px}.header nav{gap:15px;font-size:11px}.hero{grid-template-columns:1fr;padding:43px 0 53px;gap:36px}.hero h1{font-size:clamp(37px,10vw,52px)}.hero .intro{font-size:14px}.hero-picture{transform:none;margin-right:4px}.eyebrow{font-size:9px;margin-bottom:18px}.section{padding:43px 0}.section-head{margin-bottom:26px}.stages{grid-template-columns:1fr}.stage,.stage+.stage{padding:23px 0;border-left:0;border-top:1px solid var(--line)}.stage:first-child{padding-top:0;border-top:0}.stage:last-child{padding-bottom:0}.stage-label{margin-bottom:9px}.stage h3{font-size:20px;margin-bottom:8px}.screenshots{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px}.phone img{border-radius:10px}.phone h3{font-size:13px;margin-top:12px}.phone p{font-size:11px}.developer{grid-template-columns:1fr;gap:20px}.download{padding:31px 22px;flex-direction:column;align-items:flex-start;gap:28px;margin-top:10px}.download h2{font-size:30px}.qr{flex:initial;width:174px;align-self:center}.download-copy{width:100%}.download .button{width:100%}.art-links{gap:10px 19px;justify-content:flex-start}footer{flex-direction:column;font-size:10px;gap:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
