/* Cinematic layer: original short-film footage + scene-linked motion. */
body{background:#071418}header{padding:20px 4vw;background:#09191d;position:relative;z-index:2}.brand{font-size:22px}.brand-en{display:block;font:9px/1 sans-serif;letter-spacing:3px;margin-top:10px;color:#9aafa9}.header-controls{display:flex;align-items:center;gap:24px}#motion{font-size:12px;border:1px solid #d4b57d40;padding:9px 14px}.edition{letter-spacing:1px}
main{position:relative;display:block;max-width:1600px;min-height:780px;isolation:isolate;overflow:hidden}.art{position:absolute;inset:0;min-height:100%;height:100%;background:#152d32;z-index:-1}.art>svg{z-index:-1;opacity:.5}.art:after{display:none}.coordinates{display:none}.film-layer{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;overflow:hidden}.film-layer.visible{opacity:1}.film-layer img{width:100%;height:100%;object-fit:cover;object-position:38% center;transform:scale(1.025)}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#05171b05 0%,#07171910 32%,#071719ad 54%,#071719f7 72%),linear-gradient(0deg,#061619f5 0%,transparent 45%,#06161966 100%)}
.content{position:relative;margin-left:55%;padding:42px 4vw 32px 2.5vw;min-height:780px;background:linear-gradient(90deg,transparent,#091b2088)}.topline{margin-bottom:30px}h1{font-size:clamp(32px,3.3vw,48px);white-space:pre-line;letter-spacing:2px;text-wrap:balance}#story{font-size:16px;line-height:1.95;min-height:130px;color:#e1e7df;text-shadow:0 1px 10px #0005}.eyebrow{letter-spacing:2px;font-size:11px;color:#dbc494;line-height:1.7}.choice{background:#091b247a;backdrop-filter:blur(12px);border-color:#e4d4b438;position:relative;overflow:hidden;padding:16px 18px;transition:transform .25s,background .25s,border-color .25s}.choice:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#eddfbe20 50%,transparent 80%);transform:translateX(-130%);transition:transform .7s}.choice:hover:not(:disabled):before{transform:translateX(130%)}.choice:hover:not(:disabled){transform:translateX(5px);background:#c2a56d25}.choice.primary{background:#d5ba82;color:#11232b}.choice b{transition:transform .2s}.choice:hover b{transform:translateX(3px)}.choice.chosen{border-color:#e3c792;background:#d6b77838;transform:translateX(7px)}.choices{margin:24px 0;gap:10px}.status{background:#07171a55;border-top-color:#d3c09b35;padding:20px 0 0;gap:20px}.metric{position:relative}.metric strong{font-size:25px}.metric .delta{position:absolute;right:10px;top:22px;font:14px Georgia,serif;color:#e9cb8c;animation:delta-rise 1.8s both}.metric .delta.negative{color:#f2ac9a}.track{height:3px}.track i{transition:width .85s ease}.feedback{border-left:2px solid #bda47766;padding-left:12px;color:#dfc99c;min-height:23px}.feedback:empty{border:0}.footnote{color:#b2beb7}.scene-mark{position:absolute;top:35px;left:4vw;color:#e0e7dc;display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:3px}.live-dot{width:5px;height:5px;border-radius:50%;background:#e2c18a;box-shadow:0 0 14px #e2c18a}.scene-sequence{display:flex;position:absolute;left:4vw;bottom:35px;align-items:center;gap:12px;color:#a2b3b3;font-size:10px;letter-spacing:1px}.scene-sequence i{width:32px;height:1px;background:#b6c5c24a}.scene-sequence .active{color:#e1c58e}.art-caption{left:4vw;bottom:87px;max-width:44%;text-shadow:0 2px 16px #000}.art-caption span{font-size:10px;color:#d0c6af;letter-spacing:4px}.art-caption p{font:28px/1.6 "Songti SC",serif;letter-spacing:2px;color:#f5eddc;margin-bottom:15px}.art-caption p:before{content:"";display:block;width:35px;height:1px;background:#dbc59a;margin-bottom:23px}.mist{position:absolute;inset:42% -20% -10%;background:radial-gradient(ellipse at 25% 60%,#a5c3bb26,transparent 56%);filter:blur(25px);pointer-events:none;animation:mist-drift 20s ease-in-out infinite alternate}.mist-two{inset:0 5% 30% -30%;opacity:.4;animation-duration:29s;animation-direction:alternate-reverse}.dust-particle{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:#e8ddbd;border-radius:50%;opacity:0;box-shadow:0 0 8px #ecc89270;animation:float-dust var(--duration) var(--delay) ease-in-out infinite;pointer-events:none}
.scene-enter h1{animation:reveal-title .7s both}.scene-enter #story>*{animation:reveal-line .65s both;animation-delay:calc(var(--order,0)*.12s + .12s)}.scene-enter .choice{animation:reveal-line .55s both;animation-delay:calc(var(--order,0)*.09s + .22s)}.scene-exit{opacity:0;transform:translateY(-8px);transition:opacity .22s,transform .22s}.scene-enter{opacity:1;transform:none}.feedback.fresh-feedback{animation:feedback-in .5s both}.part{border-radius:2px;background:#0b252cbb}.part[aria-pressed=true]{background:#a8946920}.part:hover{border-color:#dcc18b}.part:active{transform:scale(.94)}#inspection-ping{position:absolute;left:27%;top:52%;width:65px;height:65px;border-radius:50%;border:1px solid #eddaab;opacity:0;box-shadow:0 0 40px #eaca8333}#inspection-ping:after{content:"";position:absolute;inset:12px;border:1px solid #ecd49c;border-radius:50%}#inspection-ping.ping{animation:inspection-ping 1.1s ease-out}.fade{animation:none}.crossing[hidden]{display:none}.crossing{position:fixed;inset:0;background:#06191e;z-index:20;display:grid;place-items:center;overflow:hidden;animation:crossing-in .6s both}.crossing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}.crossing-shade{position:absolute;inset:0;background:linear-gradient(0deg,#04151cfa,transparent 80%)}.crossing-text{position:absolute;bottom:14%;left:8%;color:#f5e9cc;animation:reveal-title 1.4s .3s both}.crossing-text span{font-size:11px;letter-spacing:5px}.crossing-text h2{font:42px/1.5 "Songti SC",serif;letter-spacing:5px;margin:20px 0}.crossing-text p{font:16px "Songti SC",serif;letter-spacing:3px}.crossing #skip-crossing{position:absolute;bottom:7%;right:7%;background:#071b25c9;border:1px solid #ead5a650;padding:12px 20px;color:#f1dbaa}.crossing-progress{position:absolute;bottom:0;left:0;height:2px;background:#dcca9b;animation:crossing-progress 6.2s linear forwards}.crossing.out{opacity:0;transition:opacity .4s}.paused *,body.reduce-motion *{animation-play-state:paused!important}.paused .mist,.paused #dust,body.reduce-motion .mist,body.reduce-motion #dust{opacity:0}.paused .film-layer img,body.reduce-motion .film-layer img{transform:none}body.reduce-motion *,body.reduce-motion *:before{animation:none!important;transition:none!important}.scene-mark .live-dot{animation:beacon 3s ease-in-out infinite}.chapter-success{display:inline-block;font-size:11px;border:1px solid #d2bc8655;padding:6px 10px;margin-bottom:10px;color:#e5cf99;animation:feedback-in .6s both}footer{background:#071418;font-size:11px;padding:20px 4vw}dialog{box-shadow:0 25px 80px #0009;animation:reveal-line .25s}dialog::backdrop{backdrop-filter:blur(6px)}
@keyframes mist-drift{from{transform:translate(-5%,3%)}to{transform:translate(9%,-5%)}}@keyframes float-dust{0%,100%{opacity:0;transform:translate(0,20px)}30%,65%{opacity:.4}90%{transform:translate(35px,-80px);opacity:0}}@keyframes reveal-title{from{opacity:0;transform:translateY(15px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes reveal-line{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes feedback-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@keyframes delta-rise{0%{opacity:0;transform:translateY(10px)}20%,70%{opacity:1}100%{opacity:0;transform:translateY(-16px)}}@keyframes inspection-ping{0%{opacity:0;transform:scale(.3)}25%{opacity:1}100%{opacity:0;transform:scale(2)}}@keyframes crossing-in{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}@keyframes crossing-progress{from{width:0}to{width:100%}}@keyframes beacon{50%{opacity:.4}}
@media(min-width:1600px){main{border-left:1px solid #d2bc861a;border-right:1px solid #d2bc861a}}
@media(max-width:1000px) and (min-width:761px){.content{margin-left:48%;padding-right:4vw;padding-left:3vw}.film-shade{background:linear-gradient(90deg,#07171910,#07171966 35%,#071719f5 65%),linear-gradient(0deg,#061619ee,transparent 80%)}.art-caption{max-width:39%}.art-caption p{font-size:22px}.edition{display:none}}
@media(max-width:760px){header{padding:17px 6%}.header-controls{gap:8px}.edition{display:none}.brand{font-size:20px}.brand-en{font-size:8px;letter-spacing:2px}#motion{font-size:11px;padding:8px 10px}main{overflow:hidden;min-height:0;padding-top:270px}.art{height:300px;min-height:0;bottom:auto;z-index:0}.art>svg{height:600px;top:-180px}.film-layer img{object-position:center;transform:none}.film-shade{background:linear-gradient(0deg,#071418 0%,#07141822 48%,#07141844 100%)}.scene-mark{top:22px;left:6%;font-size:10px;letter-spacing:2px}.art-caption{bottom:22px;left:6%;max-width:85%}.art-caption span{display:none}.art-caption p{font-size:19px;line-height:1.6;margin:0}.art-caption p:before{margin-bottom:10px;width:25px}.scene-sequence{display:none}.content{margin:0;min-height:0;padding:15px 6% 30px;background:#071418;z-index:1}.topline{margin-bottom:18px}.eyebrow{font-size:10px;margin-top:0;margin-bottom:16px}h1{font-size:32px;letter-spacing:2px;margin-bottom:20px}#story{font-size:16px;min-height:0;line-height:1.95}.choices{margin:23px 0}.choice span{font-size:14px}.choice{backdrop-filter:none;background:#10242b}.art-caption p br{display:none}.status{margin-top:8px}.crossing-text{left:7%;bottom:22%}.crossing-text h2{font-size:28px}.crossing-text span{font-size:10px;letter-spacing:3px}.crossing>img{object-fit:contain}.crossing-shade{background:linear-gradient(0deg,#04151c,transparent 100%)}footer{padding:20px 6%}.mist{filter:blur(12px)}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}.mist,#dust{display:none}}