:root{color:#fff4d0;background:#1b0504;font-family:PingFang SC,Noto Sans CJK SC,Microsoft YaHei,system-ui,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}body{overflow-x:hidden}.app-shell{position:relative;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(197,66,31,.22),transparent 42%),linear-gradient(180deg,#2b0806,#100303 70%)}.screen{position:relative;display:flex;min-height:100vh;min-height:100dvh;padding:max(28px,env(safe-area-inset-top)) 22px max(28px,env(safe-area-inset-bottom));overflow:hidden auto;background-color:#1f0504;background-position:center;background-size:cover}.sound-toggle,.back-button{position:fixed;z-index:20;top:max(14px,env(safe-area-inset-top));border:1px solid rgba(252,218,145,.32);border-radius:999px;padding:8px 12px;color:#ffe6a7;background:#1c06059e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.back-button{right:14px}.sound-toggle{left:14px;opacity:.84}.sound-toggle.active{background:#892118d1}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.08) 50%,transparent 52%),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);mix-blend-mode:screen}.historical-particles{position:fixed;z-index:2;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.historical-particles span{position:absolute;left:50%;bottom:-30px;width:5px;height:18px;border-radius:999px;opacity:0;background:radial-gradient(circle at 50% 20%,#ffe8a8,#d63a20 42%,transparent 72%);filter:blur(.2px);transform-origin:center bottom;animation:emberFloat 7s linear infinite}.particles-cover span,.particles-loading span,.particles-prologue span,.particles-letter span{background:radial-gradient(circle at 50% 20%,#ffe7b0,#b44b25 46%,transparent 74%)}.particles-branch span,.particles-wall span,.particles-rules span{background:radial-gradient(circle at 50% 20%,#fff1bc,#aa2117 42%,transparent 74%)}.historical-particles span:nth-child(1){left:6%;animation-delay:0s;animation-duration:6.2s}.historical-particles span:nth-child(2){left:12%;animation-delay:2.1s;animation-duration:8.4s}.historical-particles span:nth-child(3){left:18%;animation-delay:4.1s;animation-duration:7.2s}.historical-particles span:nth-child(4){left:24%;animation-delay:1.2s;animation-duration:9s}.historical-particles span:nth-child(5){left:30%;animation-delay:3.6s;animation-duration:6.7s}.historical-particles span:nth-child(6){left:36%;animation-delay:5.2s;animation-duration:8.8s}.historical-particles span:nth-child(7){left:42%;animation-delay:.7s;animation-duration:7.6s}.historical-particles span:nth-child(8){left:48%;animation-delay:2.8s;animation-duration:8.2s}.historical-particles span:nth-child(9){left:54%;animation-delay:4.8s;animation-duration:7.4s}.historical-particles span:nth-child(10){left:60%;animation-delay:1.8s;animation-duration:9.2s}.historical-particles span:nth-child(11){left:66%;animation-delay:3.2s;animation-duration:6.9s}.historical-particles span:nth-child(12){left:72%;animation-delay:5.7s;animation-duration:8.6s}.historical-particles span:nth-child(13){left:78%;animation-delay:.4s;animation-duration:7.8s}.historical-particles span:nth-child(14){left:84%;animation-delay:2.4s;animation-duration:9.4s}.historical-particles span:nth-child(15){left:90%;animation-delay:4.4s;animation-duration:7.1s}.historical-particles span:nth-child(16){left:96%;animation-delay:1.4s;animation-duration:8.1s}.historical-particles span:nth-child(n+17){width:3px;height:3px;background:#f8d27a;box-shadow:0 0 12px #f8d27a}.transition-warp{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,220,135,.2),transparent 18%),linear-gradient(90deg,#290505eb,#7e160fc7,#120202f0)}.transition-warp:before,.transition-warp:after,.transition-warp i{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;border-radius:50%;border:1px solid rgba(255,221,139,.22);transform:scale(.2);animation:tunnelRing 1.45s ease-out both}.transition-warp:after{animation-delay:.12s}.transition-warp i:nth-child(1){animation-delay:.24s}.transition-warp i:nth-child(2){animation-delay:.36s}.transition-warp i:nth-child(3){animation-delay:.58s}.transition-tunnel{background:radial-gradient(circle at 50% 50%,rgba(255,232,162,.26),transparent 14%),conic-gradient(from 90deg,rgba(255,214,122,.18),transparent 18%,rgba(130,23,16,.58),transparent 62%,rgba(255,232,162,.2)),linear-gradient(90deg,#190404f5,#66130de0,#0c0202fa)}.transition-tunnel:before,.transition-tunnel:after,.transition-tunnel i{border-radius:18%;border-color:#ffe49a47;box-shadow:0 0 32px #ffbc472e}.transition-paper{background:linear-gradient(135deg,#ffe8b0eb,#5b1a0de0),repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 2px,transparent 2px 12px)}.transition-spark{background:radial-gradient(circle at 50% 50%,rgba(255,231,158,.42),transparent 20%),linear-gradient(130deg,#500907eb,#0f0202f5)}.time-warp-enter-active,.time-warp-leave-active{transition:opacity .32s ease}.time-warp-enter-from,.time-warp-leave-to{opacity:0}.eyebrow{margin:0 0 12px;color:#f5c86f;letter-spacing:.18em;font-size:13px;text-transform:uppercase}.primary-button,.ghost-button{border:0;border-radius:999px;padding:14px 22px;font-weight:800;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.primary-button{color:#3a120a;background:linear-gradient(135deg,#ffe2a1,#e6a637 55%,#fff0bf);box-shadow:0 14px 34px #ea9c2447}.ghost-button{color:#ffe4a0;background:#ffe8aa14;border:1px solid rgba(255,232,170,.34)}.primary-button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.primary-button:not(:disabled):active,.ghost-button:active,.branch-card:active{transform:scale(.98)}.cover-screen{align-items:center;justify-content:space-between;flex-direction:column;text-align:center}.cover-screen:after,.branch-screen:before,.wall-screen:before,.final-screen:before{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(255,209,112,.18),transparent 16%),radial-gradient(circle at 80% 34%,rgba(183,42,29,.22),transparent 19%),linear-gradient(115deg,transparent 32%,rgba(255,229,155,.12) 45%,transparent 58%);mix-blend-mode:screen;animation:ambientShift 9s ease-in-out infinite alternate}.cover-copy{z-index:1;width:min(100%,420px);margin-top:7vh}.cover-copy h1{margin:0;color:#ffe6a8;font-family:STSong,Songti SC,serif;font-size:clamp(46px,13vw,68px);line-height:1.08;text-shadow:0 8px 32px rgba(70,0,0,.75)}.subtitle{margin:20px 0 8px;color:#fff2c9;font-size:22px}.date-line{color:#ffecbebf}.envelope-button{z-index:1;display:grid;justify-items:center;gap:10px;width:min(86vw,390px);margin-bottom:6vh;border:1px solid rgba(255,221,139,.42);border-radius:28px;padding:18px 18px 20px;color:#ffe8b1;background:linear-gradient(135deg,#701710b8,#2a0705b8),radial-gradient(circle at 50% 0%,rgba(255,216,123,.22),transparent 62%);box-shadow:0 20px 60px #00000061,inset 0 0 28px #ffd97c14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:breathe 2.4s ease-in-out infinite}.envelope-button strong{color:#fff0be;font-size:26px;letter-spacing:.12em}.envelope-button small{color:#ffecb9b8;line-height:1.45}.envelope-button span{display:inline-flex;border-radius:999px;padding:13px 24px;color:#451409;background:linear-gradient(135deg,#ffe7ac,#dc9c30);box-shadow:0 0 28px #ffbc484d;font-weight:900}.ambient-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.ambient-stars span{position:absolute;width:4px;height:4px;border-radius:50%;background:#f8d27a;box-shadow:0 0 16px #f8d27a;opacity:0;animation:starRise 6s linear infinite}.ambient-stars span:nth-child(1){left:8%;top:86%;animation-delay:0s}.ambient-stars span:nth-child(2){left:18%;top:76%;animation-delay:1.1s}.ambient-stars span:nth-child(3){left:29%;top:91%;animation-delay:2.2s}.ambient-stars span:nth-child(4){left:42%;top:82%;animation-delay:.7s}.ambient-stars span:nth-child(5){left:52%;top:88%;animation-delay:1.9s}.ambient-stars span:nth-child(6){left:63%;top:79%;animation-delay:2.9s}.ambient-stars span:nth-child(7){left:74%;top:94%;animation-delay:.4s}.ambient-stars span:nth-child(8){left:86%;top:84%;animation-delay:2.6s}.ambient-stars span:nth-child(9){left:12%;top:62%;animation-delay:3.1s}.ambient-stars span:nth-child(10){left:34%;top:68%;animation-delay:4.2s}.ambient-stars span:nth-child(11){left:58%;top:65%;animation-delay:3.6s}.ambient-stars span:nth-child(12){left:82%;top:67%;animation-delay:4.8s}.ambient-stars span:nth-child(13){left:23%;top:48%;animation-delay:5.4s}.ambient-stars span:nth-child(14){left:47%;top:52%;animation-delay:4.9s}.ambient-stars span:nth-child(15){left:71%;top:45%;animation-delay:5.9s}.ambient-stars span:nth-child(16){left:92%;top:54%;animation-delay:1.4s}.ambient-stars span:nth-child(17){left:5%;top:42%;animation-delay:2.8s}.ambient-stars span:nth-child(18){left:54%;top:38%;animation-delay:.9s}.light-sweep{position:absolute;top:-20%;right:-60%;bottom:-20%;left:-60%;pointer-events:none;background:linear-gradient(110deg,transparent 42%,rgba(255,234,171,.12) 50%,transparent 58%);transform:translate(-35%);animation:lightSweep 7s ease-in-out infinite}.loading-screen{align-items:center;justify-content:center;flex-direction:column;gap:22px;text-align:center}.badge{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 0 28px rgba(255,199,94,.42))}.progress-ring{--progress: 0%;display:grid;place-items:center;width:176px;height:176px;border-radius:50%;background:conic-gradient(#f3bd58 var(--progress),rgba(255,255,255,.14) 0);box-shadow:0 0 42px #ffc75e47}.progress-ring span{display:grid;place-items:center;width:136px;height:136px;border-radius:50%;background:#260705;box-shadow:inset 0 0 28px #ffd37024}.progress-ring img{width:94px;height:94px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,210,112,.45))}.loading-lines p{margin:7px 0;animation:riseIn .8s ease both}.prologue-screen{align-items:flex-end;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(244,180,74,.22),transparent 28%),linear-gradient(135deg,#4a2517,#140504)}.prologue-bg-screen{background-position:center center;background-size:contain;background-repeat:no-repeat;background-color:#250806}.prologue-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,210,122,.18),transparent 22%),linear-gradient(160deg,transparent 20%,rgba(255,234,188,.08),transparent 58%);animation:pulseGlow 3.6s ease-in-out infinite}.desk{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 12px),linear-gradient(135deg,#6b3d21,#1d0805)}.prologue-bg-screen .desk{opacity:0}.prologue-card{position:relative;z-index:1;width:min(100%,430px);margin-bottom:6.4vh;display:grid;justify-items:center;gap:12px}.prologue-open-button{border:1px solid rgba(255,224,154,.48);border-radius:999px;padding:15px 28px;color:#43140b;background:linear-gradient(135deg,#ffe8a9,#d99a31);box-shadow:0 18px 42px #0000005c,0 0 34px #ffc65638;font-weight:900;letter-spacing:.04em;animation:breathe 2.4s ease-in-out infinite}.prologue-card small{display:inline-flex;border-radius:999px;padding:8px 14px;color:#ffeecad1;background:#2708057a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.letter-object{position:relative;display:block;width:100%;border:0;padding:0;background:transparent;animation:floaty 3s ease-in-out infinite}.generated-letter{border-radius:30px;overflow:hidden;box-shadow:0 28px 72px #00000080,0 0 42px #ffbf5229}.generated-letter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 52%,rgba(255,221,131,.16),transparent 34%),linear-gradient(180deg,transparent 58%,rgba(35,6,4,.2));mix-blend-mode:screen;animation:pulseGlow 2.8s ease-in-out infinite}.generated-letter img{display:block;width:100%;aspect-ratio:9 / 12.6;object-fit:cover}.css-letter{position:relative;height:clamp(210px,52vw,300px);border-radius:26px;overflow:hidden;background:linear-gradient(145deg,#ffe8b1f5,#c78e47eb),repeating-linear-gradient(0deg,rgba(112,47,22,.08) 0 1px,transparent 1px 10px);box-shadow:0 30px 72px #0000007a,inset 0 0 0 1px #ffffff47,inset 0 -24px 42px #581e0c29}.css-letter:before,.css-letter:after,.letter-flap{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.css-letter:before{clip-path:polygon(0 0,50% 56%,100% 0);background:linear-gradient(180deg,#fff5cedb,#a0562b3d);transform-origin:top;animation:letterPeek 3.2s ease-in-out infinite}.css-letter:after{clip-path:polygon(0 100%,50% 44%,100% 100%);background:linear-gradient(0deg,#6f261133,#ffebb347)}.letter-flap{clip-path:polygon(0 0,50% 56%,100% 0,100% 14%,50% 68%,0 14%);border-top:1px solid rgba(98,34,18,.15)}.letter-glow{position:absolute;top:24%;right:18%;bottom:24%;left:18%;border-radius:50%;background:#ffdc7f42;filter:blur(22px);animation:pulseGlow 2.4s ease-in-out infinite}.letter-line{position:absolute;left:50%;top:34%;z-index:1;width:80%;transform:translate(-50%) rotate(-2deg);color:#6e2113;font-family:STKaiti,Kaiti SC,serif;font-size:clamp(21px,6vw,31px);font-weight:900;letter-spacing:.08em}.wax-seal{position:absolute;left:50%;top:54%;width:58px;height:58px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#b63a24,#66140f);box-shadow:inset 0 3px 12px #ffd68f4d,0 0 24px #ffa54466}.paper-flakes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.paper-flakes i{position:absolute;width:22px;height:12px;border-radius:3px;background:#ffe4b080;filter:blur(.2px);animation:paperFloat 9s linear infinite}.paper-flakes i:nth-child(1){left:8%;top:-8%;animation-delay:0s}.paper-flakes i:nth-child(2){left:18%;top:-14%;animation-delay:1.1s}.paper-flakes i:nth-child(3){left:26%;top:-6%;animation-delay:2.8s}.paper-flakes i:nth-child(4){left:39%;top:-18%;animation-delay:3.2s}.paper-flakes i:nth-child(5){left:49%;top:-12%;animation-delay:4.8s}.paper-flakes i:nth-child(6){left:61%;top:-10%;animation-delay:1.9s}.paper-flakes i:nth-child(7){left:74%;top:-16%;animation-delay:5.1s}.paper-flakes i:nth-child(8){left:88%;top:-9%;animation-delay:2.1s}.paper-flakes i:nth-child(9){left:11%;top:-20%;animation-delay:6.4s}.paper-flakes i:nth-child(10){left:55%;top:-22%;animation-delay:7.1s}.paper-flakes i:nth-child(11){left:79%;top:-24%;animation-delay:7.8s}.paper-flakes i:nth-child(12){left:32%;top:-25%;animation-delay:8.4s}.letter-screen{align-items:center;justify-content:center;color:#32140c}.ink-drift{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;background:radial-gradient(circle at 20% 40%,rgba(103,33,18,.18),transparent 10%),radial-gradient(circle at 80% 30%,rgba(141,40,24,.14),transparent 12%),radial-gradient(circle at 55% 78%,rgba(255,214,130,.14),transparent 14%);filter:blur(16px);animation:ambientShift 8s ease-in-out infinite alternate}.paper-panel{width:min(100%,460px);max-height:88vh;overflow:auto;scrollbar-width:none;border-radius:28px;padding:28px 22px;background:#ffefc6c7;box-shadow:0 20px 80px #00000052;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.paper-panel::-webkit-scrollbar{display:none}.paper-panel h2{margin:0 0 18px;font-family:STXingkai,Xingkai SC,STKaiti,Kaiti SC,serif}.typewriter p{margin:0 0 14px;font-family:STXingkai,Xingkai SC,STKaiti,Kaiti SC,serif;font-size:18px;line-height:1.72;letter-spacing:.03em;white-space:pre-line}.typewriter .emphasis{margin:18px 0;color:#8a1d12;font-size:26px;font-weight:900;text-align:center}.cursor{color:#8a1d12;animation:blink .8s step-end infinite}.letter-footer{display:grid;gap:16px;margin-top:12px;text-align:right;font-family:STXingkai,Xingkai SC,STKaiti,Kaiti SC,serif}.reply-screen{align-items:center;flex-direction:column;justify-content:center;gap:14px;background:linear-gradient(180deg,#1f050514,#1a0404 68%),radial-gradient(circle at 50% 18%,rgba(230,168,62,.2),transparent 32%),#260605}.question-screen{align-items:center;flex-direction:column;justify-content:center;gap:18px;text-align:center}.question-card{width:min(100%,450px);border:1px solid rgba(255,224,152,.2);border-radius:32px;padding:30px 24px;background:#190504b8;box-shadow:0 24px 76px #00000061;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.question-mark{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 18px;border-radius:50%;color:#4a140b;background:linear-gradient(135deg,#ffe8aa,#d9992c);font-size:44px;font-weight:900;box-shadow:0 0 34px #ffc75859}.question-card h2{margin:0 0 14px;color:#ffe2a0;font-family:STSong,Songti SC,serif;font-size:clamp(28px,7vw,38px);line-height:1.22}.question-card p{margin:0 0 22px;color:#ffefcac7;line-height:1.7}.story-link-button{display:flex;align-items:center;justify-content:center;width:min(84vw,360px);min-height:46px;border:1px solid rgba(255,224,152,.52);border-radius:999px;padding:0 18px;color:#ffe6aa;background:linear-gradient(180deg,#522312b8,#2d0f09c7);font-size:15px;font-weight:800;text-decoration:none;box-shadow:0 14px 34px #00000047,inset 0 0 18px #ffdd9714;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-link-button:active{transform:scale(.98)}.cityline{position:absolute;inset:auto 0 0;height:38vh;opacity:.24;background:linear-gradient(transparent 30%,#120202),url(./silhouettes/hongyan-museum.png) center bottom / 55% auto no-repeat}.section-head{position:relative;z-index:1;width:min(100%,460px);text-align:center}.section-head h2,.reply-title,.branch-overlay h2,.scroll-card h2,.letter-form h2,.draw-card h2,.final-copy h2{margin:0 0 12px;color:#ffe2a0;font-family:STSong,Songti SC,serif;font-size:clamp(30px,8vw,44px);line-height:1.16}.reply-title{white-space:nowrap;font-size:clamp(22px,6vw,30px)!important;letter-spacing:-.03em}.branch-cards{position:relative;z-index:1;display:grid;width:min(100%,460px);gap:14px}.branch-card{display:grid;grid-template-columns:54px 1fr;gap:6px 14px;border:1px solid rgba(255,225,150,.18);border-radius:22px;padding:15px;color:#fff2ca;text-align:left;background:linear-gradient(135deg,#7c2018c7,#2c0806d6);box-shadow:0 18px 42px #00000042;animation:riseIn .75s ease both}.branch-card:nth-child(2){animation-delay:.12s}.branch-card:nth-child(3){animation-delay:.24s}.branch-icon{grid-row:span 3;display:grid;place-items:center;width:48px;height:48px;border-radius:18px;color:#5a160d;background:linear-gradient(135deg,#ffe7aa,#d99b31);font-weight:900;position:relative;overflow:hidden}.branch-icon:before{font-size:25px;line-height:1}.icon-safety:before{content:"";width:26px;height:26px;border-radius:50%;border:3px solid #8f1d14;box-shadow:inset 0 0 0 5px #ffd77f,0 0 0 2px #8f1d143d}.icon-safety:after{content:"";position:absolute;left:50%;top:48%;width:22px;height:18px;border-left:4px solid #8f1d14;border-right:4px solid #8f1d14;border-radius:0 0 12px 12px;transform:translate(-50%)}.icon-education:before{content:"📖"}.icon-spirit:before{content:"❤";color:#9a1912}.branch-tip{position:relative;z-index:1;margin:2px 0 0;color:#ffecb9c7;font-family:STKaiti,Kaiti SC,serif;letter-spacing:.04em;text-align:center;font-size:15px}.branch-card strong{font-size:19px}.branch-card small{color:#fff4d5c2;line-height:1.55}.branch-card em{color:#f5c86f;font-style:normal;font-weight:800}.branch-screen{align-items:center;flex-direction:column;justify-content:center;gap:18px;padding-inline:16px}.branch-overlay{width:min(100%,480px);margin:0 auto;border:1px solid rgba(255,225,156,.16);border-radius:30px 30px 0 0;padding:26px 18px 30px;background:linear-gradient(180deg,#1e0404ad,#140303f0);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.branch-outside-button{position:relative;z-index:2;width:min(86vw,360px);text-align:center}.branch-overlay blockquote{margin:0 0 18px;color:#fff4cf;font-family:STKaiti,Kaiti SC,serif;font-size:20px;line-height:1.55}.video-reel{display:grid;gap:12px}.video-shell{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(255,225,150,.24);background:#050101}.video-shell video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.video-tag{position:absolute;right:12px;top:12px;border-radius:999px;padding:5px 10px;color:#371108;background:#ffde8ee6;font-weight:900}.video-copy h3,.video-copy p{margin:0}.video-copy h3{color:#ffe0a0}.video-copy p{margin-top:6px;color:#fff3d3c7;line-height:1.56}.reel-dots{display:flex;gap:8px}.reel-dots button{width:34px;height:34px;border:0;border-radius:50%;color:#ffe5a8;background:#ffffff1f}.reel-dots button.active{color:#451409;background:#ffd477}.branch-summary{color:#ffe8b1;font-weight:900;text-align:center}.wall-screen{align-items:center;flex-direction:column;justify-content:center;gap:18px}.star-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,460px)}.star-wall button{position:relative;min-height:58px;border:1px solid rgba(246,202,116,.18);border-radius:18px;color:#fff1c4;background:#0f040494;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.star-wall button span{display:block;width:8px;height:8px;margin:0 auto 6px;border-radius:50%;background:#f4c162;box-shadow:0 0 14px #f4c162}.star-wall button.visited{border-color:#ffda868f;background:#7a1c14a6}.unlock-tip{color:#fff2cec2}.archive-mask,.share-mask{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0000009e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.archive-card{position:relative;display:flex;flex-direction:column;width:min(100%,520px);max-height:88vh;overflow:auto;border-radius:30px;padding:24px 22px;color:#35140c;background:linear-gradient(#ffeec6d1,#ffeec6e0),url(./generated/archive-folder.webp) center / cover;box-shadow:0 28px 80px #00000080}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;color:#ffe7a8;background:#490d08c7}.archive-card .close,.poster-preview .close{position:absolute;right:14px;top:14px}.archive-number{color:#842014;font-weight:900;letter-spacing:.12em}.archive-body{display:grid;grid-template-columns:118px 1fr;gap:16px;margin-top:14px;align-items:center}.archive-body img{width:118px;height:156px;border-radius:18px;object-fit:cover;filter:sepia(.2);box-shadow:0 10px 24px #4b190a3d}.archive-body h2{margin:0 0 10px;color:#71180f;font-family:STSong,Songti SC,serif}.archive-body dl,.archive-body dd{margin:0}.archive-body dl div{display:grid;grid-template-columns:74px 1fr;gap:8px;margin:5px 0}.archive-body dt{color:#8c4d28;font-weight:700}.archive-intro{margin:14px 0 0;line-height:1.62}.archive-card blockquote{margin:12px 0;border-left:4px solid #8c2014;padding-left:14px;color:#71180f;font-family:STKaiti,Kaiti SC,serif;font-size:20px;line-height:1.55}.archive-card footer{display:flex;justify-content:center;margin-top:0}.archive-card footer .ghost-button{min-width:148px;padding:10px 20px;color:#8a2517;background:#ffe2a338;border:1px solid rgba(138,37,23,.24);box-shadow:inset 0 0 12px #fff8d92e}.rules-screen,.form-screen{align-items:center;justify-content:center;background:radial-gradient(circle at 50% 12%,rgba(240,178,77,.24),transparent 30%),linear-gradient(180deg,#350b07,#150303)}.scroll-card,.letter-form,.draw-card,.final-copy{width:min(100%,470px);border:1px solid rgba(255,226,160,.2);border-radius:30px;padding:24px;background:#1c0504b8;box-shadow:0 20px 70px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.activity-final{color:#fff0bf;background:#1c0504c2}.scroll-card ol{padding-left:20px;line-height:1.8}.rule-box{display:grid;gap:6px;border-radius:18px;padding:14px;color:#3e120a;background:#ffdf93db}.note{color:#ffefc7b8;line-height:1.65}.letter-form{color:#ffe7aa}.letter-form label{display:grid;gap:8px;margin:14px 0}.letter-form span{color:#f4c66f;font-weight:800}.letter-form input,.letter-form textarea{width:100%;border:1px solid rgba(255,226,160,.24);border-radius:18px;padding:13px 14px;color:#fff4d0;outline:none;background:#ffffff14}.letter-form textarea{min-height:150px;resize:vertical;line-height:1.7}.letter-form input:focus,.letter-form textarea:focus{border-color:#ffd371ad;box-shadow:0 0 0 4px #ffca591a}.form-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.form-actions,.final-actions{display:grid;gap:12px;margin-top:16px}.draw-card{display:grid;justify-items:center;text-align:center}.wheel{position:relative;display:grid;grid-template-columns:repeat(2,1fr);place-items:center;gap:10px;width:250px;height:250px;margin:24px 0;border-radius:50%;padding:28px;color:#50150c;background:conic-gradient(#ffe3a1 0,#ffe3a1 25%,#cf3925 0,#cf3925 50%,#ffd478 0,#ffd478 75%,#8e2118 0);box-shadow:inset 0 0 0 12px #fff3,0 22px 50px #0000004d}.wheel:after{content:"";position:absolute;top:-12px;left:50%;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:24px solid #ffe2a0;transform:translate(-50%)}.wheel.spinning{animation:spin 1s cubic-bezier(.2,.8,.2,1) infinite}.wheel span{font-size:13px;font-weight:900}.prize-result{display:grid;gap:10px;color:#ffe0a0}.final-screen{align-items:center;justify-content:center;flex-direction:column;padding-top:max(82px,calc(env(safe-area-inset-top) + 72px))}.final-copy{margin:0 auto 3vh;text-align:center}.final-copy p{margin:12px 0 16px;line-height:1.72}.tribute-input{display:grid;gap:8px;margin-top:12px;text-align:left}.tribute-input span{color:#ffe8b0db;font-size:14px;font-weight:800}.tribute-input textarea{min-height:118px;resize:none;border:1px solid rgba(255,218,145,.32);border-radius:20px;padding:14px 16px;color:#fff0c4;background:#fff4d714;font:inherit;line-height:1.6;outline:none;box-shadow:inset 0 0 22px #ffda910a}.tribute-input textarea::placeholder{color:#ffe8b06b}.tribute-input textarea:focus{border-color:#ffd371ad;box-shadow:0 0 0 4px #ffca591a}.final-copy small{display:block;margin-top:18px;color:#ffefc9ad}.final-credit{position:relative;z-index:1;display:block;width:min(100%,470px);margin:16px auto 0;color:#ffefc9bd;text-align:center;line-height:1.65;text-shadow:0 2px 12px rgba(0,0,0,.5)}.poster-preview{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#000000c7}.poster-preview img{width:min(82vw,380px);max-height:78vh;border-radius:22px;object-fit:contain;box-shadow:0 24px 80px #00000080}.poster-preview span{color:#ffe2a0}.share-mask{align-items:end;padding:0}.share-sheet{width:100%;max-width:520px;border-radius:28px 28px 0 0;padding:14px 22px max(24px,env(safe-area-inset-bottom));color:#fff0bf;background:#1f0605f5;box-shadow:0 -20px 60px #00000073}.sheet-handle{width:48px;height:5px;margin:0 auto 16px;border-radius:999px;background:#ffe8aa4d}.share-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.share-actions button{border:1px solid rgba(255,229,164,.24);border-radius:16px;padding:12px 8px;color:#ffe5aa;background:#ffffff14}@media(max-width:380px){.star-wall{grid-template-columns:repeat(3,1fr)}.archive-card{padding:24px 18px}.archive-body{grid-template-columns:98px 1fr}.archive-body dl div{grid-template-columns:68px 1fr}.archive-body img{width:98px;height:132px}}@keyframes breathe{0%,to{transform:translateY(0);filter:drop-shadow(0 0 0 rgba(255,203,98,0))}50%{transform:translateY(-8px);filter:drop-shadow(0 0 24px rgba(255,203,98,.45))}}@keyframes floaty{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(720deg)}}@keyframes emberFloat{0%{opacity:0;transform:translateZ(0) rotate(0) scale(.5)}16%{opacity:.64}to{opacity:0;transform:translate3d(24px,-105vh,0) rotate(220deg) scale(1.2)}}@keyframes tunnelRing{0%{opacity:0;transform:scale(.14) rotate(0)}30%{opacity:.9}to{opacity:0;transform:scale(1.35) rotate(28deg)}}@keyframes starRise{0%{opacity:0;transform:translate3d(0,20px,0) scale(.6)}18%,72%{opacity:.8}to{opacity:0;transform:translate3d(18px,-160px,0) scale(1.25)}}@keyframes lightSweep{0%,30%{transform:translate(-40%);opacity:0}50%{opacity:1}75%,to{transform:translate(40%);opacity:0}}@keyframes ambientShift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,1%,0) scale(1.06)}}@keyframes pulseGlow{0%,to{opacity:.54;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}@keyframes letterPeek{0%,to{transform:rotateX(0)}50%{transform:rotateX(10deg)}}@keyframes paperFloat{0%{opacity:0;transform:translateZ(0) rotate(0)}12%{opacity:.62}to{opacity:0;transform:translate3d(26px,118vh,0) rotate(260deg)}}