:root{--ink:#183f45;--teal:#087f79;--muted:#668080;--cream:#f5f4e9;--orange:#f1b44f;--line:#d7dfd5;--serif:Georgia,"Songti SC","STSong",serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--ink);background:var(--cream);font-family:"PingFang SC","Microsoft YaHei",sans-serif}body{overflow-x:hidden}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button:disabled{cursor:default}button,input{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.noise{position:fixed;inset:0;pointer-events:none;opacity:.14;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.13' filter='url(%23n)'/%3E%3C/svg%3E")}header{height:112px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:12;border-bottom:1px solid #dce1d580;background:#f5f4e9bb}.brand{border:0;background:none;display:flex;gap:14px;align-items:center;font-size:20px;font-weight:650;text-align:left;padding:0}.brand-icon{height:43px;width:43px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-weight:400;font-size:25px}.brand small{display:block;font-size:9px;letter-spacing:3.2px;margin-top:5px;font-weight:400}.header-note{font-size:13px;letter-spacing:2px;color:var(--muted)}.header-actions{display:flex;gap:26px}.quiet{border:0;background:none;padding:10px 0;font-size:13px}.quiet span{font-size:19px;padding-left:12px}main{position:relative;z-index:2}.screen{min-height:calc(100svh - 168px);padding:0 7%;position:relative}.intro{display:grid;grid-template-columns:47% 53%;align-items:center;padding-top:30px;padding-bottom:90px}.hero-copy{z-index:3;padding-bottom:10px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;background:var(--teal);display:inline-block;border-radius:50%;box-shadow:0 0 0 5px #087f7910}.hero-copy h1,.result h1{font-family:var(--serif);font-size:clamp(52px,4.7vw,90px);letter-spacing:-3px;font-weight:500;line-height:1.25;margin:26px 0}.accent{color:var(--teal);position:relative}.accent:after{content:"";position:absolute;left:2px;right:8px;bottom:-12px;height:15px;border-top:2px solid var(--orange);border-radius:50%;transform:rotate(-4deg)}.hero-description{font-size:18px;line-height:2;color:#647c7b;margin:28px 0 34px}.primary{background:var(--teal);border:1px solid var(--teal);border-radius:4px;color:white;font-size:15px;letter-spacing:1px;padding:18px 25px;display:inline-flex;align-items:center;justify-content:space-between;gap:52px;min-width:248px;box-shadow:0 9px 23px #087f7918;transition:transform .2s,background .2s}.primary:hover{transform:translateY(-3px);background:#096d69}.primary span{font-size:21px}.hero-meta{font-size:11px;color:var(--muted);display:flex;gap:13px;align-items:center;margin-top:18px}.hero-meta i{width:3px;height:3px;background:#92a3a0;border-radius:50%}.mini-quote{margin-top:49px;display:flex;gap:14px;align-items:start}.mini-quote>span{font-family:var(--serif);font-size:52px;line-height:1;color:#a7bfb5}.mini-quote p{font-size:13px;margin:0;line-height:1.9;color:#5d7676}.mini-quote small{display:block;font-size:10px;color:#879590;margin-top:3px}.world-space{height:100%;min-height:500px;position:relative;pointer-events:none}.orbit-label{position:absolute;z-index:3;border-left:2px solid #7fab98;padding:5px 14px;font-size:13px;background:#f5f4e9b0;backdrop-filter:blur(8px);color:#45645f}.orbit-label span{display:block;letter-spacing:2px;font-size:10px;color:#7c9286;margin-bottom:8px}.label-one{left:5%;top:22%}.label-two{right:0;bottom:28%}.world-badge{display:flex;gap:16px;align-items:center;position:absolute;right:2%;top:5%;border-top:1px solid #adbfac;padding-top:15px}.world-badge b{font:52px var(--serif);color:#829e8e}.world-badge span{font-size:11px;line-height:1.8;color:#7a9384}.intro-bottom{position:absolute;left:7%;right:7%;bottom:28px;display:flex;justify-content:space-between;color:#82938a;font-size:11px;letter-spacing:1px}#world{position:fixed;top:112px;left:41%;width:59%;height:calc(100svh - 168px);z-index:1;pointer-events:none;transition:left 1s,width 1s,opacity .6s}#world canvas{width:100%;height:100%;display:block}#webgl-fallback{position:absolute;top:45%;padding:30px;font-size:15px;color:var(--teal)}footer{height:56px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;font-size:10px;letter-spacing:1px;color:#84978a;border-top:1px solid #dce1d580}.play{display:grid;grid-template-columns:48% 52%;gap:3%;padding-top:46px;padding-bottom:115px}.scene-side{position:relative;min-height:590px;pointer-events:none}.scene-side .eyebrow{color:var(--teal)}.year{font:clamp(80px,8.6vw,165px)/1 var(--serif);letter-spacing:-6px;color:#b0c1ac;margin-top:22px}.scene-side h2{max-width:390px;font-size:24px;font-weight:500;line-height:1.6;margin:15px 0}.scene-caption{position:absolute;left:0;bottom:60px;display:flex;gap:12px;align-items:center;font-size:11px;color:#6e887a}.scene-counter{position:absolute;left:0;bottom:0;display:flex;gap:12px;align-items:center}.scene-counter>span:first-child{font:42px var(--serif)}.scene-counter>span+span{font-size:11px;line-height:1.7;color:#7b9286}.scene-counter small{font-size:8px;letter-spacing:2px}.decision-panel{background:#fffef8f5;border:1px solid #e0e4d8;border-radius:11px;padding:30px 38px;align-self:start;box-shadow:0 22px 75px #264f3b0b;position:relative;z-index:5;min-height:550px;animation:enter .55s ease both}.panel-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#83978a;border-bottom:1px solid #e4e9df;padding-bottom:17px}.decision-panel h3{font-size:26px;line-height:1.5;font-weight:500;margin:25px 0 14px;font-family:var(--serif)}#context,#why{font-size:14px;color:#617773;line-height:1.95}.choice-heading{font-size:12px;margin-top:29px;margin-bottom:14px;color:#3e635b}.choice{width:100%;display:flex;gap:17px;align-items:center;text-align:left;padding:18px 17px;border:1px solid #dce4d9;background:#fbfcf6;border-radius:5px;font-size:13px;line-height:1.6;margin:10px 0;transition:transform .2s,border .2s,background .2s}.choice:hover{background:#e9f3ea;border-color:#8db6a6;transform:translateX(4px)}.choice .letter-key{font:15px var(--serif);color:#81a593;border-right:1px solid #d8e4d8;padding-right:15px}.choice-hint{font-size:10px;color:#94a294;margin:21px 0 0}.match-badge{display:inline-flex;padding:6px 11px;background:#e4f2e7;color:#358472;border-radius:20px;font-size:10px;letter-spacing:1px;margin-top:23px}.match-badge.different{background:#fff0d4;color:#a07829}#reveal h3{font-size:22px;margin-top:14px}#reveal #why{font-size:13px;line-height:1.8}.letter{background:#f2f3e9;padding:20px 23px;border-left:2px solid #d6b978;margin-top:20px}.letter-label{font-size:9px;color:#84937e;letter-spacing:2px}blockquote{font-family:Georgia,serif;font-size:14px;line-height:1.65;margin:12px 0;color:#546a58}#source{font-size:9px;color:#8a9983;line-height:1.6;margin-bottom:0;overflow-wrap:anywhere}.lesson{display:flex;align-items:center;gap:16px;margin:19px 0}.lesson>span{font-size:9px;color:#a1813e;white-space:nowrap}.lesson p{font-size:12px;line-height:1.7;margin:0;color:#567165}#next{width:100%;padding:13px 22px;min-width:0}.timeline{position:absolute;bottom:36px;left:7%;right:7%;display:flex;justify-content:space-between;border-top:1px solid #d5decf;padding-top:18px}.time-item{font:12px Georgia,serif;position:relative;color:#98a891;letter-spacing:1px}.time-item:before{content:"";position:absolute;width:6px;height:6px;top:-22px;left:50%;border:1px solid #c0ceba;border-radius:50%;background:var(--cream)}.time-item.current{color:var(--teal);font-weight:bold}.time-item.current:before{width:10px;height:10px;top:-24px;background:var(--teal);border-color:var(--teal);box-shadow:0 0 0 5px #087f7913}.time-item.done:before{background:#93b8a4;border-color:#93b8a4}body.playing #world{left:-3%;width:57%;top:255px;height:calc(100svh - 380px)}body.finished #world{opacity:.22;left:0;width:62%}.result{padding-top:8vh;padding-bottom:70px;display:grid;grid-template-columns:58% 42%;align-items:center}.result-top p{font-size:16px;line-height:1.9;color:#658078}.result h1{font-size:70px}.result-actions{display:flex;gap:20px;align-items:center;margin-top:35px}.secondary{border:1px solid #a4b9a7;border-radius:4px;background:#f5f4e9bb;padding:17px 20px;font-size:13px}.score-card{background:#fffef9e8;border:1px solid #dde5d7;padding:38px 40px;text-align:center;border-radius:12px;box-shadow:0 20px 70px #355e4010;max-width:430px}.score-ring{width:230px;height:230px;position:relative;margin:auto}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.score-ring circle{fill:none;stroke:#e6ebdf;stroke-width:4}.score-ring #score-arc{stroke:var(--teal);stroke-width:6;stroke-linecap:round;stroke-dasharray:528;stroke-dashoffset:528;transition:stroke-dashoffset 1.5s ease}.score-ring>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;align-content:center}.score-ring strong{font:72px var(--serif)}.score-ring span{font:25px var(--serif);margin-left:4px}.score-ring small{width:100%;font-size:11px;letter-spacing:2px;margin-top:8px;color:#7c9280}.score-card h3{font-size:20px;font-family:var(--serif);font-weight:400;margin-top:25px}.score-card>p{font-size:12px;line-height:1.8;color:#759080}.score-foot{font-size:10px;color:#9aaa94;line-height:1.8;border-top:1px solid #e2e7db;margin-top:26px;padding-top:20px}.recap{grid-column:1/-1;margin-top:60px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.recap-card{padding:25px;background:#fffef9;border:1px solid #e0e5d7;border-radius:6px}.recap-card h4{font-size:14px;font-weight:500}.recap-card p{font-size:12px;color:#6b8173;line-height:1.8}.recap-card small{font-size:10px;color:#9aa68f}.recap-card blockquote{font-size:12px}.recap-badge{font-size:10px;color:#198878;letter-spacing:1px}dialog{background:#fffef9;color:var(--ink);width:min(730px,90vw);max-height:85svh;border:1px solid #dae4d5;border-radius:12px;padding:35px;box-shadow:0 30px 120px #183f4522}dialog::backdrop{background:#29463855;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:start;justify-content:space-between}.dialog-head h2{font-family:var(--serif);font-weight:400;font-size:29px}.dialog-head button{border:0;background:none;font-size:28px}dialog>p,.archive-note{font-size:12px;color:#768973;line-height:1.9}.archive-row{border-top:1px solid #e4e9df;padding:12px 0;display:flex;gap:20px;font-size:12px}.archive-row b{font-family:Georgia,serif;color:#168578}.archive-row small{display:block;color:#9aa88f;margin-top:5px;font-size:10px}.archive-note{background:#f3f4eb;padding:20px;margin-top:20px}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}body.reduced *{animation:none!important;transition:none!important} @media(min-width:1700px){.decision-panel{padding:36px 46px;max-width:720px}.play{padding-top:65px}.decision-panel h3{font-size:31px}#context{font-size:16px}.choice{font-size:15px;padding:22px}.scene-side h2{font-size:29px;max-width:470px}#reveal #why{font-size:15px}blockquote{font-size:16px}.letter{padding:23px}.hero-copy h1{font-size:89px}}@media(max-width:1100px){.header-note{display:none}.screen{padding-left:5%;padding-right:5%}.hero-copy h1{font-size:57px}.hero-description{font-size:15px}.play{grid-template-columns:42% 58%;gap:0}.decision-panel{padding:25px}.scene-side h2{font-size:21px;max-width:270px}.result h1{font-size:54px}.result-actions{flex-wrap:wrap}.orbit-label{display:none}.hero-meta{font-size:9px}.mini-quote small{max-width:260px}.world-badge{right:0}.play .year{font-size:110px}.intro-bottom{left:5%;right:5%}}@media(max-width:720px){header{height:84px;padding:0 6%}.brand{font-size:16px;gap:10px}.brand-icon{width:34px;height:34px;font-size:20px}.brand small{font-size:7px;letter-spacing:2px}.header-actions{gap:16px}.quiet{font-size:11px}#archive span{display:none}.screen{min-height:calc(100svh - 130px)}.intro{display:block;padding:33px 7% 36px}.hero-copy h1{font-size:49px;letter-spacing:-2px;margin-top:20px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-description{font-size:13px;line-height:1.9;width:65%;margin-top:24px}.hero-copy{position:relative;z-index:4}.primary{padding:15px 20px;font-size:13px;min-width:220px}.hero-meta{font-size:9px;gap:8px}.mini-quote{margin-top:30px}.mini-quote p{font-size:11px}.mini-quote small{font-size:9px;max-width:100%}.world-space{display:none}.intro-bottom{position:static;margin-top:25px;display:block;font-size:9px;line-height:2.2}.intro-bottom span{display:block}#world{top:140px;left:37%;width:83%;height:330px;opacity:.75}.hero-copy .primary{margin-top:15px}.world-badge{display:none}footer{height:auto;min-height:46px;padding:12px 7%;font-size:8px;line-height:1.8}#footer-state{display:none}.play{display:block;padding:25px 6% 100px}.scene-side{min-height:190px}.year{font-size:70px!important;letter-spacing:-3px;margin-top:14px}.scene-side h2{font-size:17px;max-width:240px;margin-top:7px}.scene-caption{position:static;margin:12px 0 24px;font-size:9px}.scene-counter{display:none}body.playing #world{top:112px;left:40%;width:67%;height:230px;opacity:.8}.decision-panel{padding:23px 22px;min-height:0;border-radius:9px}.decision-panel h3{font-size:23px;margin-top:20px}#context{font-size:13px}.choice{font-size:12px;padding:17px 14px;gap:13px}.choice-heading{font-size:11px;margin-top:25px}.choice-hint{font-size:9px}.timeline{left:7%;right:7%;bottom:35px}.time-item{font-size:9px;letter-spacing:0}#reveal h3{font-size:20px}#reveal #why{font-size:12px}.letter{padding:17px}blockquote{font-size:13px}.lesson{gap:12px}.lesson p{font-size:11px}.lesson>span{font-size:8px}.result{display:block;padding:36px 7%}.result h1{font-size:46px}.result-top>p{font-size:13px}.score-card{margin:35px auto;max-width:none;padding:25px}.result-actions{gap:12px}.result-actions .primary{min-width:160px}.secondary{font-size:11px;padding:16px}.recap{display:block;margin-top:25px}.recap-card{margin:12px 0}.score-ring{width:200px;height:200px}body.finished #world{opacity:.15;top:110px;left:25%;width:100%;height:350px}dialog{padding:24px}.dialog-head h2{font-size:24px}.archive-row{gap:14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:721px){body.playing #world{top:375px;height:calc(100svh - 545px);min-height:310px}}
@media(max-width:720px){body:not(.playing):not(.finished) #world{left:44%;width:78%;opacity:.58}.hero-description{position:relative;background:linear-gradient(90deg,#f5f4e9 74%,#f5f4e900);padding-right:12px}}