@font-face{font-family:TresuSans;src:url('app/assets/fonts/noto-sans-sc-ui.woff2') format('woff2');font-display:swap}@font-face{font-family:TresuSerif;src:url('app/assets/fonts/lora-roman.woff2') format('woff2');font-display:swap}
:root{--paper:#f6f4eb;--ink:#142c3c;--blue:#4682a9;--muted:#526673;--line:#142c3c25;--mist:#91c8e4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:TresuSans,'Microsoft YaHei',sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}p,h1,h2,h3,figure{margin:0}p{overflow-wrap:anywhere}.skip{position:fixed;z-index:30;top:-100px;left:16px;background:white;padding:12px}.skip:focus{top:12px}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(4.5vw,24px);border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;font-family:TresuSerif,serif;font-size:30px;gap:8px}.wordmark span{font:12px TresuSans,sans-serif;letter-spacing:.08em;margin-left:16px;color:var(--muted)}nav{display:flex;align-items:center;gap:28px;font-size:13px}.nav-try{border-bottom:1px solid var(--ink);padding:8px 0}.nav-try span{margin-left:24px}.hero{display:grid;grid-template-columns:1fr 1.12fr;max-width:1520px;margin:auto;min-height:710px;padding:60px 4.5vw 68px;gap:5vw;align-items:center}.eyebrow,.section-label{font-size:11px;letter-spacing:.16em;color:var(--blue);font-weight:600}.hero h1{font-size:clamp(42px,4.4vw,70px);line-height:1.28;letter-spacing:-.045em;font-weight:600;margin:24px 0}.lead{font-size:17px;line-height:2;color:var(--muted)}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;padding:14px 26px;border-radius:50px;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#355f7a}.primary{background:var(--blue);color:white}.text-link{font-size:13px;border-bottom:1px solid var(--line);padding:8px 0}.project-meta{font-size:11px;color:var(--muted);margin-top:44px;letter-spacing:.06em}.hero-visual{height:570px;position:relative;border-radius:160px 160px 10px 10px;overflow:hidden;box-shadow:0 25px 50px #142c3c18}.hero-landscape{width:100%;height:100%;object-fit:cover;object-position:45%}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#142c3c40,transparent 35%);pointer-events:none}.scene-stamp{position:absolute;left:32px;top:40px;color:white;font-size:10px;letter-spacing:.14em;text-shadow:0 1px 9px #1236}.scene-stamp b{font-size:18px;letter-spacing:.08em;font-weight:500}.time-note{position:absolute;left:50%;top:50%;width:68%;transform:translate(-50%,-40%);text-align:center;background:#f6f4ebbb;backdrop-filter:blur(12px);border:1px solid #ffffffb0;box-shadow:0 8px 30px #142c3c14;border-radius:26px;padding:30px 12px}.time-note>span{font-size:11px;letter-spacing:.1em}.time-note strong{display:block;font-family:TresuSerif,serif;font-size:clamp(55px,6vw,90px);font-weight:400;line-height:1.6}.time-note strong span{padding:0 .02em}.time-note small{font-size:11px;color:var(--muted)}.hero-label{position:absolute;bottom:24px;left:30px;right:30px;display:flex;justify-content:space-between;color:white;font-size:12px;z-index:1}.project-strip{display:flex;justify-content:space-around;gap:20px;max-width:1400px;margin:auto;padding:22px 4.5vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.08em}.section{max-width:1280px;margin:auto;padding:100px 5vw}.story{display:grid;grid-template-columns:.6fr 2fr 1fr;gap:40px;align-items:start}.story .section-label{padding-top:10px}h2{font-size:clamp(30px,3vw,43px);line-height:1.5;letter-spacing:-.03em;font-weight:500}.story p:not(.section-label),.detail p:not(.section-label){max-width:520px;color:var(--muted);font-size:15px;line-height:2;margin-top:24px}.idea-note{align-self:center;text-align:center;transform:rotate(4deg)}.idea-note img{margin:auto;mix-blend-mode:multiply}.idea-note span{display:block;font-size:11px;color:var(--muted);margin-top:18px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-heading h2,.detail h2{margin-top:14px}.section-heading>p{color:var(--muted);font-size:14px;line-height:2}.worlds{padding-top:28px}.world-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:24px}.world-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:14px 0;font-size:14px;color:var(--muted)}.world-tabs button[aria-pressed=true]{border-bottom-color:var(--blue);color:var(--ink)}.world-stage{position:relative;overflow:hidden;border-radius:8px;background:#cce4ee;height:550px}.world-stage>img{width:100%;height:100%;object-fit:cover;transition:opacity .25s}.world-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#142c3ce6,transparent 65%);pointer-events:none}.world-stage figcaption{position:absolute;z-index:1;bottom:40px;left:44px;right:44px;color:white}.world-stage figcaption>span{font-size:11px;letter-spacing:.16em}.world-stage h3{font-size:30px;font-weight:500;margin:10px 0}.world-stage p{font-size:14px;max-width:550px;color:#ffffffe0}.world-stage a{display:inline-block;margin-top:22px;font-size:13px;border-bottom:1px solid #fff8;padding-bottom:5px}.rhythm{padding-top:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:0;list-style:none;margin-top:56px}.steps li{border-top:1px solid var(--line);padding-top:22px}.steps li>span{font:italic 30px TresuSerif,serif;color:#749bc2}.steps h3{font-size:18px;font-weight:500;margin:16px 0 12px}.steps p{font-size:14px;color:var(--muted);line-height:2}.reward-scale{margin-top:38px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}.reward-scale>span{font-size:13px;color:var(--muted)}.reward-scale>div{display:flex;align-items:center;gap:14px}.reward-scale b,.reward-scale strong{font-size:26px;font-weight:400}.reward-scale small{font-size:11px}.reward-scale i{font-style:normal;color:var(--blue)}.atlas-section{background:#e8eff1;padding-bottom:15px}.atlas-section>.section-heading{padding-bottom:0;margin-bottom:55px}.specimen-pair{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:0 35px}.specimen{padding:36px 30px 25px;background:#f6f4eb url('app/assets/card-drawing-paper.png') center/540px;border:7px solid #ffffff9c;box-shadow:0 10px 18px #142c3c18,0 0 0 1px #ffffff90;border-radius:16px;transform:rotate(-3deg)}.specimen.botanical{transform:rotate(3deg)}.specimen header>span{font:10px TresuSerif,serif;letter-spacing:.13em}.specimen h3{font-size:30px;line-height:1.5;font-weight:600;margin:14px 0 2px}.specimen header i{font:italic 19px TresuSerif,serif}.specimen-art{position:relative;height:300px;margin:16px -8px;background:url('app/assets/card-pencil-blue.png') center/contain no-repeat;display:grid;place-items:center}.specimen-art img{position:relative;width:88%;height:100%;object-fit:contain;transform:rotate(-14deg)}.shell-art{position:relative;width:100%;aspect-ratio:1;background-image:url('app/assets/shells-200-v1.png');background-size:1600% 1300%;background-position:40% 100%;transform:rotate(-10deg)}.specimen footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:20px;font-size:10px}.specimen footer a{color:#305e79}.atlas-caption{text-align:center;font-size:11px;color:var(--muted);margin-top:45px}.atlas-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-top:50px;padding-bottom:60px}.atlas-notes span{font-size:15px;font-weight:500}.atlas-notes p{font-size:13px;color:var(--muted);margin-top:14px;line-height:2}.detail{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.receipt{padding:35px 40px;background:#fff9;border:1px solid var(--line);border-radius:4px;box-shadow:8px 8px 0 #91c8e420;transform:rotate(1deg)}.receipt>p{font-size:10px!important;letter-spacing:.07em;margin:0 0 28px!important;padding-bottom:20px;border-bottom:1px dashed var(--line)}.receipt>div{display:grid;grid-template-columns:32px 1fr;column-gap:15px;align-items:center}.receipt b{font-weight:500;font-size:17px}.receipt small{grid-column:2;font-size:11px;color:var(--muted)}.receipt-dot{grid-row:span 2;border:1px solid #749bc2;border-radius:100%;width:30px;height:30px;text-align:center;font:14px/28px TresuSerif,serif}.receipt>i{display:block;padding:12px 0 12px 8px;font-style:normal;color:#749bc2}.screens{padding-top:12px}.screen-button{width:100%;border:1px solid var(--line);background:#e5e8e4;padding:12px 12px 0;border-radius:14px;text-align:left;overflow:hidden}.screen-button img{border-radius:6px;width:100%;height:auto}.screen-button span{display:block;font-size:11px;padding:10px 8px;color:var(--muted)}.scope-note{display:flex;gap:36px;align-items:baseline;margin-top:28px;font-size:13px}.scope-note b{white-space:nowrap;font-weight:500}.scope-note p{color:var(--muted);max-width:780px;line-height:2}.closing{padding:60px 24px 90px;text-align:center;background:linear-gradient(0deg,#d9eaf2,transparent)}.closing img{margin:auto;mix-blend-mode:multiply}.closing .eyebrow{margin:20px 0}.closing h2{font-size:42px;line-height:1.5}.closing .button{margin:32px 0 20px}.closing>p:last-child{font-size:11px;color:var(--muted)}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 5vw;font-size:11px;border-top:1px solid var(--line)}dialog{width:min(1400px,96vw);max-height:94vh;border:0;padding:45px 10px 10px;background:var(--paper);border-radius:12px}dialog::backdrop{background:#142c3cbb;backdrop-filter:blur(6px)}dialog>button{position:absolute;right:12px;top:4px;border:0;background:none;font-size:30px;min-width:44px}dialog img{width:100%}
@media(min-width:1600px){.hero{padding-left:70px;padding-right:70px}}@media(max-width:900px){.wordmark span{display:none}.hero{min-height:auto;padding:45px 5vw;gap:30px}.hero h1{font-size:44px}.hero-visual{height:480px}.hero .actions{gap:18px}.time-note{width:82%}.time-note strong{font-size:62px}.story{grid-template-columns:1fr 2.3fr}.idea-note{display:none}.section{padding:70px 5vw}.steps{gap:25px}.specimen-pair{gap:25px}.specimen{padding:25px 20px}.specimen-art{height:240px}.reward-scale{flex-wrap:wrap}.reward-scale>span{width:100%}.detail{gap:35px}.receipt{padding:30px 25px}.worlds{padding-top:10px}}
@media(max-width:600px){body{font-size:15px}.site-header{height:76px;padding:0 20px;gap:12px}.wordmark{font-size:24px;gap:3px}.wordmark img{width:40px;height:40px}nav{gap:14px;font-size:11px}.nav-try span{margin-left:4px}.index-link{font-size:0}.index-link:after{content:'作品集';font-size:11px}.hero{grid-template-columns:1fr;padding:40px 22px 35px;gap:32px}.hero h1{font-size:46px;line-height:1.25;margin:19px 0}.hero .eyebrow{font-size:9px}.lead{font-size:14px;line-height:1.9}.actions{margin-top:25px;gap:16px}.button{padding:13px 23px;min-height:50px;font-size:13px;gap:22px}.text-link{font-size:12px}.project-meta{margin-top:25px;font-size:10px}.hero-visual{height:380px;border-radius:120px 120px 8px 8px}.scene-stamp{top:32px;left:28px}.time-note{width:65%;padding:22px 8px}.time-note strong{font-size:65px}.hero-label{font-size:10px}.project-strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:10px;padding:18px 22px;gap:14px}.section{padding:58px 22px}.story{grid-template-columns:1fr;gap:24px}.story p:not(.section-label),.detail p:not(.section-label){font-size:14px;margin-top:20px}h2{font-size:30px;line-height:1.45}.section-heading{display:block;margin-bottom:24px}.section-heading>p{font-size:13px;margin-top:20px}.section-label{font-size:9px}.worlds{padding-top:0}.world-tabs{gap:26px}.world-tabs button{font-size:12px}.world-stage{height:480px}.world-stage>img{object-position:45%}.world-stage figcaption{bottom:25px;left:24px;right:24px}.world-stage h3{font-size:23px;max-width:240px}.world-stage p{font-size:12px}.steps{grid-template-columns:1fr;gap:24px;margin-top:30px}.steps li{position:relative;padding:22px 0 0 46px}.steps li>span{position:absolute;left:0;top:24px;font-size:24px}.steps h3{margin:0 0 10px;font-size:17px}.steps p{font-size:13px}.reward-scale{gap:18px}.reward-scale b,.reward-scale strong{font-size:22px}.reward-scale>div{gap:8px}.reward-scale small{font-size:10px}.specimen-pair{grid-template-columns:1fr;gap:34px;padding:0 32px}.specimen{padding:25px 22px 23px}.specimen h3{font-size:28px}.specimen-art{height:275px}.specimen footer{font-size:10px}.atlas-caption{padding:0 24px;margin-top:30px;line-height:1.8}.atlas-notes{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:45px}.atlas-notes p{margin-top:8px}.atlas-section>.section-heading{margin-bottom:35px}.detail{grid-template-columns:1fr;gap:32px}.receipt{transform:none}.screens{padding-top:0}.screen-button{padding:7px 7px 0}.screen-button span{font-size:9px}.scope-note{display:block}.scope-note p{margin-top:10px;font-size:12px}.closing{padding:35px 24px 60px}.closing h2{font-size:32px}.site-footer{font-size:10px;flex-wrap:wrap;padding:24px}.site-footer>span{order:3;width:100%;color:var(--muted)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-visual .scene-stamp{left:65px;top:65px}@media(max-width:600px){.hero-visual .scene-stamp{left:42px;top:60px}}

[hidden]{display:none!important}.apk-section{display:grid;grid-template-columns:1fr 270px;gap:60px;align-items:center}.apk-section h2{margin:18px 0}.apk-section p:not(.section-label){font-size:14px;color:var(--muted);line-height:2}.apk-section .button{margin:24px 0 12px}.apk-section small{display:block;color:var(--muted);font-size:11px}.qr-card{background:white;border:1px solid var(--line);padding:25px;border-radius:12px;text-align:center;box-shadow:0 12px 25px #142c3c08}.qr-card img{margin:auto;width:200px;height:200px}.qr-card figcaption{font-size:13px;margin-top:15px}.qr-card small{margin-top:5px}.download-page{padding:45px 22px}.download-card{max-width:560px;margin:auto}.download-logo{margin:40px 0 20px}.download-card h1{font-size:34px;margin:18px 0;line-height:1.5}.download-card>p{font-size:14px;color:var(--muted);line-height:2}.download-card .button{margin:25px 0 15px;border:0;font-family:inherit;cursor:pointer}.download-card button:disabled{opacity:.55;cursor:wait}#download-cancel{border:0;background:none;margin-left:18px}#download-progress{display:block;width:100%;height:8px;margin:18px 0;accent-color:var(--blue)}#download-status{font-size:12px}.install-notes{border-top:1px solid var(--line);padding-top:30px;margin-top:40px}.install-notes h2{font-size:22px}.install-notes ol{padding-left:20px;font-size:14px;line-height:2}.install-notes p{font-size:12px;color:var(--muted)}.download-card details{margin-top:25px;font-size:12px}.download-card code{display:block;font-size:11px;word-break:break-all;padding:12px 0;white-space:pre-wrap}.download-web{margin:25px 0}.download-web a{color:var(--blue);margin-left:8px}@media(max-width:600px){.apk-section{grid-template-columns:1fr;gap:30px}.qr-card{width:250px;margin:0 auto}.download-page{padding-top:25px}}