:root{color-scheme:dark;font-family:Songti SC,"Noto Serif CJK SC",STSong,Georgia,serif;--app-height: 100dvh;--ink: #07110e;--paper: #e8d9b5;--paper-dim: #b9aa86;--brass: #b9914f;--brass-pale: #e6cf97;--wine: #6d2029;--velvet: #3a1118;--safe-bottom: max(16px, env(safe-area-inset-bottom));background:#020403;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:#020403}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,[tabindex]:focus-visible{outline:2px solid #f1dba1;outline-offset:3px}#app,.experience{width:100vw;height:var(--app-height);min-height:100svh}.experience{position:relative;isolation:isolate;overflow:hidden;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) var(--safe-bottom) max(10px,env(safe-area-inset-left));background:#020403}.ambient-canvas,.film-grain,.vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ambient-canvas{z-index:-4}.film-grain{z-index:20;opacity:.07;mix-blend-mode:soft-light;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='.74' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E")}.vignette{z-index:19;box-shadow:inset 0 0 16vmax 4vmax #000000ad}.topbar{position:relative;z-index:30;height:52px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;max-width:920px;margin:0 auto}.scene-counter{display:flex;align-items:center;gap:10px;min-width:0;color:#ecdebcb8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.progress-track{position:relative;width:min(28vw,180px);height:1px;overflow:visible;background:#e5cf9733}.progress-track:after{content:"";position:absolute;top:-1px;left:0;width:var(--progress, 0%);height:3px;background:var(--brass-pale);box-shadow:0 0 9px #e7cd8fb3;transition:width .85s cubic-bezier(.22,1,.36,1)}.top-actions{display:flex;gap:5px}.icon-button{width:46px;min-width:46px;height:46px;border:1px solid rgba(229,207,151,.25);border-radius:50%;color:#e9dcbf;background:#02070573;backdrop-filter:blur(9px);cursor:pointer}.icon-button:active{transform:scale(.96)}.hint-button{font-family:system-ui,-apple-system,sans-serif;font-size:12px;letter-spacing:.06em}.scene-viewport{position:relative;z-index:2;width:min(100%,920px);height:calc(100% - 52px);margin:0 auto;display:grid;grid-template-rows:minmax(0,1fr) auto;perspective:1100px}.stage-shell{position:relative;width:min(100%,680px);height:100%;min-height:350px;max-height:690px;margin:auto;overflow:hidden;border:1px solid rgba(209,180,119,.25);border-radius:48% 48% 8px 8px/13% 13% 8px 8px;background:linear-gradient(90deg,rgba(0,0,0,.52),transparent 11% 89%,rgba(0,0,0,.52)),linear-gradient(180deg,#200f0d99,#040806e0);box-shadow:inset 0 0 40px #0000008c,0 22px 80px #00000057;transform-style:preserve-3d;transition:opacity .32s ease,transform .5s cubic-bezier(.22,1,.36,1)}.stage-shell.is-leaving{opacity:0;transform:translateZ(-60px) scale(.98)}.stage-shell:before{content:"";position:absolute;z-index:8;inset:0;pointer-events:none;border:12px solid rgba(48,14,19,.78);border-radius:inherit;box-shadow:inset 0 0 0 2px #cea55833,inset 20px 0 28px #00000057,inset -20px 0 28px #00000057}.stage-shell:after{content:"";position:absolute;z-index:7;inset:auto 4% 0;height:13%;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 31px,rgba(255,255,255,.025) 31px 32px),linear-gradient(#2b1812,#100b09);transform-origin:bottom;transform:rotateX(67deg);box-shadow:0 -14px 32px #00000085}.curtain{position:absolute;z-index:6;top:0;bottom:0;width:17%;pointer-events:none;background:repeating-linear-gradient(90deg,#1504081f 0 12%,#ffffff09 14% 19%),linear-gradient(90deg,#26070d,#6a1d29 55%,#26070d);filter:drop-shadow(7px 0 8px rgba(0,0,0,.45))}.curtain.left{left:-5%;border-radius:0 0 80%;transform:skewY(2deg)}.curtain.right{right:-5%;border-radius:0 0 0 80%;transform:scaleX(-1) skewY(2deg)}.scene-art{position:absolute;z-index:2;inset:0;display:grid;place-items:center;overflow:hidden;touch-action:none;transform-style:preserve-3d}.scene-label{position:absolute;z-index:5;top:6%;left:50%;width:85%;transform:translate(-50%);text-align:center;color:#e8d8b3b3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.6;letter-spacing:.28em;text-transform:uppercase}.touch-prompt{position:absolute;z-index:12;bottom:7%;left:50%;transform:translate(-50%);color:#f6e8c6b8;font-size:12px;letter-spacing:.12em;white-space:nowrap;text-shadow:0 2px 12px #000;pointer-events:none;animation:breathe 2.1s ease-in-out infinite}.primary-action,.quiet-action,.choice-button,.assist-button{min-height:48px;border:1px solid rgba(226,199,139,.5);border-radius:999px;padding:10px 22px;color:#efe2c5;background:#091410c7;box-shadow:0 8px 30px #0000003d;backdrop-filter:blur(8px);cursor:pointer}.primary-action{background:linear-gradient(135deg,#8b6a37,#5e431f);border-color:#d3b271;color:#fff4d7}.choice-button{width:min(82%,360px);border-radius:8px;font-size:14px}.choice-button:active,.primary-action:active,.quiet-action:active,.assist-button:active{transform:translateY(1px)}.subtitle-panel{position:relative;z-index:25;width:min(calc(100% - 20px),600px);min-height:154px;margin:-2px auto 0;padding:14px 18px 13px;color:#f2e8d3;border:1px solid rgba(220,192,133,.25);background:linear-gradient(135deg,#050d0aeb,#0c130fc7);backdrop-filter:blur(16px);box-shadow:0 10px 40px #0000004d}.subtitle-speaker{min-height:15px;margin-bottom:6px;color:#c9a764;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.subtitle-copy{min-height:49px;margin:0;font-size:clamp(16px,4.25vw,19px);line-height:1.55;letter-spacing:.035em;white-space:pre-line}.interaction-guide{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-height:42px;margin:8px -4px 4px;padding:7px 9px;border:1px solid rgba(228,203,148,.32);border-radius:6px;background:#bc914617}.guide-gesture{min-width:58px;padding:5px 7px;border-radius:4px;color:#16231b;background:#d9bd7f;text-align:center;font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:700;white-space:nowrap}.guide-copy{color:#f3e6c8;font-family:system-ui,-apple-system,PingFang SC,sans-serif;font-size:13px;font-weight:500;line-height:1.35}.subtitle-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;margin-top:4px}.hint-copy{overflow:hidden;color:#adbaa9;font-size:12px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.assist-button{display:none;flex:0 0 auto;min-width:44px;min-height:44px;padding:8px 14px;border-color:#cdb58140;font-size:12px;background:transparent}.assist-button.is-visible{display:block}.is-guided{outline:2px solid rgba(246,211,137,.88)!important;outline-offset:6px;animation:target-pulse 1.45s ease-in-out infinite!important}.memory-scenery,.memory-prop,.memory-pin,.fountain-curtain{position:absolute;user-select:none;pointer-events:none}.memory-scenery,.memory-prop,.fountain-curtain,.memory-pin img,.guava-lantern,.piano-memory{filter:saturate(.78) sepia(.1) contrast(.92)}.resume-card,.intro-gate{position:absolute;z-index:50;inset:0;display:grid;place-items:center;padding:26px;text-align:center;background:#020705d1;backdrop-filter:blur(18px)}.gate-inner{width:min(100%,430px);padding:34px 25px;border:1px solid rgba(215,183,119,.32);background:#08140fc7;box-shadow:0 28px 80px #00000073}.gate-kicker{color:#ba985a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.28em}.gate-title{margin:13px 0 8px;color:#f0e4ca;font-size:clamp(24px,7vw,36px);font-weight:400}.gate-copy{margin:0 0 24px;color:#aeb9ae;font-size:14px;line-height:1.8}.gate-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ticket-scene{background:radial-gradient(circle at 50% 43%,rgba(179,142,69,.2),transparent 42%),linear-gradient(180deg,#07130f,#020503)}.ticket{position:relative;width:min(74%,390px);aspect-ratio:1.73;padding:9% 8%;color:#153226;text-align:center;background:radial-gradient(circle at 0 50%,transparent 0 8px,#cdbd8f 9px),radial-gradient(circle at 100% 50%,transparent 0 8px,#cdbd8f 9px),repeating-linear-gradient(115deg,rgba(255,255,255,.07) 0 1px,transparent 1px 5px),#cdbd8f;border:1px solid #f3e7c3;box-shadow:0 28px 65px #00000080,inset 0 0 0 8px #2b483817;transform:rotate(-3deg) translate3d(var(--ticket-x, 0),var(--ticket-y, 0),35px);transition:transform .16s ease;cursor:grab}.ticket.is-dragging{transition:none;cursor:grabbing}.ticket:after{content:"";position:absolute;inset:9px;border:1px solid rgba(30,72,52,.42);pointer-events:none}.ticket-title{font-size:clamp(16px,5vw,28px);letter-spacing:.12em}.ticket-admit,.ticket-seat{margin-top:7px;font:9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.24em}.ticket-name{margin:8px 0 4px;font-size:clamp(23px,7vw,42px);letter-spacing:.12em}.ticket-slot{position:absolute;right:3%;width:6px;height:46%;border-radius:99px;background:#000;box-shadow:0 0 22px #ddc07f8c}.otter{position:absolute;z-index:4;right:12%;bottom:9%;width:72px;height:112px;filter:drop-shadow(0 10px 10px rgba(0,0,0,.34))}.otter-body,.otter-head,.otter-ear{position:absolute;background:#79644d;border:1px dashed rgba(246,225,181,.32)}.otter-body{bottom:0;left:14px;width:44px;height:68px;border-radius:50% 50% 34% 34%}.otter-head{top:8px;left:10px;width:53px;height:48px;border-radius:48% 48% 45% 45%}.otter-head:before,.otter-head:after{content:"";position:absolute;top:18px;width:5px;height:6px;border-radius:50%;background:#11100e}.otter-head:before{left:13px}.otter-head:after{right:13px}.otter-ear{top:3px;width:18px;height:18px;border-radius:50%}.otter-ear.one{left:6px}.otter-ear.two{right:5px}.otter-muzzle{position:absolute;z-index:2;top:30px;left:26px;width:22px;height:15px;border-radius:50%;background:#c4ad89}.otter-muzzle:after{content:"";position:absolute;top:2px;left:8px;width:6px;height:5px;border-radius:50%;background:#281d16}.otter-belt{position:absolute;z-index:3;bottom:35px;left:12px;width:48px;height:7px;background:#2c3228;border:1px solid #aa8b51}.otter-sword{position:absolute;z-index:4;right:2px;bottom:5px;width:5px;height:70px;border-radius:4px;background:linear-gradient(90deg,#6c4d28,#d4b16b,#5d411f);transform:rotate(12deg);transform-origin:bottom}.red-door-scene{background:linear-gradient(90deg,transparent 49.4%,rgba(208,178,107,.25) 50%,transparent 50.6%),radial-gradient(circle at 50% 52%,#3e1719,#090908 68%)}.rome-scenery{z-index:0;top:19%;left:7%;width:86%;height:57%;object-fit:cover;opacity:.38;mix-blend-mode:luminosity;mask-image:linear-gradient(90deg,transparent,#000 14% 86%,transparent)}.rehearsal-line{position:absolute;bottom:3%;left:50%;width:4px;height:55%;background:linear-gradient(transparent,#cfa556);transform:rotateX(64deg);transform-origin:bottom;box-shadow:0 0 8px #a67a31}.red-door{position:relative;width:34%;max-width:175px;height:55%;max-height:370px;min-height:210px;border:8px solid #2e1514;border-top-left-radius:48% 17%;border-top-right-radius:48% 17%;color:transparent;background:radial-gradient(circle at 80% 53%,#deb870 0 3px,transparent 4px),repeating-linear-gradient(90deg,#ffffff06 0 22px,#00000012 23px 25px),#6f212a;box-shadow:0 18px 26px #0000006b,inset 0 0 30px #0000004d;cursor:pointer}.red-door.is-looping{animation:door-loop .9s cubic-bezier(.7,0,.3,1)}.blue-seam{position:absolute;z-index:5;left:9%;top:26%;width:44px;height:49%;border:0;background:transparent;cursor:pointer}.blue-seam:after{content:"";position:absolute;top:0;left:19px;width:2px;height:100%;background:#5ecce6;box-shadow:0 0 7px #5ecce6,0 0 23px #459fc3;opacity:.15;transition:opacity .5s ease,box-shadow .5s ease}.blue-seam.is-visible:after,.blue-seam:hover:after,.blue-seam:focus-visible:after{opacity:1;box-shadow:0 0 8px #84e5f5,0 0 38px #3aadd6}.banquet-scene{background:radial-gradient(ellipse at 50% 30%,rgba(240,186,88,.28),transparent 38%),linear-gradient(#36141a,#090708 76%)}.qipao-tapestry{z-index:0;top:12%;right:1%;width:38%;height:64%;object-fit:cover;object-position:54% center;opacity:.32;mix-blend-mode:screen;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}.panda-program{z-index:4;left:7%;bottom:18%;width:62px;height:82px;object-fit:cover;object-position:center 28%;border:3px solid #bfa66e;opacity:.88;transform:rotate(-6deg);box-shadow:0 8px 18px #00000059}.banquet-count{position:absolute;top:14%;padding:7px 12px;border:1px solid rgba(223,190,121,.36);color:#e7cc92;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;background:#1208098f}.guest-field{position:absolute;inset:23% 4% 26%;background-image:radial-gradient(ellipse,#ded3b9 0 22%,transparent 24%);background-size:8.33% 23%;mask-image:linear-gradient(90deg,#000000e6,#0003 47% 53%,#000000e6);opacity:.72}.banquet-table{position:absolute;bottom:16%;width:82%;height:21%;border-radius:50%;background:repeating-linear-gradient(90deg,transparent 0 7%,rgba(255,255,255,.12) 7.2% 7.6%),linear-gradient(#c5ad81,#6b3d35);transform:rotateX(63deg);box-shadow:0 12px 24px #000}.mask-prop{position:absolute;z-index:4;left:50%;top:42%;width:110px;height:75px;margin-left:-55px;border:1px solid #fff7dc;border-radius:48% 48% 43% 43%;color:transparent;background:radial-gradient(ellipse at 30% 45%,#1d1515 0 8%,transparent 9%),radial-gradient(ellipse at 70% 45%,#1d1515 0 8%,transparent 9%),linear-gradient(#f1ead6,#bfb49c);box-shadow:0 10px 25px #00000061;transform:translate(var(--mask-x, 0),var(--mask-y, 0));cursor:grab}.banquet-choices{position:absolute;z-index:4;bottom:5%;left:50%;width:100%;display:flex;justify-content:center;gap:8px;transform:translate(-50%)}.banquet-choices .choice-button{width:auto;min-height:42px;padding:7px 12px;font-size:11px}.candy-scene{background:linear-gradient(100deg,transparent 0 48%,rgba(255,255,255,.045) 48% 49%,transparent 49%),linear-gradient(#0e2018,#060b09)}.backstage-crates{position:absolute;inset:24% 6% 7%;background:linear-gradient(90deg,transparent 60%,rgba(143,103,57,.23) 60% 61%,transparent 61%),repeating-linear-gradient(0deg,#352318 0 2px,transparent 2px 54px),repeating-linear-gradient(90deg,transparent 0 74px,rgba(122,86,49,.4) 75px 78px);opacity:.72}.memory-pin{z-index:3;top:23%;left:11%;width:112px;margin:0;padding:7px 7px 18px;color:#3e3428;background:#d4c59d;box-shadow:0 10px 20px #00000059;transform:rotate(-5deg)}.memory-pin:before{content:"";position:absolute;top:-9px;left:42%;width:30px;height:17px;background:#cdb67cbf;transform:rotate(3deg)}.memory-pin img{display:block;width:100%;height:90px;object-fit:cover}.memory-pin figcaption{position:absolute;inset:auto 0 3px;text-align:center;font:7px ui-monospace,monospace;letter-spacing:.12em}.candy{position:relative;z-index:5;width:70px;height:44px;border:0;color:transparent;background:#c24f66;clip-path:polygon(0 18%,19% 26%,25% 0,76% 0,82% 27%,100% 15%,89% 50%,100% 85%,81% 72%,75% 100%,25% 100%,19% 74%,0 84%,10% 50%);filter:drop-shadow(0 9px 8px rgba(0,0,0,.32));cursor:pointer}.candy:after{content:"STRAWBERRY";position:absolute;inset:0;display:grid;place-items:center;color:#ffe0df;font:7px ui-monospace,monospace;letter-spacing:.1em}.candy-actions{position:absolute;bottom:8%;display:flex;gap:9px}.garden-scene{background:radial-gradient(circle at 20% 28%,#f1b7bf 0 2px,transparent 3px),radial-gradient(circle at 72% 37%,#f1b7bf 0 3px,transparent 4px),radial-gradient(circle at 46% 22%,#f1b7bf 0 2px,transparent 3px),linear-gradient(#74acb6,#b8ceb8 45%,#183d2e);background-size:52px 61px,71px 83px,89px 73px,auto}.garden-world{position:absolute;inset:10% 8% 8%;transform:rotate(var(--garden-angle, 0deg));transition:transform .12s linear}.garden-branch{position:absolute;top:8%;left:53%;width:12px;height:75%;border-radius:50%;background:#405832;transform:rotate(48deg);box-shadow:0 0 0 3px #354c2f2e}.garden-branch:before,.garden-branch:after{content:"";position:absolute;width:8px;height:48%;border-radius:50%;background:inherit;transform-origin:bottom}.garden-branch:before{left:1px;top:12%;transform:rotate(-45deg)}.garden-branch:after{right:1px;bottom:10%;transform:rotate(51deg)}.paper-bird{position:absolute;top:20%;right:15%;width:74px;height:54px;background:#f3ede0;clip-path:polygon(0 48%,44% 34%,66% 0,63% 37%,100% 56%,62% 51%,46% 100%,41% 54%);filter:drop-shadow(0 8px 4px rgba(0,0,0,.2));animation:bird-float 3s ease-in-out infinite}.garden-lights{position:absolute;left:4%;bottom:9%;width:48%;height:42%;background-image:radial-gradient(circle,#f6d47f 0 3px,transparent 4px);background-size:23px 25px;filter:drop-shadow(0 0 5px #f4c35a)}.guava-lantern{position:absolute;right:3%;bottom:4%;width:74px;height:74px;object-fit:cover;border:4px solid rgba(237,214,165,.82);border-radius:50%;box-shadow:0 0 28px #f08282ad;transform:rotate(-18deg)}.stage-ring{position:absolute;z-index:6;width:min(75vw,350px);aspect-ratio:1;border:9px double rgba(196,150,71,.85);border-radius:50%;color:transparent;background:transparent;box-shadow:0 0 0 2px #1e403075,inset 0 0 25px #0000001a;cursor:grab}.stage-ring:after{content:"";position:absolute;top:-17px;left:50%;width:18px;height:18px;border-radius:3px;background:#d7af66;transform:translate(-50%) rotate(45deg)}.false-left{position:absolute;z-index:7;left:9%;bottom:14%;width:70px;height:48px;border:0;color:#f4e2b6;background:transparent;font-size:12px;cursor:pointer}.sea-scene{background:linear-gradient(90deg,transparent 0 20%,rgba(218,231,219,.16) 20% 21%,transparent 21% 78%,rgba(218,231,219,.14) 78% 79%,transparent 79%),linear-gradient(#d0d5c8 0 47%,#2b7788 48% 100%)}.fountain-curtain{z-index:1;top:14%;left:0;width:100%;height:36%;object-fit:cover;opacity:.66;mix-blend-mode:screen;mask-image:linear-gradient(180deg,transparent,#000 16% 76%,transparent)}.water-level{position:absolute;z-index:2;inset:52% 0 0;background:repeating-radial-gradient(ellipse at 30% 0,rgba(255,255,255,.2) 0 2px,transparent 3px 22px),linear-gradient(#3c9bb099,#052b3de0);backdrop-filter:blur(1px);transition:inset 1.2s ease;animation:water-breathe 4s ease-in-out infinite alternate}.sea-scene.water-rising .water-level{inset:28% 0 0}.script-book{position:relative;z-index:5;width:min(78%,380px);min-height:210px;padding:35px 22px 25px;border:5px solid #6d4e35;color:#2a2925;background:linear-gradient(90deg,#d7ccb0 49.5%,#8e8065,#e2d7bb 50.5%);box-shadow:0 22px 40px #0000006b;transform:perspective(600px) rotateX(16deg);transition:transform .6s ease,opacity .5s ease}.script-book:after{content:"";position:absolute;inset:0 50% 0 0;border-right:2px solid rgba(78,56,36,.5);background:#50331e14;transform-origin:right;transform:rotateY(var(--book-close, 0deg));transition:transform .12s linear;pointer-events:none}.book-title{margin-bottom:17px;text-align:center;font:10px ui-monospace,monospace;letter-spacing:.15em}.book-choice{display:block;width:100%;min-height:45px;margin:8px 0;border:1px solid rgba(64,48,35,.32);color:#2d2c27;background:#ffffff2e;font:13px Georgia,serif;cursor:pointer}.book-handle{position:absolute;z-index:9;inset:0;border:0;color:transparent;background:transparent;cursor:grab;pointer-events:none}.water-rising .book-handle{pointer-events:auto}.piano{position:relative;z-index:5;display:none;width:min(92%,470px);padding:24px 14px 18px;border:7px solid #171814;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 32%),#272822;box-shadow:0 24px 46px #00000070}.sea-scene.piano-phase .script-book{display:none}.sea-scene.piano-phase .piano{display:block;animation:piano-rise .7s cubic-bezier(.22,1,.36,1) both}.piano-caption{margin:0 0 17px;text-align:center;color:#d6caab;font:10px ui-monospace,monospace;letter-spacing:.16em}.piano-memory{display:block;width:100%;height:94px;margin-bottom:10px;object-fit:cover;object-position:center 58%;border:1px solid rgba(226,210,173,.28);opacity:.76}.piano-keys{display:flex;height:150px;overflow:hidden;border-radius:0 0 6px 6px}.piano-key{position:relative;flex:1;min-width:40px;border:1px solid #8d887d;border-radius:0 0 4px 4px;color:#4e4a40;background:linear-gradient(90deg,#d4d0c4,#fffdf2 65%,#bbb6aa);cursor:pointer}.piano-key:active,.piano-key.is-played{transform:translateY(5px);background:#d7c99e}.note-count{margin-top:12px;color:#cbb27d;text-align:center;font-size:12px;letter-spacing:.18em}.archive-scene{background:repeating-linear-gradient(90deg,transparent 0 17%,rgba(223,207,169,.06) 17.2% 17.5%),linear-gradient(#171911,#070906)}.archive-cabinets{position:absolute;inset:14% 6% 8%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;opacity:.7}.archive-drawer{position:relative;border:1px solid #5e5039;background:#29261d}.archive-drawer:after{content:"已接受";position:absolute;top:50%;left:50%;width:74%;padding:3px 0;color:#8d8063;border:1px solid #554b36;text-align:center;font:7px ui-monospace,monospace;transform:translate(-50%,-50%)}.archive-file{position:absolute;z-index:5;left:50%;bottom:12%;width:min(58%,270px);min-height:112px;padding:20px;border:0;color:#3c3528;background:#c9ba91;box-shadow:7px 8px #8e7951,14px 16px #59482f;transform:translate(-50%) rotate(-2deg);cursor:pointer}.archive-file strong{display:block;margin:8px 0;font-size:20px;font-weight:400}.mirror{position:absolute;z-index:9;top:14%;left:50%;width:min(62%,270px);aspect-ratio:3 / 2;overflow:hidden;border:9px solid #8b6b38;border-radius:48% 48% 4px 4px/18% 18% 4px 4px;opacity:0;transform:translate(-50%) scale(.88);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none;background:radial-gradient(circle at 50% 35%,#65726d,#121715);box-shadow:0 0 0 5px #e7c7831f,0 0 38px #ddbf7947}.mirror.is-ready{opacity:1;transform:translate(-50%) scale(1);pointer-events:auto;cursor:pointer}.mirror-photo{width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.78) contrast(.92);transition:opacity .42s ease}.mirror.is-revealed .mirror-photo{opacity:1}.mirror-name{position:absolute;inset:auto 0 8px;color:#f5e9ca;text-align:center;font:11px ui-monospace,monospace;letter-spacing:.25em;text-shadow:0 2px 9px #000}.final-scene{background:radial-gradient(circle at 50% 45%,rgba(245,217,147,.3) 0 18%,transparent 35%),linear-gradient(#4e1720,#110809)}.lock-scenery{z-index:1;top:17%;left:4%;width:92%;height:34%;object-fit:cover;opacity:.34;mix-blend-mode:luminosity;mask-image:radial-gradient(ellipse,#000 25%,transparent 72%)}.paper-audience{position:absolute;inset:56% 3% 7%;opacity:.8;background-image:radial-gradient(ellipse,#d7ccb0 0 26%,transparent 28%);background-size:9% 36%}.spotlight{position:absolute;z-index:6;top:10%;left:calc(50% - 110px);width:220px;height:67%;border:0;color:transparent;background:conic-gradient(from 166deg at 50% 0,transparent 0 14deg,rgba(255,231,173,.44) 15deg 28deg,transparent 29deg);filter:blur(2px) drop-shadow(0 0 18px rgba(245,216,147,.3));transform:translate(var(--spot-x, 0));cursor:grab}.final-choices{position:absolute;z-index:8;top:53%;left:50%;width:92%;display:grid;justify-items:center;gap:8px;transform:translate(-50%)}.rope-rig{position:absolute;z-index:7;inset:6% 8% 8%;display:none;justify-content:space-around}.final-scene.rope-phase .rope-rig{display:flex}.final-scene.rope-phase .final-choices{display:none}.rope{position:relative;width:62px;height:80%;border:0;color:#e2ca94;background:transparent;font:10px/1.2 ui-monospace,monospace;letter-spacing:.12em;writing-mode:vertical-rl;cursor:pointer}.rope:before{content:"";position:absolute;top:0;left:30px;width:4px;height:100%;border-radius:4px;background:repeating-linear-gradient(0deg,#b08e56 0 5px,#70552f 6px 9px);box-shadow:0 0 6px #0009}.rope:after{content:"长按";position:absolute;bottom:0;left:8px;padding:8px 6px;color:#241d12;border-radius:3px;background:#c6ad78;writing-mode:horizontal-tb}.rope.is-cut{opacity:.28;transform:translateY(38%);transition:.8s cubic-bezier(.5,0,1,1);pointer-events:none}.hold-meter{position:absolute;z-index:10;bottom:5%;left:50%;width:130px;height:3px;background:#ffffff26;transform:translate(-50%)}.hold-meter:after{content:"";display:block;width:var(--hold-progress, 0%);height:100%;background:#f1cf83;transition:width 80ms linear}.paper-moon{position:absolute;z-index:9;top:12%;left:50%;display:none;width:105px;aspect-ratio:1;border:1px dashed #aa966b;border-radius:50%;color:transparent;background:#dfd4b9;box-shadow:0 0 30px #f1deb166;transform:translate(-50%,var(--moon-y, 0));cursor:grab}.final-scene.moon-phase .rope-rig,.final-scene.moon-phase .spotlight{display:none}.final-scene.moon-phase .paper-moon{display:block}.exit-road{position:absolute;z-index:8;bottom:-7%;left:50%;display:none;width:25%;height:74%;border:0;color:transparent;background:linear-gradient(90deg,transparent,rgba(226,210,170,.65),transparent);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);cursor:pointer}.final-scene.road-phase{background:linear-gradient(#99bbc0 0 48%,#365a47 73%,#122319)}.final-scene.road-phase .paper-moon{opacity:0}.final-scene.road-phase .exit-road{display:block}.coast-scene{background-color:#709ba0;background-image:linear-gradient(180deg,#4f89971f,#091c166b),url(/assets/photos/coast-capri.webp);background-position:center;background-size:cover}.coast-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,231,178,.09),transparent 45%,rgba(5,17,13,.34));pointer-events:none}.coast-path{position:absolute;z-index:7;bottom:-3%;left:48%;width:39%;height:78%;border:0;color:transparent;background:transparent;cursor:pointer}.footstep{position:absolute;z-index:8;left:calc(45% + var(--step-offset, 0%));bottom:calc(8% + var(--step-index, 0) * 8%);width:10px;height:18px;border-radius:50%;background:#f2e0b5c7;transform:rotate(20deg);box-shadow:0 0 12px #f6dea1b3;animation:footprint .8s ease both}.coast-sign{position:absolute;z-index:9;right:7%;top:16%;max-width:180px;padding:13px 11px;border:4px solid #806333;color:#25382c;background:#c9b883;box-shadow:0 10px 20px #0000004d;transform:rotate(2deg);opacity:0;transition:opacity .8s ease}.coast-scene.steps-complete .coast-sign{opacity:1}.coast-sign strong,.coast-sign span{display:block;text-align:center}.coast-sign strong{font-size:13px;letter-spacing:.1em}.coast-sign span{margin-top:6px;font:8px/1.5 ui-monospace,monospace;letter-spacing:.1em}.note-scene{background:radial-gradient(circle at 50% 34%,rgba(183,151,83,.23),transparent 42%),linear-gradient(#0a1813,#030604)}.final-playbill{position:relative;z-index:7;width:min(84%,410px);max-height:82%;overflow:auto;padding:clamp(26px,7vw,45px) clamp(22px,7vw,46px);color:#263629;text-align:center;background:repeating-linear-gradient(0deg,rgba(52,70,55,.035) 0 1px,transparent 1px 5px),#d8caa4;box-shadow:0 24px 60px #0000007a,inset 0 0 45px #533b1e1f}.playbill-kicker{font:9px ui-monospace,monospace;letter-spacing:.25em}.playbill-title{margin:9px 0 3px;font-size:clamp(20px,6vw,30px);font-weight:400}.playbill-date{margin:6px 0 24px;color:#6a5530;font:11px ui-monospace,monospace;letter-spacing:.24em}.final-note-copy{margin:0;font-size:clamp(16px,4.6vw,20px);line-height:1.95;white-space:pre-line}.note-signature{margin:14px 0 23px;color:#6d5631;font-size:15px}.note-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.note-actions .quiet-action{color:#3a493d;border-color:#2d413259;background:#ffffff29}.privacy-note{margin:18px 0 0;color:#324437a6;font-size:10px;line-height:1.5}.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{50%{opacity:.48;transform:translate(-50%) translateY(2px)}}@keyframes door-loop{0%,to{transform:none}40%{transform:perspective(300px) rotateY(-58deg)}65%{transform:perspective(300px) rotateY(-58deg) translateZ(-35px)}}@keyframes bird-float{50%{transform:translateY(-8px) rotate(3deg)}}@keyframes water-breathe{to{transform:translateY(7px)}}@keyframes piano-rise{0%{opacity:0;transform:translateY(55px)}}@keyframes footprint{0%{opacity:0;transform:scale(1.8) rotate(20deg)}}@keyframes target-pulse{0%,to{outline-color:#f6d38957}50%{outline-color:#ffe8b1;outline-offset:10px}}@media(orientation:landscape)and (min-width:700px){.scene-viewport{grid-template-columns:minmax(0,1fr) 390px;grid-template-rows:minmax(0,1fr);gap:20px;align-items:center;padding-bottom:12px}.stage-shell{width:100%;max-height:calc(var(--app-height) - 84px)}.subtitle-panel{width:100%;min-height:150px;margin:auto 0 7vh;padding:20px}.subtitle-copy{font-size:18px}.coast-scene{background-size:cover}}@media(max-height:720px){.topbar{height:48px}.scene-viewport{height:calc(100% - 48px)}.subtitle-panel{min-height:136px;padding-block:9px}.subtitle-copy{min-height:40px;font-size:15px;line-height:1.45}.interaction-guide{min-height:36px;margin-block:5px 2px;padding-block:5px}.piano-memory{height:58px}.piano-keys{height:88px}.final-playbill{padding-block:22px}.final-note-copy{line-height:1.7}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}