:root{--ivory:#e9dfc8;--gold:#d7bc83;--green:#17241c;--opening:0;--lean:0}*{box-sizing:border-box}html,body{margin:0;background:#152017;color:var(--ivory);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}button{font:inherit;background:none;border:0;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#experience{position:relative;height:100svh;min-height:520px;overflow:hidden;isolation:isolate}#backdrop{position:absolute;inset:-1%;z-index:-5;background:linear-gradient(#14201844,#14201877),url('assets/courtyard.jpg') center/cover;transition:opacity 1s}#world{position:absolute;inset:0;z-index:-4}#world canvas{display:block}.vignette{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(0deg,#101b17a6,transparent 22%,transparent 82%,#101b1780),radial-gradient(ellipse,transparent 35%,#0b160e60)}.grain{position:absolute;inset:0;z-index:20;pointer-events:none;opacity:.025;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'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' fill='%23fff' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:27px 3.4%;z-index:8}.brand{display:flex;align-items:center;gap:13px;font-family:"Songti SC","SimSun",serif;font-size:23px;letter-spacing:.2em}.seal{font-size:12px;background:#884c38aa;border:1px solid #b5845e88;line-height:1.5;padding:5px;letter-spacing:.1em}.brand small{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:.2em;margin-top:8px;color:#c4c1ab}.tools{display:flex;gap:14px}.tools button{border:1px solid #e7d6aa30;border-radius:50%;width:43px;height:43px;font-size:19px;background:#14241a55;backdrop-filter:blur(8px)}.tools button[aria-pressed="false"]{opacity:.45}#entry{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:12;background:linear-gradient(0deg,#0d191ab0,#10201935 55%,#101c1860);transition:opacity .9s}#entry>p:first-child{font-size:10px;letter-spacing:.24em;color:#d0c5a5;margin-bottom:20px}h1{font-family:"Songti SC","STSong","SimSun",serif;font-size:clamp(46px,6.5vw,88px);font-weight:400;letter-spacing:.28em;margin:0 0 0 .28em}.entry-line{width:45px;height:1px;background:#ddc58e88;margin:27px 0 8px}.entry-hint{font-family:"Songti SC",serif;letter-spacing:.22em;font-size:15px;color:#e1d4b7}#startCamera{margin-top:30px;min-width:206px;padding:16px 21px;border:1px solid #ddc99a8c;font-size:12px;letter-spacing:.12em;background:#e6d9bd;color:#27382b;display:flex;gap:43px;justify-content:space-between}#startCamera span{font-size:18px}#entry small{font-size:9px;margin-top:16px;letter-spacing:.08em;color:#b9bba4}.privacy{font-size:9px;position:absolute;bottom:35px;color:#aab39c;letter-spacing:.15em}#entryStatus{font-size:11px;line-height:1.8;max-width:310px;text-align:center;color:#dfc995;margin-top:16px;min-height:20px}body:not(.running) .tools,body:not(.running) footer,body:not(.running) #guideHint{visibility:hidden}#calibration{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;background:#10211860;backdrop-filter:blur(3px);font-size:12px;letter-spacing:.15em}.body-outline{font-family:monospace;font-size:52px;line-height:1.5;color:#e1d6b4b0;text-align:center}#sceneTitle{position:absolute;left:4%;top:24%;z-index:4;display:flex;gap:15px;align-items:baseline;opacity:0;transform:translateY(12px);transition:opacity 1s,transform 1s;pointer-events:none}#sceneTitle.show{opacity:1;transform:translateY(0)}#sceneNumber{font-family:Georgia;font-size:12px;color:var(--gold)}#sceneName{font-family:"Songti SC",serif;letter-spacing:.25em;font-size:43px;font-weight:400;margin:0}#gate{position:absolute;left:56%;top:47.5%;width:10.2vw;min-width:115px;max-width:180px;transform:translateX(-50%);z-index:3;pointer-events:none}.wood-door{height:25svh;min-height:150px;max-height:290px;border:5px solid #2b2216;position:relative;perspective:700px;background:radial-gradient(ellipse,#e5c580,#705831)}.leaf{position:absolute;top:0;bottom:0;width:50%;background:repeating-linear-gradient(90deg,transparent 0,transparent 17px,#19140970 19px,#543c20 20px),linear-gradient(105deg,#4b3522,#302317 60%,#5b4328);box-shadow:inset 0 0 12px #0008;backface-visibility:hidden}.leaf.left{left:0;transform-origin:left;transform:rotateY(calc(var(--opening)*-110deg))}.leaf.right{right:0;transform-origin:right;transform:rotateY(calc(var(--opening)*110deg))}.knob{position:absolute;top:53%;width:9px;height:13px;border:2px solid #bd9952;border-radius:50%;opacity:calc(1 - var(--opening))}.knob.a{left:40%}.knob.b{right:40%}.gate-sign{display:block;text-align:center;color:#ddc79b;margin-top:23px;font-size:10px;white-space:nowrap;letter-spacing:.1em}#targets{position:absolute;inset:0;z-index:5;pointer-events:none}.target{position:absolute;display:flex;align-items:center;gap:9px;transform:translate(-50%,-50%);pointer-events:auto;padding:15px;min-width:64px;min-height:64px}.target .orb{width:31px;height:31px;display:grid;place-items:center;border:1px solid #e4c88888;border-radius:50%;background:#18271d60;color:#e4cc98;font-size:17px;box-shadow:0 0 0 8px #e7cc8d08;transition:background .3s,box-shadow .3s}.target em{position:absolute;left:64px;white-space:nowrap;font-style:normal;font-size:10px;letter-spacing:.1em;opacity:0;transform:translateX(-5px);transition:opacity .25s,transform .25s;text-shadow:0 1px 7px #000}.target.near em{opacity:1;transform:translateX(0)}.target.done .orb{background:#d7bc83;color:#233523;border-color:#f0d497}.target.near .orb{box-shadow:0 0 0 12px #e7cc8d1c}.target.route .orb{width:42px;height:42px;border-radius:0;transform:rotate(45deg);background:#d9c08514}.target.route .orb b{transform:rotate(-45deg);font-weight:400}#guideHint{position:absolute;bottom:106px;left:50%;transform:translateX(-50%);z-index:6;text-align:center;pointer-events:none;white-space:nowrap;font-size:11px;letter-spacing:.14em;color:#ead8b3;max-width:90%}#gestureSymbol{display:block;font-size:22px;margin-bottom:8px;opacity:.85}#guideHint>i{display:block;width:64px;height:2px;background:#dac48b22;margin:13px auto 0}#gestureProgress{display:block;width:0;height:2px;background:var(--gold)}footer{position:absolute;bottom:0;left:3.4%;right:3.4%;height:78px;display:flex;align-items:center;justify-content:space-between;z-index:7;pointer-events:none}.chapter-dots{display:flex;gap:7px;pointer-events:auto}.chapter-dots button{display:flex;align-items:center;gap:8px;font-size:10px;color:#b7c0a8;min-width:66px;height:55px;padding:10px}.chapter-dots i{width:4px;height:4px;border-radius:50%;background:#c3b68a66}.chapter-dots button.active{color:#ebd7a8}.chapter-dots button.active i{background:#e7cb89;box-shadow:0 0 0 4px #d8bc7a1a}.chapter-dots button span{letter-spacing:.12em}#progressButton{pointer-events:auto;display:flex;align-items:baseline;gap:7px;padding:15px;min-width:80px;min-height:55px}#completed{font-family:Georgia;font-size:24px;font-weight:400;color:#e4cd98}#progressButton small{font-family:Georgia;font-size:11px;color:#a7b49c}#cameraHud{position:absolute;right:3.5%;bottom:104px;z-index:7;width:100px;height:80px;border:1px solid #d3c49d33;background:#11201a;opacity:.76;border-radius:4px;overflow:hidden}#cameraHud video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#trackingDot{position:absolute;left:6px;bottom:7px;border-radius:50%;width:4px;height:4px;background:#b39161}#trackingDot.live{background:#bedc9f;box-shadow:0 0 7px #9cce6c}#trackingText{position:absolute;left:15px;bottom:4px;font-size:7px;background:#10231970;white-space:nowrap;color:#dad7bd;letter-spacing:.02em}.hand{position:absolute;z-index:40;width:40px;height:40px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;background:conic-gradient(#ead49e var(--progress,0deg),#e4cc8b25 0);padding:2px;box-shadow:0 0 25px #f4c85c15}.hand>i{display:block;width:100%;height:100%;border-radius:50%;background:#192b1dd0;border:1px solid #d9c08344;position:relative}.hand>i::after{content:'';position:absolute;inset:13px;border-radius:50%;background:#e5cd91}.hand.active{box-shadow:0 0 0 10px #dec48615,0 0 26px #f4c85c44}#toast{position:absolute;top:122px;left:50%;transform:translate(-50%,-6px);font-size:10px;color:#dfcca2;letter-spacing:.1em;z-index:45;padding:10px 18px;border-radius:25px;background:#192c24aa;backdrop-filter:blur(9px);opacity:0;transition:opacity .4s,transform .4s;pointer-events:none;max-width:80%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}#caption{position:absolute;left:50%;top:22%;transform:translateX(-50%);font-family:"Songti SC",serif;font-size:17px;letter-spacing:.14em;color:#e6d5af;z-index:5;pointer-events:none;opacity:0;transition:opacity .6s;text-shadow:0 2px 15px #000}#caption.show{opacity:1}#transition{position:absolute;inset:0;z-index:30;background:radial-gradient(ellipse at var(--tx,55%) var(--ty,55%),#f0dfae00 0%,#101d16 60%);opacity:0;pointer-events:none;transform:scale(2);transition:opacity .65s,transform 1s}#transition.active{opacity:1;transform:scale(1)}#paper{position:absolute;left:43%;top:61%;width:38%;height:23%;z-index:2;pointer-events:none;display:grid;grid-template-columns:1fr 1fr;transform:perspective(900px) rotateX(20deg) rotateZ(-4deg);box-shadow:0 15px 55px #0008;border:1px solid #7e6b4055;transition:opacity .5s}.paper-left,.paper-right{position:relative;padding:23px;background:linear-gradient(90deg,#eee3c5,#d7c7a2);color:#645b3d}.paper-right{background:linear-gradient(90deg,#ddd0ae,#f1e5c8);box-shadow:inset 8px 0 14px #64532515;display:flex;flex-direction:column;justify-content:space-between}.paper-left>span{font-family:Georgia,serif;font-size:clamp(25px,3.8vw,55px);color:#a78a4a}.paper-lines{margin-top:16px;height:31px;background:repeating-linear-gradient(0deg,transparent 0,transparent 9px,#9a875030 10px,#9a875030 11px);width:65%}#paperPhrase{font-family:"Songti SC",serif;font-size:clamp(12px,1.4vw,21px);letter-spacing:.15em;line-height:1.9}#pageCount{font-family:Georgia;font-size:9px;opacity:.6}#captureFlash{position:absolute;inset:0;z-index:44;background:#f2e8cc;pointer-events:none;opacity:0;transition:opacity .8s}#captureFlash.flash{opacity:.8;transition:none}#capturePreview{position:absolute;inset:16% 24% 17%;z-index:32;background:#e8dfca;padding:15px;box-shadow:0 20px 100px #0009;text-align:center;color:#4b563d}#captureImage{width:100%;height:calc(100% - 85px);object-fit:contain;background:#17241b}#capturePreview p{font-family:"Songti SC",serif;letter-spacing:.2em;font-size:14px;margin:14px 0 3px}#capturePreview button{font-size:10px;min-height:48px;padding:13px 25px}#qaBadge{position:absolute;top:93px;right:3.5%;font-size:9px;color:#e8c27d;z-index:50;background:#18271c;padding:8px;border:1px solid #dfc08055}dialog{border:1px solid #cdb98a66;background:#eae2ce;color:#35432e;width:calc(100% - 38px);max-width:760px;max-height:88svh;padding:43px 45px;overflow:auto;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#0d1b15ce;backdrop-filter:blur(9px)}dialog h2{font-family:"Songti SC",serif;font-weight:400;font-size:27px;letter-spacing:.08em;margin:0 0 28px}dialog p{font-size:12px;line-height:2;color:#717960}.eyebrow{font-family:Arial;letter-spacing:.25em;font-size:9px!important;color:#968051!important;margin:0 0 20px}.close{position:absolute;right:9px;top:7px;font-size:27px;width:55px;height:55px;border:1px solid #9f8a5b22}#interactionMap{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.map-point{border-top:1px solid #a9956a45;padding:13px 0;display:flex;gap:12px}.map-point>span{font-family:Georgia;color:#ae9e77;font-size:18px}.map-point.done>span{color:#6e8b4c}.map-point b{display:block;font-weight:400;font-family:"Songti SC",serif;font-size:18px;margin-bottom:7px}.map-point small{font-size:10px;color:#7e836c;line-height:1.7;display:block}.note{font-size:10px!important;color:#8a8d77!important;border-top:1px solid #a9956a45;padding-top:20px;margin-top:18px}#sourceDialog a{display:block;color:#877044;font-size:11px;padding:12px 0;text-decoration:none;border-bottom:1px solid #aa997033}
@media(max-width:700px){#experience{min-height:560px}header{padding:20px 5%}.brand{font-size:19px;gap:9px}.brand small{font-size:6px}.seal{font-size:10px}.tools{gap:7px}.tools button{width:37px;height:37px;font-size:17px}h1{font-size:47px}.entry-hint{font-size:12px}#entry>p:first-child{font-size:9px}#entry small{font-size:8px}#entryStatus{font-size:10px}.privacy{font-size:8px}#sceneTitle{top:20%;left:7%}#sceneName{font-size:31px}#gate{left:73%;top:48%;width:108px;min-width:0}.wood-door{height:19svh;min-height:140px;border-width:4px}.gate-sign{font-size:8px;margin-top:15px}footer{left:3%;right:3%;height:69px}.chapter-dots{gap:0}.chapter-dots button{min-width:56px;padding:9px 7px;font-size:9px;gap:6px}#completed{font-size:21px}#progressButton{padding:10px;min-width:69px}#guideHint{bottom:91px;font-size:9px;letter-spacing:.08em}#gestureSymbol{font-size:19px;margin-bottom:6px}#cameraHud{right:5%;bottom:147px;width:72px;height:57px}#trackingText{font-size:6px;left:13px;bottom:4px}#trackingDot{bottom:6px}#caption{font-size:13px;top:25%;max-width:85%;white-space:nowrap}#toast{top:98px;font-size:9px;max-width:85%}#paper{left:19%;top:56%;width:65%;height:24%}.paper-left,.paper-right{padding:14px}.paper-left>span{font-size:34px}#paperPhrase{font-size:15px}.target{padding:13px;min-width:59px;min-height:59px}.target .orb{width:30px;height:30px}.target em{left:56px;font-size:9px}.target.right-label em{left:auto;right:56px}#capturePreview{inset:20% 7% 21%;padding:10px}#capturePreview button{padding:12px 16px}dialog{padding:39px 24px}dialog h2{font-size:23px}#interactionMap{grid-template-columns:1fr 1fr;gap:8px}.map-point{padding:10px 0;gap:8px}.map-point b{font-size:16px}.map-point small{font-size:9px}.map-point>span{font-size:15px}#qaBadge{top:85px;font-size:8px}.hand{width:36px;height:36px}.hand>i::after{inset:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation:none!important}}