:root{--night: #0a0e0d;--night-2: #101715;--night-3: #18211e;--gold: #d8a94a;--gold-dim: #8a6c33;--red: #a8402f;--red-bright: #c9503a;--paper: #e8d9b5;--ink: #2b2118;--silver: #c9cdc6;--green: #1f3a34;--bar: 5.5vh;--serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--brush: "Ma Shan Zheng", "Noto Serif SC", serif;--latin: "Cormorant Garamond", "Noto Serif SC", serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:var(--night);color:var(--silver);font-family:var(--serif);overflow:hidden;user-select:none;-webkit-user-select:none}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}img{display:block}.letterbox{position:fixed;left:0;right:0;height:var(--bar);background:#000;z-index:60;pointer-events:none}#letterbox-top{top:0}#letterbox-bottom{bottom:0}#grain{position:fixed;inset:-100px;z-index:59;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");animation:grain-shift .9s steps(4) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-30px,20px)}50%{transform:translate(20px,-25px)}75%{transform:translate(-15px,-10px)}to{transform:translate(0)}}#stage{position:fixed;inset:0;padding:var(--bar) 0}.scene{position:absolute;inset:var(--bar) 0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s;overflow:hidden}.scene.active{opacity:1;visibility:visible}.scene-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}#rotate-overlay{position:fixed;inset:0;z-index:200;background:var(--night);display:none;flex-direction:column;align-items:center;justify-content:center;gap:28px;color:var(--paper);font-size:15px;letter-spacing:.2em}.rotate-phone{width:54px;height:92px;border:3px solid var(--gold);border-radius:10px;animation:rotate-hint 2.2s ease-in-out infinite}@keyframes rotate-hint{0%,20%{transform:rotate(0)}55%,to{transform:rotate(90deg)}}@media(orientation:portrait){#rotate-overlay{display:flex}}.eyebrow{font-family:var(--latin);font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold-dim)}.scene-head{text-align:center;padding:2.2vh 0 1vh;flex:none}.scene-title{font-size:clamp(16px,2.8vh,24px);font-weight:900;color:var(--paper);letter-spacing:.18em;margin-top:.6vh}.btn-gold{background:linear-gradient(180deg,#e5bc62,#b98a2e);color:#241a08;border:none;border-radius:4px;font-size:13px;font-weight:600;letter-spacing:.16em;padding:9px 14px;box-shadow:0 4px 18px #d8a94a40;transition:transform .2s,opacity .2s}.btn-gold:active{transform:scale(.97)}.btn-gold:disabled{opacity:.35;box-shadow:none}.btn-line{background:transparent;color:var(--silver);border:1px solid rgba(201,205,198,.35);border-radius:4px;font-size:11px;letter-spacing:.12em;padding:7px 10px;transition:border-color .2s,color .2s}.btn-line:active{border-color:var(--gold);color:var(--gold)}.btn-small{font-size:11px;padding:6px 12px}.btn-arrive{margin-top:.6vh;width:100%}.subtitle-inline{color:var(--paper);font-size:clamp(12px,1.9vh,15px);letter-spacing:.12em;line-height:1.8}#subtitle-bar{position:fixed;left:50%;bottom:calc(var(--bar) + 14px);transform:translate(-50%);z-index:70;pointer-events:none;background:#0000009e;border-left:2px solid var(--gold);border-right:2px solid var(--gold);padding:6px 22px;color:#f2ecdc;font-size:clamp(13px,2.2vh,17px);letter-spacing:.14em;opacity:0;transition:opacity .5s;max-width:78vw;text-align:center}#subtitle-bar.show{opacity:1}#toast{position:fixed;top:calc(var(--bar) + 14px);left:50%;transform:translate(-50%);z-index:150;background:#101715f0;border:1px solid var(--gold-dim);color:var(--paper);padding:9px 22px;font-size:13px;letter-spacing:.1em;border-radius:4px;transition:opacity .35s;max-width:80vw;text-align:center}#toast.hidden{opacity:0;pointer-events:none}#chapter-card{position:fixed;inset:0;z-index:120;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}#chapter-card.show{opacity:1;visibility:visible}#chapter-card p{font-family:var(--latin);color:var(--gold-dim);letter-spacing:.5em;font-size:13px;text-transform:uppercase}#chapter-card h2{font-size:clamp(20px,4.4vh,34px);font-weight:900;color:var(--paper);letter-spacing:.3em;text-indent:.3em}#scene-title{align-items:center;justify-content:center;text-align:center}.title-wrap{display:flex;flex-direction:column;align-items:center;gap:1.6vh;padding:0 6vw}.studio-line{font-family:var(--latin);font-size:13px;letter-spacing:.5em;color:var(--gold-dim)}.film-title{font-family:var(--brush);font-size:clamp(40px,9.5vh,84px);color:var(--paper);letter-spacing:.22em;text-indent:.22em;line-height:1.1;text-shadow:0 0 40px rgba(216,169,74,.25)}.film-subtitle{font-size:clamp(12px,2vh,15px);letter-spacing:.4em;color:var(--silver)}.dedication{font-size:clamp(13px,2.2vh,16px);color:var(--gold);letter-spacing:.3em;margin-top:.6vh}.intro{font-family:var(--serif);white-space:pre-wrap;font-size:clamp(12px,1.9vh,15px);line-height:2.1;color:#c9cdc6d1;letter-spacing:.12em;text-align:center}.seal-btn{margin-top:1.8vh;display:flex;align-items:center;gap:14px;background:transparent;border:1px solid rgba(216,169,74,.5);padding:10px 26px 10px 12px;border-radius:4px;color:var(--paper);letter-spacing:.3em;font-size:15px}.seal{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 34% 30%,var(--red-bright),var(--red) 70%);color:#f6e7d8;font-family:var(--brush);font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #a8402f80}.geo-hint{font-size:11px;color:#c9cdc666;letter-spacing:.2em;margin-top:1vh}.admin-link{position:absolute;right:14px;bottom:10px;color:#c9cdc62e;text-decoration:none;font-size:18px;padding:6px}#scene-map{padding:0 4vw}#route-map{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}#route-map svg{width:100%;height:100%;max-height:52vh}.route-node{cursor:default}.route-node text{font-family:var(--serif)}.map-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:1.6vh 1vw 2.4vh}.map-foot h3{color:var(--gold);font-size:clamp(16px,2.8vh,22px);letter-spacing:.2em;margin-bottom:.6vh}#scene-nav{flex-direction:column;padding:1.4vh 3.5vw 2vh;gap:1.2vh}.nav-topbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px}.nav-topbar-spacer{width:90px}.nav-body{flex:1;display:flex;flex-direction:row;align-items:stretch;gap:1.4vw;min-height:0}.route-strip{display:flex;align-items:center;gap:12px;background:#10171599;border:1px solid rgba(216,169,74,.3);border-radius:20px;padding:6px 16px;color:var(--gold);transition:border-color .25s,background .25s}.route-strip:active,.route-strip.open{border-color:var(--gold);background:#d8a94a1a}.strip-label{font-size:11px;letter-spacing:.4em;text-indent:.4em;color:#d8a94acc}.strip-dots{display:flex;align-items:center;gap:9px;position:relative}.strip-dots:before{content:"";position:absolute;left:5px;right:5px;top:50%;height:1px;background:#d8a94a47}.strip-dot{width:10px;height:10px;border-radius:50%;position:relative;z-index:1;background:#18211e;border:1px solid rgba(201,205,198,.4)}.strip-dot.done{background:var(--red);border-color:var(--red-bright)}.strip-dot.cur{background:var(--gold);border-color:#f0d08a;box-shadow:0 0 8px #d8a94acc;animation:dot-breathe 1.8s ease-in-out infinite}@keyframes dot-breathe{50%{box-shadow:0 0 14px #d8a94a}}.strip-caret{font-size:10px;color:#d8a94ab3;transition:transform .25s}.route-strip.open .strip-caret{transform:rotate(180deg)}#itinerary{position:absolute;top:7.5vh;left:50%;transform:translate(-50%);z-index:90;width:min(520px,72vw);max-height:62vh;overflow-y:auto;background:#0d1110f5;border:1px solid rgba(216,169,74,.45);border-radius:8px;box-shadow:0 20px 60px #000000a6}#itinerary.hidden{display:none}.itin-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid rgba(216,169,74,.25);color:var(--gold);font-size:13px;letter-spacing:.4em;text-indent:.4em;position:sticky;top:0;background:#0d1110fa}.itin-row{display:flex;gap:14px;padding:12px 18px;border-bottom:1px solid rgba(44,56,51,.6)}.itin-row:last-child{border-bottom:none}.itin-idx{font-family:var(--latin);color:var(--gold-dim);font-size:15px;min-width:26px;padding-top:2px}.itin-main{flex:1;min-width:0}.itin-name{color:var(--paper);font-size:14px;letter-spacing:.1em}.itin-row.locked .itin-name{color:#c9cdc659}.itin-gift{margin-top:5px;font-size:12px;color:var(--gold);letter-spacing:.06em;line-height:1.7}.itin-gift em{display:block;font-style:normal;color:#c9cdc699;font-size:11px}.itin-state{flex:none;align-self:center;font-size:11px;letter-spacing:.2em;padding:4px 10px;border-radius:3px;border:1px solid}.itin-row.done .itin-state{color:var(--red-bright);border-color:#c9503a99}.itin-row.cur .itin-state{color:var(--gold);border-color:#d8a94a99}.itin-row.locked .itin-state{color:#c9cdc64d;border-color:#c9cdc633}.nav-side{flex:.72;display:flex;flex-direction:column;justify-content:center;gap:1.6vh;min-width:0}.nav-left{text-align:left}.nav-right{align-items:stretch;flex:none;width:clamp(106px,13vw,150px);gap:1.1vh}.nav-station{font-size:clamp(16px,3vh,24px);color:var(--paper);font-weight:900;letter-spacing:.16em;line-height:1.4}.distance-block{margin-top:1vh}.distance-num{font-family:var(--latin);font-weight:600;font-size:clamp(28px,6vh,50px);color:var(--gold);line-height:1;font-variant-numeric:tabular-nums}.distance-cap{font-size:11px;letter-spacing:.34em;color:#c9cdc68c;margin-top:.8vh}.btn-arrive{margin-top:1vh}.chart-table{flex:2.2;position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding:.6vh .6vw 3.4vh}.nav-map{position:absolute;inset:0;z-index:1;border-radius:12px;overflow:hidden;border:1px solid rgba(216,169,74,.45);box-shadow:0 22px 48px #0000008c;background:#101715;filter:sepia(.3) hue-rotate(-8deg) saturate(1.06) contrast(1.1) brightness(.94)}.nav-map:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:12px;box-shadow:inset 0 0 70px #00000080,inset 0 0 10px #00000073}.parchment{position:relative;width:100%;height:100%;border-radius:12px;background:radial-gradient(120% 80% at 50% 0%,rgba(255,243,205,.5),transparent 55%),radial-gradient(ellipse at 16% 86%,rgba(122,78,28,.3),transparent 52%),radial-gradient(ellipse at 88% 22%,rgba(122,78,28,.22),transparent 48%),radial-gradient(ellipse at 70% 90%,rgba(96,58,20,.24),transparent 42%),linear-gradient(158deg,#d3bd92,#e8d9b5 44%,#c9b083);box-shadow:inset 0 0 70px #3b261299,inset 0 0 8px #3b2612a6,0 22px 48px #0000008c}.parchment:before{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.12' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23p)' opacity='0.16'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.7}.parchment:after{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;box-shadow:inset 1.2vw 0 26px -14px #2b1808cc,inset -1.2vw 0 26px -14px #2b1808cc,inset 0 1.6vh 22px -12px #2b1808b3,inset 0 -1.6vh 22px -12px #2b1808b3}.parchment{z-index:2;transition:opacity .5s,visibility .5s}.parchment.chart-hidden{opacity:0;visibility:hidden}.map-chips{position:absolute;top:1vh;right:.8vw;z-index:6;display:flex;gap:8px}.map-chip{background:#0a0e0dd1;border:1px solid rgba(216,169,74,.45);color:var(--gold);font-size:11px;letter-spacing:.2em;text-indent:.2em;padding:5px 12px;border-radius:14px}.map-chip:active{background:#d8a94a2e}.her-dot{position:relative;width:18px;height:18px}.her-dot i{position:absolute;inset:3px;border-radius:50%;background:#c9503a;border:2px solid #f6e7d8;box-shadow:0 0 12px #d8a94af2}.her-dot:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(216,169,74,.7);animation:her-dot-pulse 1.8s ease-out infinite}@keyframes her-dot-pulse{0%{transform:scale(.45);opacity:1}to{transform:scale(1.35);opacity:0}}.target-seal{position:relative;width:44px;height:44px}.target-seal b{position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#c9503a,#8f2f20 75%);color:#f6e7d8;display:flex;align-items:center;justify-content:center;font-size:20px;font-family:Georgia,serif;border:2px solid rgba(246,231,216,.9);box-shadow:0 4px 14px #0000008c,0 0 26px #d8a94a99}.target-seal:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(216,169,74,.75);animation:her-dot-pulse 1.6s ease-out infinite}.film-rail{position:absolute;top:0;bottom:0;width:13px;z-index:1;pointer-events:none;opacity:.55;background:repeating-linear-gradient(180deg,#060807 0 9px,#d8a94a29 9px 15px,#060807 15px 24px);border-color:#d8a94a33;border-style:solid;border-width:0}.film-rail.left{left:0;border-right-width:1px}.film-rail.right{right:0;border-left-width:1px}.rec{display:flex;align-items:center;gap:7px;font-family:var(--latin);font-size:10px;letter-spacing:.32em;color:#c9cdc6b8;white-space:nowrap}.rec b{color:var(--gold);font-weight:600}.rec i{width:8px;height:8px;border-radius:50%;background:var(--red-bright);box-shadow:0 0 8px #c9503acc;animation:rec-blink 1.4s ease-in-out infinite}@keyframes rec-blink{50%{opacity:.2}}.gift-track{margin-top:1.2vh}.gift-cap{font-size:11px;letter-spacing:.32em;color:#c9cdc68c;margin-bottom:.8vh}.gift-dots{display:flex;gap:7px;flex-wrap:wrap}.gift-dot{width:22px;height:22px;border-radius:50%;border:1px solid rgba(201,205,198,.3);color:#c9cdc673;font-size:11px;display:flex;align-items:center;justify-content:center}.gift-dot.got{background:var(--red);border-color:var(--red-bright);color:#f6e7d8;box-shadow:0 2px 8px #a8402f66}.gift-dot.next{border-color:var(--gold);color:var(--gold);animation:dot-breathe 1.8s ease-in-out infinite}.chart-fog{position:absolute;left:0;right:0;bottom:3.4vh;height:18vh;z-index:3;pointer-events:none;overflow:hidden;border-radius:12px}.chart-fog i{position:absolute;bottom:-40%;width:70%;height:130%;background:radial-gradient(ellipse at center,rgba(232,217,181,.13),transparent 65%);filter:blur(16px);animation:fog-drift 17s linear infinite}.chart-fog i:nth-child(2){width:55%;animation-delay:-8.5s;animation-duration:21s}@keyframes fog-drift{0%{transform:translate(-50%)}to{transform:translate(130%)}}.balloons{position:absolute;inset:-8vh -3vw;z-index:-1;pointer-events:none;overflow:hidden}.balloons i{position:absolute;bottom:-100px;width:34px;height:44px;border-radius:50% 50% 46% 46%;opacity:0;animation:balloon-rise 12s ease-in infinite}.balloons i:after{content:"";position:absolute;top:100%;left:50%;width:1px;height:48px;background:#e8d9b566}.balloons i:nth-child(1){left:10%;background:radial-gradient(circle at 34% 28%,#d86a50,var(--red) 72%)}.balloons i:nth-child(2){left:80%;background:radial-gradient(circle at 34% 28%,#ecc673,#a8802c 74%);animation-delay:4s;animation-duration:14s}.balloons i:nth-child(3){left:46%;background:radial-gradient(circle at 34% 28%,#9dbfa2,#557a5e 74%);animation-delay:8s;animation-duration:16s}@keyframes balloon-rise{0%{transform:translateY(0) rotate(-3deg);opacity:0}10%{opacity:.6}88%{opacity:.45}to{transform:translateY(-70vh) rotate(4deg);opacity:0}}.confetti{position:absolute;width:7px;height:11px;z-index:6;opacity:0;pointer-events:none;animation:confetti-pop 2.2s cubic-bezier(.2,.8,.4,1) forwards}@keyframes confetti-pop{0%{opacity:1;transform:translate(0) rotate(0)}55%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}}.map-glow{position:absolute;inset:0;border-radius:12px;pointer-events:none;background:radial-gradient(60% 55% at 62% 38%,rgba(255,214,130,.2),transparent 70%);animation:candle 3.4s ease-in-out infinite}@keyframes candle{0%,to{opacity:.85}38%{opacity:.55}62%{opacity:1}80%{opacity:.7}}#chart-map{position:absolute;inset:0;width:100%;height:100%}#chart-map .route{stroke-dasharray:9 9;animation:route-dash 1.4s linear infinite;filter:drop-shadow(0 1px 2px rgba(74,40,16,.35))}@keyframes route-dash{to{stroke-dashoffset:-18}}#chart-map .route-label{font-family:var(--latin);letter-spacing:.08em;font-weight:600}#chart-map .her-pulse{animation:her-ring 2s ease-out infinite;transform-origin:center;transform-box:fill-box}@keyframes her-ring{0%{opacity:.85;transform:scale(.4)}to{opacity:0;transform:scale(1.7)}}#scene-nav.arrived #chart-map .x-mark{animation:x-throb 1.1s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes x-throb{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}.chart-cartouche{position:absolute;top:1.4vh;right:1.2vw;text-align:right;pointer-events:none}.chart-cartouche #chart-title{display:block;font-family:var(--brush);color:#4a3016;font-size:clamp(14px,2.6vh,21px);letter-spacing:.3em;opacity:.85}.chart-cartouche .chart-sub{display:block;font-family:var(--latin);color:#6b4d28;font-size:10px;letter-spacing:.4em;margin-top:.4vh;text-transform:uppercase;opacity:.75}.chart-stamp{position:absolute;top:34%;left:40%;font-family:var(--brush);font-size:clamp(20px,4vh,32px);color:var(--red);border:3px solid var(--red);border-radius:8px;padding:.6vh 1.4vw;transform:rotate(-12deg) scale(2.6);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.2,1.5,.4,1),opacity .25s;mix-blend-mode:multiply}#scene-nav.arrived .chart-stamp{transform:rotate(-12deg) scale(1);opacity:.9}#compass{position:absolute;left:-1vw;bottom:-1.6vh;z-index:5;width:clamp(130px,23vh,212px);aspect-ratio:1}#compass svg{width:100%;height:100%;filter:drop-shadow(0 10px 26px rgba(0,0,0,.6))}#compass svg g{transform-box:view-box;transform-origin:50% 50%;transition:transform .8s cubic-bezier(.35,.1,.25,1)}.compass-hint{position:absolute;left:0;right:0;bottom:.2vh;text-align:center;font-size:12px;letter-spacing:.3em;color:#c9cdc68c}#scene-nav.arrived .compass-hint{color:var(--gold)}#scene-nav.arrived #compass svg{filter:drop-shadow(0 8px 30px rgba(216,169,74,.45))}.embers{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}.embers i{position:absolute;bottom:6%;width:3px;height:3px;border-radius:50%;background:var(--gold);opacity:0;animation:ember-rise 7s linear infinite}.embers i:nth-child(1){left:18%;animation-delay:0s}.embers i:nth-child(2){left:36%;animation-delay:1.6s;animation-duration:8s}.embers i:nth-child(3){left:55%;animation-delay:3.1s;animation-duration:6.4s}.embers i:nth-child(4){left:70%;animation-delay:.9s;animation-duration:7.6s}.embers i:nth-child(5){left:84%;animation-delay:4.4s;animation-duration:8.6s}.embers i:nth-child(6){left:46%;animation-delay:5.6s;animation-duration:9s}@keyframes ember-rise{0%{transform:translate(0);opacity:0}12%{opacity:.75}60%{opacity:.4}to{transform:translate(2.4vw,-58vh);opacity:0}}#scene-task{padding:0 4vw}.task-head{padding-top:1.6vh}#engine-root{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:1vh 0}.task-foot{flex:none;text-align:center;padding-bottom:1.8vh}.engine-frame{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:2.4vw;min-height:0}.engine-note{font-size:12px;letter-spacing:.2em;color:#c9cdc680;text-align:center;margin-top:1vh}.qa-card{display:flex;flex-direction:column;align-items:center;gap:2.4vh;max-width:640px;width:100%}.qa-img{max-height:30vh;max-width:46vw;border:1px solid var(--gold-dim);border-radius:4px;object-fit:contain}.qa-question{font-size:clamp(13px,2.2vh,17px);color:var(--paper);letter-spacing:.1em;text-align:center;line-height:1.7}.qa-options{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.qa-opt{background:#18211ed9;border:1px solid rgba(201,205,198,.28);color:var(--silver);font-size:13px;letter-spacing:.1em;padding:9px 18px;border-radius:4px;transition:all .2s}.qa-opt:active{transform:scale(.96)}.qa-opt.wrong{border-color:var(--red);color:var(--red-bright);animation:shake .4s}.qa-opt.right{border-color:var(--gold);color:var(--gold);background:#d8a94a1f}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.code-form{display:flex;flex-direction:column;align-items:center;gap:2vh;max-width:560px;width:100%}.code-form .riddle{font-size:clamp(13px,2.2vh,17px);color:var(--paper);letter-spacing:.12em;text-align:center;line-height:1.8}.text-input{background:#18211ee6;border:1px solid rgba(201,205,198,.3);color:var(--paper);font-size:16px;letter-spacing:.16em;text-align:center;padding:12px 18px;border-radius:4px;width:min(320px,60vw);outline:none}.text-input:focus{border-color:var(--gold-dim)}.pose-frame{width:100%;height:100%}.pose-compare{display:flex;gap:2vw;height:74%;align-items:center;justify-content:center}.pose-pane{position:relative;height:100%;aspect-ratio:3/4;background:#000;border:1px solid rgba(216,169,74,.4);border-radius:6px;overflow:hidden}.pose-pane img,.pose-pane video,.pose-pane canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pose-pane video{transform:scaleX(-1)}.pose-pane canvas{transform:scaleX(-1)}.pose-label{position:absolute;top:8px;left:10px;z-index:3;font-size:11px;letter-spacing:.3em;color:var(--gold);background:#0000008c;padding:4px 10px;border-radius:3px}.pose-meter{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:1.6vh}.pose-meter-bar{width:min(420px,44vw);height:8px;background:var(--night-3);border-radius:4px;overflow:hidden;border:1px solid rgba(216,169,74,.25)}.pose-meter-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold-dim),var(--gold));transition:width .18s}.pose-meter-num{font-family:var(--latin);font-size:22px;color:var(--gold);min-width:64px;font-variant-numeric:tabular-nums}.pose-status{text-align:center;margin-top:1vh;font-size:13px;letter-spacing:.24em;color:var(--silver);min-height:20px}.pose-controls{display:flex;justify-content:center;gap:14px;margin-top:1.4vh}.pose-frame.passing .pose-pane{border-color:var(--gold);box-shadow:0 0 30px #d8a94a59}.countdown-overlay{position:absolute;inset:0;z-index:5;background:#0000008c;display:flex;align-items:center;justify-content:center;font-family:var(--latin);font-size:80px;color:var(--gold)}.wipe-frame{position:relative;width:min(56vh,62vw);aspect-ratio:3/2;border:1px solid var(--gold-dim);border-radius:4px;overflow:hidden;touch-action:none}.wipe-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wipe-frame canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.wipe-red{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(168,64,47,.28),transparent 70%);pointer-events:none}.wipe-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#00000080}.wipe-progress-fill{height:100%;width:0%;background:var(--red-bright)}.spot-frame{position:relative;width:min(56vh,62vw);aspect-ratio:3/2;border-radius:4px;overflow:hidden;border:1px solid var(--gold-dim);touch-action:none;background:#000}.spot-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.spot-frame canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.spot-found{position:absolute;width:44px;height:44px;margin:-22px;border:3px solid var(--red-bright);border-radius:50%;box-shadow:0 0 20px #c9503ab3;animation:pop-in .4s}@keyframes pop-in{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}.diff-frame{display:flex;gap:1.6vw;height:80%;align-items:center}.diff-pane{position:relative;height:100%;aspect-ratio:3/2;border:1px solid var(--gold-dim);border-radius:4px;overflow:hidden}.diff-pane img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.diff-mark{position:absolute;width:46px;height:46px;margin:-23px;border:3px solid var(--red-bright);border-radius:50%;animation:pop-in .4s;box-shadow:0 0 18px #c9503a99}.diff-pane .pane-tag{position:absolute;top:8px;left:10px;font-size:11px;letter-spacing:.3em;color:var(--gold);background:#00000080;padding:4px 10px;border-radius:3px;z-index:2}.flip-grid{display:grid;gap:1.4vh;height:84%}.flip-card{perspective:800px;cursor:pointer}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center}.flip-back{background:linear-gradient(160deg,var(--night-3),var(--night-2));border:1px solid rgba(216,169,74,.4);font-family:var(--brush);color:var(--gold);font-size:24px}.flip-front{transform:rotateY(180deg);border:1px solid var(--gold);background:#000}.flip-front img{width:100%;height:100%;object-fit:cover}.flip-card.matched .flip-front{border-color:var(--red-bright);box-shadow:0 0 16px #c9503a66}.board-wrap{display:flex;gap:2vw;height:84%;align-items:center;justify-content:center}.puzzle-board{position:relative;height:100%;aspect-ratio:1;background:#00000080;border:1px solid var(--gold-dim);border-radius:4px}.pz-piece{position:absolute;background-size:cover;background-repeat:no-repeat;border:1px solid rgba(216,169,74,.35);border-radius:2px;cursor:grab;touch-action:none}.pz-piece.home{border-color:transparent}.pz-piece.dragging{z-index:10;cursor:grabbing;box-shadow:0 8px 24px #0009}.pz-tray{height:100%;width:22vw;display:flex;flex-wrap:wrap;align-content:flex-start;gap:1vh;overflow-y:auto;padding:4px}.slide-tile{position:absolute;background-size:cover;border:1px solid rgba(216,169,74,.3);transition:left .18s,top .18s;cursor:pointer}.reveal-frame{display:flex;flex-direction:column;align-items:center;gap:2vh;height:100%;justify-content:center}.reveal-imgbox{position:relative;height:46vh;aspect-ratio:3/2;overflow:hidden;border:1px solid var(--gold-dim);border-radius:4px;background:#000}.reveal-imgbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:filter .8s,transform .8s,clip-path .8s}.reveal-step{font-size:12px;letter-spacing:.3em;color:var(--gold-dim)}.order-frame{display:flex;flex-direction:column;align-items:center;gap:2.2vh;width:100%;height:100%;justify-content:center}.order-strip{display:flex;gap:1.4vw;align-items:center}.order-slot{width:11vw;height:16vh;border:1px dashed rgba(216,169,74,.45);border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:var(--latin);color:var(--gold-dim);font-size:18px;background:#0000004d;position:relative}.order-slot.filled{border-style:solid;border-color:var(--gold)}.order-slot img{width:100%;height:100%;object-fit:cover;border-radius:3px}.order-pool{display:flex;gap:1.4vw}.order-card{width:11vw;height:16vh;border-radius:4px;overflow:hidden;cursor:pointer;border:1px solid rgba(201,205,198,.3);position:relative}.order-card img{width:100%;height:100%;object-fit:cover}.order-card.selected{border-color:var(--gold);box-shadow:0 0 14px #d8a94a66}.order-card.used{opacity:.25;pointer-events:none}.order-card .cap{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;background:#0009;color:var(--paper);padding:2px 0;letter-spacing:.2em}.voice-frame{display:flex;flex-direction:column;align-items:center;gap:2.4vh;width:100%}.voice-phrase{font-family:var(--brush);font-size:clamp(19px,3.6vh,30px);color:var(--paper);letter-spacing:.14em;text-align:center}.voice-wave{display:flex;align-items:center;gap:4px;height:56px}.voice-wave span{width:5px;height:8px;background:var(--gold-dim);border-radius:3px;transition:height .08s}.voice-btn{width:84px;height:84px;border-radius:50%;border:2px solid var(--red-bright);background:radial-gradient(circle at 36% 30%,#d86a50,var(--red) 70%);color:#fff;font-size:13px;letter-spacing:.2em;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #a8402f66}.voice-btn.recording{animation:rec-pulse 1.2s infinite}@keyframes rec-pulse{0%,to{box-shadow:0 0 #c9503a80}50%{box-shadow:0 0 0 18px #c9503a00}}.voice-tip{font-size:12px;letter-spacing:.24em;color:#c9cdc699}.checkin-frame{display:flex;flex-direction:column;align-items:center;gap:2vh;width:100%;height:100%;justify-content:center}.checkin-theme{font-size:clamp(13px,2.4vh,18px);color:var(--paper);letter-spacing:.14em;text-align:center}.checkin-view{position:relative;width:min(58vh,56vw);aspect-ratio:4/3;background:#000;border:1px solid var(--gold-dim);border-radius:6px;overflow:hidden}.checkin-view video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slate{position:absolute;inset:0;z-index:4;background:#111;color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:14px;letter-spacing:.3em;transition:transform .6s ease}.slate.open{transform:translateY(-105%)}.slate .clapper{width:70%;height:14px;background:repeating-linear-gradient(45deg,#e8d9b5 0 14px,#111 14px 28px)}#scene-gift{align-items:center;justify-content:center}.gift-wrap{display:flex;flex-direction:column;align-items:center;gap:3vh;position:relative}.ticket{display:flex;width:min(560px,66vw);background:var(--paper);color:var(--ink);border-radius:8px;overflow:hidden;position:relative;box-shadow:0 18px 50px #0000008c;transform:translateY(30px);opacity:0;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .9s}#scene-gift.active .ticket{transform:translateY(0);opacity:1}.ticket:before{content:"";position:absolute;top:0;bottom:0;right:108px;width:0;border-left:2px dashed rgba(43,33,24,.4)}.ticket-main{flex:1;padding:22px 26px}.ticket-brand{font-family:var(--latin);font-size:11px;letter-spacing:.34em;color:#2b211899}.ticket-title{font-size:clamp(17px,3vh,23px);font-weight:900;letter-spacing:.14em;margin:10px 0 8px;color:var(--ink)}.ticket-desc{font-size:13px;line-height:1.8;color:#2b2118c7;letter-spacing:.08em}.ticket-no{margin-top:12px;font-family:var(--latin);font-size:11px;letter-spacing:.3em;color:#2b211880}.ticket-stub{width:108px;flex:none;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,rgba(168,64,47,.12) 0 8px,transparent 8px 16px)}.stub-text{writing-mode:vertical-rl;letter-spacing:.5em;font-size:14px;color:var(--red)}.stamp{position:absolute;top:-18px;right:8%;font-family:var(--brush);font-size:clamp(24px,4.6vh,32px);color:var(--red-bright);border:3px solid var(--red-bright);border-radius:8px;padding:6px 16px;transform:rotate(-14deg) scale(3);opacity:0;transition:transform .35s cubic-bezier(.2,1.6,.4,1),opacity .3s;pointer-events:none}.stamp.stamped{transform:rotate(-14deg) scale(1);opacity:.92}#scene-finale{background:radial-gradient(ellipse at 50% 0%,var(--night-2),var(--night) 70%)}.credits{max-width:680px;margin:0 auto;padding:6vh 24px 8vh;text-align:center;display:flex;flex-direction:column;gap:4vh}.fin-mark{font-family:var(--latin);letter-spacing:.5em;color:var(--gold-dim);font-size:13px}.fin-title{font-family:var(--brush);font-size:clamp(26px,5vh,40px);color:var(--paper);letter-spacing:.3em;text-indent:.3em}.letter{font-family:var(--brush);font-size:clamp(14px,2.3vh,18px);line-height:2.3;color:var(--paper);white-space:pre-wrap;text-align:center;letter-spacing:.08em;background:#e8d9b50d;border:1px solid rgba(232,217,181,.16);border-radius:6px;padding:3.4vh 5vw}.final-hint{border:1px dashed var(--gold-dim);border-radius:6px;padding:2.4vh 4vw;color:var(--gold);font-size:15px;letter-spacing:.12em;line-height:2}.gallery{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.gallery-item{width:160px;border:1px solid rgba(216,169,74,.35);border-radius:4px;overflow:hidden;background:var(--night-2)}.gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-item .gi-cap{font-size:11px;color:#c9cdc6a6;padding:6px 8px;letter-spacing:.14em}.gallery-item audio{width:100%;height:36px}.fin-cast{font-size:13px;line-height:2.2;color:#c9cdc699;letter-spacing:.2em}.sheet{position:fixed;inset:0;z-index:130;background:#000000b8;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s}.sheet.hidden{opacity:0;pointer-events:none}.sheet-card{background:var(--night-2);border:1px solid rgba(216,169,74,.4);border-radius:8px;padding:26px 30px;width:min(420px,86vw);display:flex;flex-direction:column;gap:14px;align-items:center}.sheet-card h3{color:var(--gold);letter-spacing:.3em;font-size:16px}.sheet-card p{color:var(--silver);font-size:14px;line-height:1.9;letter-spacing:.1em;text-align:center}.sheet-btns{display:flex;gap:12px}.sheet-tip{font-size:12px;color:var(--red-bright);min-height:16px}.map-card{width:min(760px,90vw);height:min(480px,74vh);position:relative;background:var(--night-2);border-radius:8px;overflow:hidden;border:1px solid rgba(216,169,74,.4)}#amap-container{width:100%;height:100%}.map-close{position:absolute;top:12px;right:12px;z-index:5;background:#0a0e0dd9}#bgm-toggle,#fs-toggle{position:fixed;top:calc(var(--bar) + 10px);z-index:80;width:36px;height:36px;border-radius:50%;background:#101715cc;border:1px solid var(--gold-dim);color:var(--gold);font-size:16px;display:flex;align-items:center;justify-content:center}#bgm-toggle{right:14px}#fs-toggle{right:58px}#bgm-toggle.hidden{display:none}#bgm-toggle.off{opacity:.5}#fs-toggle.on{background:#d8a94a40;border-color:var(--gold)}#test-panel{position:fixed;left:12px;bottom:calc(var(--bar) + 10px);z-index:140;background:#a8402f29;border:1px solid var(--red);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}#test-panel.hidden{display:none}#test-panel p{font-size:10px;letter-spacing:.3em;color:var(--red-bright)}#test-panel button{background:transparent;border:1px solid var(--red);color:var(--paper);font-size:11px;padding:5px 10px;border-radius:4px;letter-spacing:.1em}@media(max-height:420px){:root{--bar: 4vh}.intro{display:none}.title-wrap{gap:1vh}.scene-head{padding:1.4vh 0 .6vh}.map-foot{padding:1vh 1vw 1.8vh}.nav-side{gap:1.2vh}.distance-block{margin-top:.4vh}.qa-card{gap:1.6vh}.pose-status{min-height:16px}}@media(prefers-reduced-motion:reduce){#grain{animation:none}.scene{transition:opacity .3s}}