@font-face{font-family:DramaTitle;src:url("assets/fonts/NotoSansSC-Black-TitleSubset.woff2") format("woff2");font-display:swap}*{box-sizing:border-box}html{background:#e9e4d9}body{margin:0;background:#fff9ed;color:#35332f;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button{font:inherit;color:inherit;cursor:pointer}#app{width:100%;min-height:100vh;background:#fff9ed}.page{position:relative;min-height:100vh;padding:16px max(16px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow:hidden}.paper{background:#fffef9;border:1.5px solid #35332f;border-radius:15px;box-shadow:3px 3px 0 #35332f}.primary,.secondary{display:block;width:100%;height:47px;border:1.5px solid #35332f;border-radius:14px;font-size:15px;font-weight:900}.primary{background:#f4cf72;box-shadow:3px 3px 0 #35332f}.primary:active{transform:translate(2px,2px);box-shadow:1px 1px #35332f}.secondary{background:#fffef9}.link{display:block;margin:14px auto 0;padding:8px;border:0;background:transparent;color:#817665;text-decoration:underline}.eyebrow{color:#817665;font-size:11px;font-weight:800;letter-spacing:2px}.decor{position:absolute;pointer-events:none;font-weight:900;opacity:.8}.star{top:29px;right:28px;color:#de7664;font-size:19px}.wave{top:134px;left:15px;color:#8fc7a9;font-size:24px;transform:rotate(-12deg)}
.home-center{max-width:340px;margin:auto;padding-top:22px;text-align:center}.logo{display:block;width:219px;height:auto;margin:12px auto 0}.tagline{width:270px;margin:9px auto 0;color:#6f685e;font-size:13px;font-weight:700;line-height:1.5}.chips{display:flex;justify-content:center;gap:7px;margin:17px 0 69px}.chips span,.badge{padding:5px 10px;border:1px solid #35332f;border-radius:99px;font-size:11px;font-weight:800}.chips span:nth-child(1){background:#d9eee4}.chips span:nth-child(2){background:#f9d9d3}.chips span:nth-child(3){background:#dceaf4}.home-center small{display:block;margin-top:12px;color:#9a9082;font-size:11px}.reveal{max-width:340px;margin:auto;padding-top:15px}.identity{position:relative;margin-top:14px;padding:27px 21px 21px;text-align:center}.tape{position:absolute;top:-9px;left:50%;width:73px;height:20px;background:rgba(244,207,114,.75);transform:translateX(-50%) rotate(2deg)}.badge{display:inline-block;background:#dceaf4}.identity>small{display:block;margin-top:18px;color:#8e8375}.identity h1{margin:5px 0 13px;font-size:23px}.identity p{font-size:14px;line-height:1.65}.identity hr{border:0;border-top:1px dashed #b9afa2}.muted{color:#736b61;font-size:12px!important}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 13px;margin:21px 4px}.stat:last-child:nth-child(odd){grid-column:1/3}.stat>div{display:flex;justify-content:space-between;font-size:11px}.stat i{display:block;height:7px;margin-top:5px;overflow:hidden;border:1px solid #35332f;border-radius:99px;background:#fff}.stat em{display:block;height:100%}
.home-center .privacy-note{max-width:280px;margin:7px auto 0;color:#aaa093;font-size:9px;line-height:1.45}
nav{min-height:44px;display:grid;grid-template-columns:75px 1fr 75px;align-items:center}nav button{border:0;background:transparent;font-size:12px;font-weight:900;text-align:left}nav>b{text-align:center;font-size:13px}.context{display:flex;align-items:center;margin-top:6px;font-size:12px}.context span{margin-left:auto;font-weight:800}.progress{height:5px;margin:7px 0 16px;overflow:hidden;border-radius:9px;background:#e9dfd1}.progress i{display:block;height:100%;background:#de7664}.narration{position:relative;margin-bottom:16px;padding:17px}.narration b{font-size:12px}.narration p{margin:8px 0 0;font-size:13px;line-height:1.55}.focus{position:relative;padding:23px 18px 19px;text-align:center}.focus>small{color:#8e8375;font-weight:800}.focus h1{margin:10px 0 7px;font-size:22px}.focus>p{margin:0;color:#655e55;font-size:13px;line-height:1.6}.divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:#817665;font-size:11px;font-weight:800}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#b9afa2}.options{display:grid;gap:10px}.options button{display:grid;grid-template-columns:28px 1fr 18px;align-items:center;min-height:57px;padding:10px;border:1.5px solid #35332f;border-radius:13px;box-shadow:2px 2px #35332f;text-align:left}.options button>b{display:grid;width:24px;height:24px;place-items:center;border:1px solid #35332f;border-radius:50%;background:#fff}.options button span{padding:0 7px;font-size:13px;font-weight:800;line-height:1.4}.options strong{font-size:25px}.secondary{margin-top:22px}.secondary h3{font-size:12px}.secondary .stats{margin:10px 0}
.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:22px;background:rgba(53,51,47,.55);backdrop-filter:blur(2px)}.dialogue{position:relative;width:min(330px,100%);padding:28px 23px;text-align:center}.dialogue>i{position:absolute;top:4px;left:15px;color:#de7664;font-family:serif;font-size:50px}.dialogue b{font-size:12px;color:#817665}.dialogue p{font-size:17px;font-weight:800;line-height:1.65}.overlay small{display:block;margin-top:20px;color:#8e8375;text-align:center}.lead-card{width:min(340px,100%);padding:20px}.lead-card h3{text-align:center}.lead-card>div{display:flex;align-items:center;gap:15px}.lead-card img{width:100px;height:130px;object-fit:contain}.lead-card h2{margin:0}.lead-card p{font-size:13px}.lead-card span{display:block;width:max-content;margin-top:7px;padding:5px 8px;border-radius:9px;background:#f2e8dc;font-size:11px}.delta-overlay{background:transparent;backdrop-filter:none;pointer-events:none}.deltas{display:grid;gap:8px}.deltas span{padding:8px 14px;border:1.5px solid #35332f;border-radius:99px;background:#fff;font-size:13px;font-weight:900;box-shadow:2px 2px #35332f;animation:float .9s both}.deltas .up{color:#397a5b}.deltas .down{color:#a14242}@keyframes float{0%{opacity:0;transform:translateY(-20px)}25%{opacity:1}100%{opacity:0;transform:translateY(70px)}}
.result-eye{margin:12px 0}.result-card{position:relative;overflow:hidden;background:var(--wash,#f2d7c8)}.world-bg,.wash{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.world-bg{opacity:.46}.wash{background:linear-gradient(rgba(255,254,249,.35),rgba(255,254,249,.7))}.result-content{position:relative;z-index:2;padding:22px 18px;text-align:center}.result-content>small{font-weight:800;letter-spacing:1px}.result-content>p{font-size:12px}.result-content>h1{margin:12px auto;font-family:DramaTitle,sans-serif;font-size:32px;line-height:1.25}.route{display:inline-block;padding:5px 10px;border:1px solid #35332f;border-radius:99px;font-size:11px;font-weight:900}.stamp{position:absolute;right:15px;top:82px;width:64px;height:64px;display:grid;place-items:center;border:3px double #a83834;border-radius:50%;color:#a83834;font-size:8px;transform:rotate(7deg)}.stamp b{display:block;font-size:10px}.verdict,.summary{margin-top:18px;padding:13px;border:1px solid rgba(53,51,47,.6);background:rgba(255,254,249,.77);text-align:left}.verdict p{display:flex;align-items:flex-start;gap:9px;font-size:16px;font-weight:900;line-height:1.55}.verdict p b{display:grid;flex:0 0 30px;height:30px;place-items:center;border-radius:50%;background:#7c2433;color:#fff}.people{position:relative;height:150px;overflow:hidden}.people img{position:absolute;bottom:-29px;width:auto}.summary p{font-size:13px;font-weight:700;line-height:1.65}.result-content footer{margin-top:13px;font-size:9px}.review-title{text-align:center;margin:26px 0;color:#817665;font-size:12px}.detail>h2{font-size:16px}.detail>h2 span{color:#de7664}.timeline{padding:15px}.timeline>div{display:flex;gap:12px;padding:11px 0;border-bottom:1px dashed #c7bdaf}.timeline>div:last-child{border:0}.timeline>div>b{display:grid;flex:0 0 29px;height:29px;place-items:center;border:1px solid #35332f;border-radius:50%;background:#f4cf72}.timeline h3{margin:0;font-size:13px}.timeline p,.timeline i{font-size:12px;line-height:1.5}.timeline i{color:#817665}.detail>.stats{padding:15px;margin:0}.action{margin-top:15px}.future-entry:disabled{cursor:not-allowed;color:#9a9082;background:#eee8dc}.support{margin-top:16px;padding:12px;border:1px dashed #9a9082;border-radius:12px;color:#736b61;font-size:12px}.support summary{font-weight:800;cursor:pointer}
#toast{position:fixed;left:50%;bottom:calc(30px + env(safe-area-inset-bottom));z-index:50;padding:9px 15px;border-radius:99px;background:#35332f;color:#fff;font-size:12px;opacity:0;transform:translate(-50%,10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:600px){body{max-width:430px;margin:auto;box-shadow:0 0 40px rgba(0,0,0,.13)}.page{padding-left:24px;padding-right:24px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}


/* Exact browser equivalents of the reviewed mini-program WXSS. */
.narration{box-sizing:border-box;margin:19px 2px 0;padding:15px 14px 16px;border:2px solid #547d91;border-radius:15px;box-shadow:3px 4px 0 #547d91;background:radial-gradient(circle at 93% 14%,rgba(244,207,114,.75) 0 9px,transparent 9.5px),#dceaf4}
.narration-tape{position:absolute;top:-8px;right:29px;width:52px;height:15px;background:rgba(246,200,193,.9);transform:rotate(3deg)}
.narration-head{position:relative;display:flex;align-items:center;gap:7px}.narration-head b{flex:1;color:#527589;font-size:14px;font-weight:950;line-height:1.35;text-align:left}.narration-icon{display:grid;width:22px;height:22px;place-items:center;border:1px solid #62879d;border-radius:50%;background:#fffef9;color:#527589;font-size:15px;font-weight:900}.narration-spark{position:absolute;right:3px;top:23px;color:#de7664;font-weight:900}.narration-dot{position:absolute;right:26px;top:31px;width:7px;height:7px;border:1px solid #527589;border-radius:50%}.narration p{margin-top:9px;color:#3f4b50;font-size:20px;line-height:1.36;font-weight:500;text-align:left}
.focus{margin-top:23px;padding:22px 14px 16px;border:2px solid #35332f;border-radius:17px;box-shadow:4px 4px 0 #35332f;background:radial-gradient(circle at 92% 8%,rgba(246,200,193,.68) 0 10px,transparent 10.5px),#fffef9;text-align:left}.focus>small{display:inline-block;padding:4px 7px;border-radius:99px;background:#f3eadc;color:#786e61;font-size:9px;font-weight:900}.focus h1{margin:9px 0 0;font-size:20px;line-height:1.3;font-weight:950;text-align:left}.focus>p{margin-top:8px;color:#58534c;font-size:12px;line-height:1.58;text-align:left}.divider{position:relative;display:block;margin:15px 0 9px;border-top:1px dashed #bcb1a3;text-align:center}.divider:before,.divider:after{display:none}.divider{height:10px;color:#6e655b;font-size:10px;font-weight:900}.divider::first-line{background:#fffef9}
.stats-secondary{margin:24px 5px 0;color:#81796e}.stats-secondary h3{margin:0 0 8px;font-size:9px;font-weight:900;letter-spacing:1px}.stats-secondary .stats{margin:0;gap:9px 13px}.stats-secondary .stat>div{font-size:9px;font-weight:750}.stats-secondary .stat i{height:4px;margin-top:3px;border:0;background:#e7ded2}
.lead-card{position:relative;overflow:hidden;padding:20px 18px 15px;border:2px solid #35332f;border-radius:16px;box-shadow:4px 5px 0 #35332f;background:radial-gradient(circle at 88% 13%,rgba(244,207,114,.78) 0 21px,transparent 21.5px),#fff4e9}.lead-card h3{position:relative;z-index:2;margin:0;color:#9b2f4d;font-size:14px;font-weight:950;letter-spacing:.5px;text-align:left}.lead-card>div{margin-top:14px;gap:14px}.lead-avatar-frame{position:relative;flex:0 0 89px;width:89px;height:103px;overflow:hidden;border:1.5px solid #35332f;border-radius:45px 45px 13px 13px;background:#dceaf4}.lead-card .lead-avatar-frame img{position:absolute;right:-6px;bottom:-8px;width:100px;height:122px;object-fit:contain}.lead-card h2{color:#35332f;font-size:25px;line-height:1.15;text-align:left}.lead-card section>p{margin:5px 0 0;color:#6f6258;font-size:13px;font-weight:850;text-align:left}.lead-card span{border:1px solid #35332f;border-radius:99px;color:#4f4841;font-size:10px;font-weight:900}.lead-card span:nth-of-type(1){background:#f9d9d3}.lead-card span:nth-of-type(2){background:#d9eee4}.lead-card .lead-orb{position:absolute;right:15px;top:10px;width:42px;height:42px;border:0;background:rgba(244,207,114,.78)}
.dialogue{text-align:left}.dialogue b{display:block;color:#7d7062;font-size:12px;font-weight:900;text-align:left}.dialogue p{text-align:left}.dialogue small{text-align:center}
.delta-overlay{padding:0 28px}.deltas{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.deltas span{padding:7px 10px;border:1.5px solid #35332f;border-radius:99px;box-shadow:2px 2px 0 #35332f;color:#35332f;font-size:12px;font-weight:950}.deltas .up{color:#35332f;background:#d9eee4}.deltas .down{color:#35332f;background:#f2c6c1}
.result-card{border-radius:15px;background:var(--wash,#f2d7c8)}.result-card:after{content:"";position:absolute;z-index:20;inset:0;border-radius:15px;background-image:radial-gradient(circle at 18% 24%,rgba(82,62,39,.24) 0,rgba(82,62,39,.24) .35px,transparent .5px),radial-gradient(circle at 72% 63%,rgba(128,86,49,.2) 0,rgba(128,86,49,.2) .4px,transparent .6px),radial-gradient(circle at 42% 81%,rgba(255,250,224,.52) 0,rgba(255,250,224,.52) .4px,transparent .55px),repeating-linear-gradient(7deg,rgba(88,67,43,.035) 0,rgba(88,67,43,.035) .5px,transparent .5px,transparent 2.5px);background-size:6px 7px,9px 10px,12px 11px,100% 100%;opacity:.46;pointer-events:none}.world-bg{opacity:.94}.wash{background:linear-gradient(180deg,rgba(255,249,232,.72) 0%,rgba(255,249,232,.38) 29%,rgba(255,249,232,.04) 58%,rgba(255,249,232,.1) 100%)}.result-content{padding:16px 14px 13px}.share-kicker{position:relative;z-index:5;padding:3px 9px;border:1px dashed #8b7e70;border-radius:99px;background:rgba(255,249,232,.62);color:#5f574f;font-size:9px;font-weight:900;letter-spacing:1px}.result-content>.result-kicker{z-index:5;margin-top:9px;color:#8f493e;font-size:10px;font-weight:850;line-height:1.35}.result-content>.result-title{z-index:5;margin:8px 0 0;padding:0 2px;color:#242520;font-family:DramaTitle,"PingFang SC",sans-serif;font-size:37px;font-weight:900;line-height:1.02;letter-spacing:-.25px;-webkit-text-stroke:.3px #242520;text-shadow:3px 3px 0 rgba(211,164,74,.92);transform:skewX(-3.4deg) rotate(-.7deg) scaleX(.88) scaleY(1.06);transform-origin:center bottom}.route{position:relative;z-index:6;margin-top:8px;padding:4px 11px;border:1.5px solid #35332f;font-size:11px}.stamp{z-index:19;right:10px;top:18px;width:69px;height:69px;padding:9px 7px 6px;border:3px solid rgba(183,78,63,.88);background:rgba(255,247,225,.18);color:#b74e3f;line-height:1.02;transform:rotate(11deg);opacity:.9;box-shadow:inset 0 0 0 2px rgba(255,247,225,.72),inset 0 0 0 3px rgba(183,78,63,.78),inset 0 0 0 5px rgba(255,247,225,.62),0 0 0 1px rgba(183,78,63,.46)}.stamp:before{content:"";position:absolute;inset:3px;border:2px dotted rgba(183,78,63,.62);border-radius:50%}
.verdict{position:relative;z-index:6;margin-top:10px;padding:10px 13px 12px;border:2px solid #c66d59;border-radius:12px;background:rgba(255,247,231,.84);box-shadow:2px 2px 0 rgba(198,109,89,.24)}.verdict-label{display:flex;align-items:center;gap:7px;color:#a45749;font-size:9px;font-weight:950;letter-spacing:1px}.verdict-label:after{content:"";height:1px;flex:1;background:rgba(164,87,73,.4)}.verdict p{display:grid;grid-template-columns:41px 1fr;gap:10px;align-items:center;margin:5px 0 0}.verdict p b{width:38px;height:38px;border:2px solid #c66d59;background:transparent;color:#b75b4d;font-size:20px;transform:rotate(-7deg)}.verdict p span{color:#3b312d;font-size:19px;font-weight:500;line-height:1.18;letter-spacing:-.5px}
.people{height:159px;overflow:visible}.people img{bottom:-29px;filter:sepia(.08) saturate(.86) contrast(.96)}.summary{position:relative;z-index:8;margin-top:0;padding:9px 11px 10px;border:1px dashed #786b5f;border-radius:10px;background:rgba(255,250,239,.86)}.summary-label{display:block;color:#a45749;font-size:9px;font-weight:950;letter-spacing:1px}.summary-label:after{content:"";display:block;width:58px;margin-top:4px;border-top:1px dashed rgba(102,88,80,.5)}.summary p{margin:4px 0 0;color:#665850;font-size:13px;line-height:1.43;font-weight:820}.result-content footer{position:relative;z-index:6;display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;margin-top:9px;color:#7d594f;font-size:9px;line-height:1.3}.result-content footer:before,.result-content footer:after{content:"";height:1px;background:rgba(125,89,79,.56)}
.timeline>div{position:relative;border-bottom:0}.timeline>div:not(:last-child):before{content:"";position:absolute;top:34px;bottom:-11px;left:14px;border-left:1px dashed #9f9588}.timeline p{color:#6f675d;font-style:normal}.timeline i{display:block;margin-top:5px;color:#9a5960;font-style:normal}
.more-entry{margin-top:16px;padding:12px;border:1px dashed #9a9082;border-radius:12px;color:#736b61;font-size:12px;font-weight:800;text-align:center}.support{border:0;margin-top:9px;padding:0;text-align:center}.support summary{display:inline-block;padding:8px;color:#817665;font-size:12px;font-weight:400;text-decoration:underline;list-style:none}.support summary::-webkit-details-marker{display:none}.support-content{margin-top:7px;padding:12px;border:1px dashed #9a9082;border-radius:12px}.support-content p{margin:0;line-height:1.55}.support-qr{display:grid;width:86px;height:86px;margin:10px auto 5px;place-items:center;border:1px solid #b9afa2;background:#fff}.support-qr img{width:100%;height:100%;object-fit:contain}.support-qr span{color:#9a9082;font-size:10px}.support-content>small{display:block;color:#7d594f;text-align:center}

/* Reviewed mini-program parity: feedback round 2. */
.reroll{margin-top:12px;font-size:11.5px}.reveal-star{top:29px;right:28px;color:#de7664;font-size:19px}.reveal-wave{top:134px;left:15px;color:#8fc7a9;font-size:24px;transform:rotate(-12deg)}.reveal-dot{right:20px;bottom:80px;width:12px;height:12px;border:1.5px solid #35332f;border-radius:50%;background:#f6c8c1}
.divider{height:auto;margin:15px 0 9px;line-height:1}.divider span{position:relative;top:-6px;padding:0 9px;background:#fffef9;color:#6e655b;font-size:10px;font-weight:900}
.lead-card>small{margin-top:14px;color:#958678;font-size:9.5px;font-weight:800;letter-spacing:.5px}.dialogue>i{top:-14px;left:13px;color:#de7664;font-family:Georgia,serif;font-size:53px;font-weight:900;line-height:1}.dialogue>small{margin-top:17px;color:#9a8979;font-size:10px;font-weight:800;letter-spacing:.5px}.deltas{width:auto;max-width:320px;margin:0 auto}.deltas span{white-space:nowrap}
.result-burst{position:absolute;z-index:6;top:35px;left:12px;color:#de7664;font-size:21px;font-weight:950;transform:rotate(-17deg)}
.timeline>div{display:grid;grid-template-columns:29px 1fr;gap:9px;padding:0 0 14px}.timeline>div>b{width:22px;height:22px;font-size:11px}.timeline h3{margin:0;font-size:12px;font-weight:900;line-height:1.4}.timeline p{margin:4px 0 0;color:#6f675d;font-size:10.5px;line-height:1.4}.timeline i{margin-top:5px;color:#9a5960;font-size:10.5px;line-height:1.5}.timeline>div:not(:last-child):before{top:23px;bottom:0;left:11px}
.counter-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.counter-chip{padding:5px 8px;border:1px solid #35332f;border-radius:99px;background:#dceaf4;font-size:10px;font-weight:850}

.more-entry{padding:0;overflow:hidden}.more-entry summary{padding:12px;font-weight:800;list-style:none;cursor:pointer}.more-entry summary::-webkit-details-marker{display:none}.more-content{margin:0 12px 12px;padding-top:11px;border-top:1px dashed #b9afa2;color:#817665;font-size:11px;font-weight:700;text-align:center}
#result-export{background:#fff9ed;padding:1px 0}

.export-only{display:none}.export-only.export-visible{display:block}.poster-footer{margin:26px 0 8px}.poster-section-title{margin:0 0 12px;color:#35332f;font-size:16px;font-weight:950}.poster-section-title span{margin-right:0;color:#de7664;font-size:16px}.poster-qr-card{display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:center;padding:14px 16px;border:1.5px solid #35332f;border-radius:15px;background:#fffef9;box-shadow:3px 4px 0 #35332f}.poster-qr-slot{display:grid;width:78px;height:86px;place-items:center;border:1.5px solid #35332f;border-radius:9px;background:#fffef9;color:#817665;font-size:11px;font-weight:800;line-height:1.55;text-align:center}.poster-qr-copy h3{margin:0;font-size:18px;font-weight:950}.poster-qr-copy p{margin:10px 0;color:#6f675d;font-size:12px;font-weight:750}.poster-qr-copy strong{display:block;margin-top:16px;color:#9a5960;font-size:11px;font-weight:900}

/* Final homepage alignment and concise analytics disclosure. */
.home .page{display:grid;place-items:center}.home-stage{position:relative;width:100%;max-width:398px}.home .privacy-note{position:absolute;right:16px;bottom:calc(10px + env(safe-area-inset-bottom));left:16px;max-width:none;margin:0;color:#aaa093;font-size:9px;line-height:1.45;text-align:center}

/* Result title/export fixes: keep the title within two lines and ensure the
   QR call-to-action remains inside the exported poster bounds. */
.result-content>.result-title{font-size:30px;line-height:1.08;max-height:2.16em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}
.poster-footer{padding-bottom:14px;overflow:visible}.poster-qr-card{min-height:116px;overflow:visible}

/* Keep the longer copy-success message readable on narrow phones. */
#toast{width:max-content;max-width:calc(100% - 32px);line-height:1.45;text-align:center;white-space:normal}

/* The supplied Alipay card is portrait; keep it large enough to scan after
   the low-distraction support section is deliberately expanded. */
.support-qr{display:block;width:min(210px,70vw);height:auto;aspect-ratio:724/1086;margin:12px auto 7px;overflow:hidden;border:0;border-radius:12px;background:transparent}.support-qr img{display:block;width:100%;height:auto;object-fit:contain}

/* iOS and WeChat cannot write directly to Photos. Keep users on the game page
   and provide a native long-pressable image instead of navigating to a blob. */
.poster-preview{position:fixed;inset:0;z-index:80;padding:18px;background:rgba(35,32,28,.82);overflow:auto;-webkit-overflow-scrolling:touch}.poster-preview-card{position:relative;width:min(430px,100%);margin:0 auto;padding:15px 12px 20px;border-radius:16px;background:#fff9ed;text-align:center}.poster-preview-card>[data-action="poster-close"]{position:sticky;z-index:2;top:0;float:right;width:34px;height:34px;border:1.5px solid #35332f;border-radius:50%;background:#fffef9;font-size:24px;line-height:28px}.poster-preview-card h3{margin:8px 40px 5px;font-size:16px}.poster-preview-card p{margin:0 12px 13px;color:#736b61;font-size:12px;font-weight:750}.poster-save-button{display:block;clear:both;width:calc(100% - 24px);height:44px;margin:0 auto 14px;border:1.5px solid #35332f;border-radius:12px;background:#f4cf72;box-shadow:2px 2px 0 #35332f;font-size:14px;font-weight:900}.poster-preview-card>div{clear:both;overflow:hidden;border:1px solid #b9afa2;border-radius:10px;background:#fff}.poster-preview-card img{display:block;width:100%;height:auto;-webkit-touch-callout:default;user-select:auto}