@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft Yahei,sans-serif;color:#ecece4;background:#101715;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #dcbf7a;outline-offset:3px}a{color:inherit;text-decoration:none}.shell{min-height:100svh;overflow:hidden}.shell-dark{background:#111916;color:#f1eee4}.shell-paper{background:#eae8df;color:#1d2925}.topbar{height:102px;max-width:1460px;margin:auto;padding:0 55px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(219,221,203,.18);position:relative;z-index:5}.shell-paper .topbar{border-color:#c8c9be}.brand{display:flex;gap:14px;align-items:center}.seal{width:46px;height:46px;border:1px solid #b7a16c;color:#ead1a1;font:30px/42px "Noto Serif SC",serif;text-align:center}.brand-stack{display:flex;flex-direction:column;gap:3px;letter-spacing:.23em}.brand-stack strong{font-size:13px;font-weight:700}.brand-stack small{font-size:9px;letter-spacing:.15em;color:#a5a99e}.shell-paper .seal{color:#6e5834;border-color:#927850}.shell-paper .brand-stack small{color:#616a62}.topbar nav{display:flex;align-items:center;gap:45px;font-size:11px}.nav-meta{color:#9eaca4;letter-spacing:.15em}.shell-paper .nav-meta{color:#68776c}.nav-link{color:inherit;background:none;border:0;border-bottom:1px solid #a8b7ad;padding:8px 0;font-size:12px}.footer{max-width:1460px;margin:auto;padding:26px 55px 34px;display:flex;justify-content:space-between;gap:18px;color:#8a9d92;border-top:1px solid rgba(223,228,209,.18);font-size:10px;letter-spacing:.12em}.shell-paper .footer{color:#7b867b;border-color:#c7cabd}.home-main{max-width:1460px;margin:auto}.hero{display:grid;grid-template-columns:52% 48%;min-height:658px;position:relative}.hero-copy{padding:70px 20px 55px 91px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:14px;letter-spacing:.22em;font-size:11px;color:#c6b079}.eyebrow .line{width:36px;height:1px;background:#c6b079}.hero-title{display:flex;align-items:flex-end;margin:35px 0 2px;height:243px;white-space:nowrap}.hero-title h1{font:700 234px/.98 "Noto Serif SC",Songti SC,serif;margin:0 -15px 0 0;color:#e9e7dc;letter-spacing:-.12em;text-shadow:12px 22px 70px rgba(4,7,6,.32)}.outline-text{font:400 27px "Noto Serif SC",serif;writing-mode:vertical-rl;letter-spacing:.22em;color:#a0afa3}.hero-title .outline-text:first-child{align-self:center;margin-right:19px}.hero-title .outline-text:last-child{align-self:center;margin-left:32px}.hero-en{letter-spacing:.31em;color:#b9c4b8;font-size:13px;line-height:1.95;margin:4px 0 37px}.hero-desc{font:21px/1.95 "Noto Serif SC",Songti SC,serif;letter-spacing:.07em;color:#dce3da;margin:0 0 30px}.hero-annotation{border-top:1px solid rgba(209,211,185,.22);padding-top:22px;color:#9aaa9f;font-size:12px;line-height:2.15}.hero-art{position:relative;overflow:hidden;background:radial-gradient(circle at 52% 40%,#b2b4a1,#83908a 48%,#53665e 84%,#273a35)}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111916 0%,transparent 24%),linear-gradient(0deg,#12211c 0%,transparent 55%);z-index:3}.hero-art:after{content:"";position:absolute;inset:0;opacity:.27;background-image:repeating-linear-gradient(94deg,transparent 0,transparent 5px,rgba(250,247,224,.05) 6px,transparent 7px);z-index:4}.art-sun{position:absolute;width:230px;height:230px;left:44%;top:16%;border-radius:50%;background:#d7c0a0;filter:blur(2px);opacity:.68;box-shadow:0 0 65px 32px #d6c5a359}.art-mountain{position:absolute;width:140%;height:70%;background:#5b726b;clip-path:polygon(0 90%,8% 57%,19% 72%,32% 30%,42% 63%,53% 17%,65% 57%,79% 20%,89% 52%,100% 19%,100% 100%,0 100%)}.art-mountain.a{top:15%;left:-20%;opacity:.45;filter:blur(16px)}.art-mountain.b{top:36%;left:1%;background:#354b45;opacity:.72;filter:blur(10px);transform:scaleX(1.2)}.art-water{position:absolute;left:-15%;bottom:-24%;width:140%;height:58%;background:repeating-linear-gradient(176deg,transparent 0 17px,rgba(213,229,208,.1) 18px 20px,transparent 22px 37px),linear-gradient(#60756f,#122d2a);transform:rotate(-2deg)}.art-boat{position:absolute;left:31%;bottom:22%;width:58%;height:50px;background:#25322e;clip-path:polygon(0 0,100% 0,86% 92%,22% 90%);z-index:2;box-shadow:0 20px 45px #0e2524}.art-boat span{display:block;width:100%;height:7px;background:#89938c}.art-figure{z-index:2;position:absolute;left:52%;bottom:29%;width:65px;height:142px;transform:rotate(-5deg);filter:drop-shadow(0 0 4px #203a35)}.art-figure:before{content:"";position:absolute;width:39px;height:42px;background:#26312d;left:12px;top:0;border-radius:45% 45% 40% 40%;box-shadow:0 -9px 0 -4px #111c18}.art-figure:after{content:"";position:absolute;left:6px;top:36px;width:55px;height:103px;background:#e2d9c0;clip-path:polygon(22% 0,78% 0,100% 92%,78% 100%,20% 100%,0 92%)}.art-figure i{position:absolute;z-index:1;left:54px;top:45px;width:11px;height:80px;background:#e2d9c0;transform:rotate(-37deg);transform-origin:top}.art-figure b{position:absolute;z-index:1;left:89px;top:57px;width:6px;height:176px;background:#2b332d;transform:rotate(-23deg);transform-origin:top}.art-caption{position:absolute;bottom:37px;left:12%;z-index:5;color:#d4d7c9;font-size:11px;letter-spacing:.2em}.vertical-mark{position:absolute;right:30px;top:22%;writing-mode:vertical-rl;color:#ebe0c5;letter-spacing:.5em;font:17px "Noto Serif SC",serif;z-index:5}.modes-section{padding:90px 55px 100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px}.overline{font-size:10px;color:#b7a36c;letter-spacing:.2em;font-weight:700}.section-heading h2{font:500 34px/1.4 "Noto Serif SC",serif;margin:12px 0 0}.section-heading p{color:#9eafa4;font-size:12px;line-height:1.95;margin:0}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mode-card{text-align:left;border:1px solid #465a4e;background:#1b2822;color:#e7ebdf;padding:32px 37px 25px;min-height:369px;position:relative;transition:transform .2s ease,background .2s ease,border-color .2s}.mode-card:hover{transform:translateY(-5px);background:#243429;border-color:#b19f74}.mode-c{background:#202522;border-color:#545d53}.mode-top,.mode-bottom{display:flex;justify-content:space-between;align-items:center}.mode-top{font-size:11px;letter-spacing:.22em;color:#b4bcaf}.mode-icon{border:1px solid #506559;border-radius:50%;height:31px;width:31px;display:grid;place-items:center;font-size:16px}.mode-cn{font:500 57px/1.3 "Noto Serif SC",serif;margin:28px 0 4px;letter-spacing:.12em}.mode-en{font-size:9px;letter-spacing:.21em;color:#cdbb90}.mode-card p{font-size:14px;line-height:1.95;color:#b6c6b7;margin:25px 0 26px}.mode-bottom{border-top:1px solid #455349;padding-top:18px;font-size:12px;color:#a7b3a4}.mode-bottom b{color:#eee2bb;font-weight:500}.research-strip{margin-top:26px;padding:23px 26px;border:1px solid #38493d;display:flex;gap:23px;align-items:center;color:#9fae9f}.research-strip>span{flex-shrink:0;color:#d3bc82;font-size:12px}.research-strip p{font-size:12px;line-height:1.85;flex:1;margin:0}.research-strip button{border:0;background:transparent;color:#e7dfc8;white-space:nowrap}.consent-page{padding:65px 24px 115px;max-width:800px;margin:auto}.step-label{text-align:center;font-size:11px;letter-spacing:.22em;color:#6e7b6b;margin-bottom:30px}.paper-card{border:1px solid #c4c9ba;padding:52px 61px;background:#fff6;box-shadow:24px 22px #6c7e6b0f}.paper-card h1,.survey-intro h1{font:500 53px/1.4 "Noto Serif SC",serif;margin:13px 0 20px}.intro{line-height:2;color:#515f54;font-size:14px;max-width:630px}.notice-grid{margin:34px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.notice-grid>div{border-top:1px solid #bec5b8;padding:14px 10px 0 0;display:flex;flex-direction:column;gap:9px}.notice-grid b{font-weight:600;font-size:13px}.notice-grid span{font-size:12px;line-height:1.85;color:#5e6d63}.consent-control{display:flex;align-items:flex-start;gap:12px;padding:20px 0;border-top:1px solid #c5cabe}.consent-control input{position:absolute;opacity:0}.checkbox-face{border:1px solid #9ba998;width:22px;height:22px;display:grid;place-items:center;color:transparent;flex-shrink:0}.consent-control:has(input:checked) .checkbox-face{background:#29483c;color:#fff;border-color:#29483c}.consent-control>span:last-child{font-size:13px;line-height:1.65}.consent-control small{display:block;color:#66756b;margin-top:6px}.consent-actions,.survey-actions{display:flex;justify-content:space-between;gap:15px;margin-top:26px;align-items:center}.button-solid{border:0;background:#b9a06b;color:#152620;padding:16px 22px;font-size:13px;font-weight:600;display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:52px;transition:background .2s}.button-solid:hover{background:#d0b780}.button-solid:disabled{background:#4a584f;color:#a3b1a5;cursor:not-allowed}.button-ghost{border:0;background:none;color:inherit;font-size:13px;padding:12px 0}.technical-note{font-size:11px;line-height:1.75;color:#788578;margin:25px 0 0}.game-main{max-width:1460px;margin:auto;padding:34px 55px 40px}.game-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px;gap:30px}.game-chapter{display:flex;align-items:center;gap:22px}.chapter-mark{font:500 15px Georgia,serif;color:#bda979;letter-spacing:.1em}.game-head h1{font:500 39px/1.25 "Noto Serif SC",serif;margin:6px 0 0}.mode-pill{text-align:right;display:flex;flex-direction:column;gap:7px}.mode-pill b{font-size:16px;letter-spacing:.1em}.mode-pill span{font-size:11px;color:#91a399}.scene-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:0;min-height:520px}.stage-wrap{position:relative;background:#a0aea1;min-width:0;overflow:hidden;display:flex;align-items:center}.stage-edge-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;padding:15px 20px;background:linear-gradient(rgba(18,35,27,.75),transparent);color:#edf0e7;font-size:9px;letter-spacing:.14em}#game-canvas{width:100%;height:100%;min-height:440px;display:block;cursor:grab}#game-canvas:active{cursor:grabbing}.stage-hud{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:16px 23px;display:flex;justify-content:space-between;color:#f0f2e9;font-size:12px;background:linear-gradient(transparent,#0d1d17ad);pointer-events:none}.stage-indicator{display:flex;align-items:center;gap:8px}.stage-indicator i{width:6px;height:6px;border-radius:50%;background:#d5b77d;box-shadow:0 0 14px #d5b77d}.stage-interact{position:absolute;left:50%;bottom:65px;transform:translate(-50%);white-space:nowrap;pointer-events:none;background:#14221bb5;padding:10px 17px;font-size:11px;letter-spacing:.1em;color:#e5dfc9;border-radius:2px}.game-side{padding:27px 25px;background:#202d27;border:1px solid #394b41;display:flex;flex-direction:column}.side-eyebrow{color:#a1a896;font-size:10px;letter-spacing:.16em}.vertical-count{font: 64px/1 Georgia,serif;color:#d8ceac;margin:17px 0 22px}.vertical-count small{font-size:20px;color:#8c9c8e;margin-left:6px}.game-side h2{font:500 20px "Noto Serif SC",serif;margin:0 0 12px}.cue-text{font:13px/1.95 "Noto Serif SC",serif;color:#c6d0be;margin:0 0 17px;min-height:65px}.guide-card{border-left:2px solid #ad996a;padding:0 0 0 15px;margin-bottom:25px}.guide-tag{font-size:10px;color:#c7b57d;letter-spacing:.15em}.guide-card p{font-size:12px;line-height:1.85;color:#bac9bd;margin:7px 0 0}.meter{margin-top:auto}.meter-label{display:flex;justify-content:space-between;color:#a7bcad;font-size:11px;margin-bottom:10px}.meter-label b{color:#e6d3a8}.meter-track{width:100%;height:3px;background:#4a574e}.meter-track i{display:block;width:0;height:100%;background:#d2b573;transition:width .16s}.hint-button{background:none;border:0;border-bottom:1px solid #5b6c5f;color:#becdbe;text-align:left;padding:16px 0;font-size:12px;margin-top:16px}.next-act{margin-top:18px;width:100%}.status-note{font-size:11px;color:#8d9d90;line-height:1.6;margin-top:12px;min-height:35px}.game-bottom{padding:17px 2px;display:flex;align-items:center;gap:12px;justify-content:space-between;color:#889b8d;font-size:10px;letter-spacing:.05em}.game-bottom button{background:none;border:0;color:#bdbba4}.survey-page{max-width:1100px;margin:auto;padding:64px 50px 90px;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.survey-intro{padding-top:25px}.survey-intro h1{margin-top:15px}.survey-intro>p{font-size:14px;line-height:2;color:#55645a;max-width:330px}.survey-stat{margin-top:44px;border-top:1px solid #c0c6b8;display:flex;padding-top:25px;gap:55px}.survey-stat div{display:flex;flex-direction:column;gap:4px}.survey-stat b{font:500 35px "Noto Serif SC",serif}.survey-stat small{font:16px DM Sans,sans-serif}.survey-stat span{color:#657368;font-size:11px}.survey-form{padding:35px 45px;background:#f5f2e8;border:1px solid #d2d1c3;box-shadow:18px 20px #465b4b0d}.form-kicker{font-size:11px;letter-spacing:.18em;color:#6b7c6f;margin-bottom:22px}.question{border:0;border-top:1px solid #d3d6cb;margin:0;padding:23px 0;min-width:0}.question legend{float:left;width:100%;display:flex;gap:12px;align-items:flex-start;font:13px/1.8 "Noto Serif SC",serif;margin-bottom:15px}.question legend span,.question-title em{color:#a78d55;font:13px Georgia,serif}.scale-row{display:flex;align-items:center;gap:8px;clear:both}.scale-row>small{font-size:10px;color:#758175;white-space:nowrap}.scale-row>small:last-child{margin-left:auto}.scale-row label{position:relative;cursor:pointer}.scale-row input,.radio-row input{position:absolute;opacity:0}.scale-row label i{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c3cabd;color:#546554;font-style:normal;font-size:12px}.scale-row label:has(input:checked) i,.radio-row label:has(input:checked) i{background:#25443a;color:#fff;border-color:#25443a}.radio-row{display:flex;flex-wrap:wrap;gap:7px;clear:both}.radio-row label{position:relative;cursor:pointer}.radio-row label i{display:block;padding:9px 11px;border:1px solid #bfc9bb;color:#526052;font-style:normal;font-size:11px}.question-title{font:13px "Noto Serif SC",serif;display:flex;gap:12px;margin:0 0 16px}textarea{width:100%;height:95px;border:1px solid #c6cabc;background:#fffdf8;padding:12px 13px;color:#263c31;resize:vertical;font-size:12px}.survey-feedback{color:#9e5c39;font-size:12px;min-height:15px}.done-page{text-align:center;max-width:720px;margin:auto;padding:70px 24px 95px;display:flex;align-items:center;flex-direction:column}.end-symbol{font:700 180px/.95 "Noto Serif SC",serif;color:#b9aa7c;opacity:.65;margin-bottom:24px}.done-page h1{font:500 43px "Noto Serif SC",serif;margin:18px 0 19px}.done-page>p{font:14px/2.2 "Noto Serif SC",serif;color:#a2b5a6;margin:0 0 30px}.done-summary{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;border-top:1px solid #455449;border-bottom:1px solid #455449;padding:25px 0;margin:0 0 32px;width:100%}.done-summary span{font-size:12px;color:#94a396}.done-summary b{display:block;font:18px "Noto Serif SC",serif;color:#ebe6d7;margin-top:7px}.done-page .button-solid{min-width:265px}.done-page .button-ghost{margin-top:14px}.done-page .done-note{font:11px/1.7 DM Sans,sans-serif;color:#7f9186;margin-top:35px}.dialog-shade{position:fixed;z-index:100;inset:0;background:#040f0ac7;display:grid;place-items:center;padding:20px}.about-dialog{position:relative;background:#e7e6dc;color:#23382d;width:min(590px,100%);padding:52px 46px;max-height:85vh;overflow:auto}.about-dialog button{position:absolute;top:17px;right:21px;border:0;background:none;font-size:29px}.about-dialog h2{font:500 30px/1.5 "Noto Serif SC",serif}.about-dialog p{font-size:13px;line-height:2;color:#516257}.about-dialog .about-warning{padding:13px 15px;border-left:2px solid #a48b56;background:#dcddce;font-size:12px}@media(max-width:1050px){.hero{grid-template-columns:54% 46%;min-height:610px}.hero-copy{padding-left:55px}.hero-title h1{font-size:185px}.hero-title{height:207px}.mode-card{padding:28px 27px}.scene-layout{grid-template-columns:minmax(0,1fr) 250px}.game-side{padding:20px 18px}.survey-page{gap:35px}}@media(max-width:740px){.topbar{height:76px;padding:0 21px}.brand-stack small{font-size:8px}.nav-meta{display:none}.topbar nav{gap:12px}.seal{height:38px;width:38px;font-size:24px;line-height:36px}.footer{padding:22px;flex-wrap:wrap;font-size:9px}.footer span:nth-child(2){display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:52px 25px 29px}.hero-title{height:171px;margin:23px 0 0}.hero-title h1{font-size:150px;margin:0}.hero-title .outline-text{font-size:18px}.hero-title .outline-text:first-child{margin-right:10px}.hero-title .outline-text:last-child{margin-left:17px}.hero-en{font-size:10px;margin:8px 0 22px}.hero-desc{font-size:16px;line-height:1.9;margin-bottom:20px}.hero-annotation{font-size:11px}.hero-art{height:305px}.art-sun{width:155px;height:155px}.art-figure{transform:scale(.77)}.art-caption{bottom:17px}.vertical-mark{font-size:13px;right:15px}.modes-section{padding:54px 20px 72px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:24px}.section-heading p{margin-top:12px}.mode-grid{grid-template-columns:1fr;gap:13px}.mode-card{min-height:0;padding:24px 25px}.mode-cn{font-size:43px;margin:15px 0 2px}.mode-card p{font-size:12px;margin:18px 0}.research-strip{display:block;padding:19px}.research-strip p{margin:12px 0}.consent-page{padding:36px 15px 60px}.paper-card{padding:31px 24px}.paper-card h1{font-size:32px}.notice-grid{grid-template-columns:1fr;gap:13px}.notice-grid>div{padding-top:10px}.intro{font-size:13px}.consent-actions{gap:10px}.game-main{padding:19px 13px 31px}.game-head{margin-bottom:17px}.game-chapter{gap:12px}.game-head h1{font-size:28px}.mode-pill span{display:none}.mode-pill b{font-size:12px}.scene-layout{display:flex;flex-direction:column}.stage-wrap{min-height:310px;height:46vh;max-height:420px}.stage-edge-top{font-size:8px;padding:11px}.stage-edge-top span:last-child{display:none}#game-canvas{min-height:310px}.stage-interact{font-size:10px;bottom:52px;padding:8px 11px}.game-side{padding:19px 19px 23px}.side-eyebrow,.vertical-count{display:none}.game-side h2{font-size:18px}.cue-text{min-height:0;margin-bottom:10px}.guide-card{margin-bottom:12px}.guide-card p{font-size:11px}.meter{margin-top:5px}.hint-button{margin-top:8px;padding:10px 0}.next-act{margin-top:12px}.game-bottom{flex-wrap:wrap;gap:10px;font-size:9px}.game-bottom span:nth-child(2){display:none}.survey-page{padding:35px 15px 70px;display:flex;flex-direction:column;gap:20px}.survey-intro h1{font-size:35px;margin-bottom:10px}.survey-stat{margin-top:20px;padding-top:16px}.survey-form{padding:28px 20px}.scale-row{gap:4px;flex-wrap:wrap}.scale-row label i{width:30px;height:33px}.scale-row>small{font-size:9px}.survey-actions .button-solid{gap:7px;padding:14px}.done-page{padding:55px 20px}.end-symbol{font-size:132px}.done-page h1{font-size:30px}.done-summary{gap:17px}.done-summary span{font-size:10px}.about-dialog{padding:42px 24px}.about-dialog h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
