*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:#232229;color:#242027;font-family:system-ui,-apple-system,'PingFang TC','Microsoft JhengHei',sans-serif}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #086ec9;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.45}.shell{position:relative;isolation:isolate;max-width:480px;min-height:100svh;margin:auto;padding:30px 26px 20px;overflow:hidden;background:linear-gradient(150deg,#f7bbdb 0%,#f0cfec 40%,#a9f4f1 100%)}header{text-align:center;position:relative}.eyebrow{font-size:.75rem;letter-spacing:.21em;font-weight:650;color:#6f3560}h1{font-size:2.4rem;letter-spacing:-.06em;font-weight:900;font-style:italic;margin:6px 0}h1 span{color:#c3167c;margin-left:10px}header p{font-size:.9rem;margin:0 0 22px}.steps{display:flex;gap:6px;margin:24px 0 20px}.steps span{flex:1;height:4px;border-radius:6px;background:#ffffff73}.steps span.active{background:#c31b78}#screen{position:relative;display:flex;min-height:530px;flex-direction:column;outline:none}.panel{position:relative;display:flex;flex:1;flex-direction:column;min-height:480px;padding:28px 24px;border:2px solid #f13caf;border-radius:30px;background:linear-gradient(150deg,#ffd1e380,#a6f6fa91);box-shadow:10px 12px 0 -7px #3ee1ec, -10px -12px 0 -7px #f43fa5}.kicker{color:#a30060;font-size:.85rem;font-weight:750;letter-spacing:.08em;margin:0 0 34px}h2{font-size:1.6rem;line-height:1.5;margin:0 0 15px;font-weight:800}.description{line-height:1.8;font-size:1rem;margin:0;color:#4c3651}.question{margin:auto 0; padding:10px 0 30px}.actions{display:flex;gap:14px;margin-top:24px}button.primary,button.secondary,.line-link{border:0;border-radius:28px;min-height:50px;padding:13px 18px;font-weight:700;text-align:center;flex:1;text-decoration:none}.primary{background:#211d25;color:#fff}.secondary{background:#ffffffb8;color:#5c3d58;border:1px solid #ffffff!important}.back{background:none;border:0;text-align:left;padding:12px 0;color:#68475e;font-size:.875rem}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}.option{position:relative;border:2px solid transparent;border-radius:18px;background:#ffffffc7;padding:0 0 12px;overflow:hidden;color:#2b2230}.option img{width:100%;height:126px;object-fit:cover;display:block;margin-bottom:10px}.option span{display:block;font-weight:700;font-size:1rem}.option.selected{border-color:#e42c88;box-shadow:0 0 0 3px #e42c8820}.option.selected:after{content:'✓';position:absolute;right:8px;top:8px;border-radius:50%;background:#e42c88;color:white;width:25px;height:25px;line-height:25px}.choices h2{font-size:1.3rem}.choices .kicker{margin-bottom:12px}.helper{font-size:.875rem;line-height:1.6;color:#64445e}.meter{height:8px;background:#ffffff99;border-radius:8px;overflow:hidden;margin-top:24px}.meter i{display:block;height:100%;background:#e33792;width:0;animation:fill 1.4s linear forwards}@keyframes fill{to{width:100%}}.loading{text-align:center;justify-content:center}.loading .heart{font-size:4rem;color:#d2237f;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.12)}}.line-link{display:block;background:#06a945;color:#fff;margin:20px 0 10px;width:100%}.result h2{margin-top:12px}.portraits{display:flex;justify-content:center;margin:8px 0 18px}.portraits img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #fff;margin-left:-8px}.qr{margin:16px auto;display:block;width:min(200px,100%);background:white;padding:12px;border-radius:18px}.qr-toggle,.copy{background:white;border:1px solid #d9c7d5;border-radius:18px;padding:12px;width:100%;margin-top:8px;color:#3c2c3e}.summary{font-size:.9rem;line-height:1.8;border-radius:16px;padding:14px;background:#ffffff70;margin:12px 0}footer{text-align:center;font-size:.8rem;line-height:1.8;color:#654661;margin-top:24px}footer small{font-size:.75rem}.text-button{display:block;margin:8px auto;background:none;border:0;color:inherit;font-size:.8rem;text-decoration:underline}dialog{max-width:440px;width:calc(100% - 32px);border:0;border-radius:22px;padding:28px;line-height:1.8}dialog::backdrop{background:#15101abd}dialog button{border:0;border-radius:20px;padding:12px 28px;background:#25212a;color:white}.notice{padding:14px;border-radius:16px;background:#fff5;margin-top:18px;line-height:1.7}.photo{background:#22132c;color:white}.photo .backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#150e27 0%,#2e14318c 65%,#25112d55 100%),var(--hero) center top/cover no-repeat}.photo .panel{background:linear-gradient(140deg,#df42acbd,#5a94ded9);border:1px solid #ffb7ea70;box-shadow:none;backdrop-filter:blur(8px)}.photo h1{font-style:normal}.photo .eyebrow,.photo .description,.photo .helper,.photo footer,.photo .back{color:#fff}.photo .kicker{color:#ffe4f8}.photo h1 span{color:#f8afd9}.photo header p{color:#f6d8ed}.photo .steps span.active{background:#ffa7db}.survey{max-width:1120px;margin:36px auto;min-height:calc(100svh - 72px);padding:28px 45px;background:#f3edf1;border-radius:24px}.survey .backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(#ffffffe8,#ffffffe8),var(--hero) center/cover}.survey header{text-align:left}.survey h1{font-size:2rem;font-style:normal}.survey .steps{max-width:420px}.survey #screen{min-height:410px}.survey .panel{padding:28px 40px;border:0;box-shadow:none;background:#ffffffab;border-radius:24px;min-height:410px}.survey .options{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.survey .option img{height:170px}.survey .actions{max-width:440px;align-self:center;width:100%}.survey .question{text-align:center;max-width:740px;margin:auto}.survey .result{max-width:600px;margin:auto;width:100%}.survey footer{margin-top:16px}@media(max-width:650px){.survey{margin:0;min-height:100svh;border-radius:0;padding:24px 20px}.survey .panel{padding:24px 18px}.survey .options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.survey .option img{height:130px}.survey header{text-align:center}.survey .steps{max-width:none}.survey .result{max-width:none}}@media(max-width:360px){.shell{padding:22px 16px}.panel{padding:22px 16px}h1{font-size:2rem}.option img{height:106px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001s!important;transition:none!important}}
.result .qr{width:200px;height:200px;object-fit:contain;align-self:center;background:white;padding:8px;margin:20px 0 0}.result .line-link{flex:none;margin-top:28px}.option:active{transform:scale(.98)}
.shell.result-view{max-width:560px;padding:26px 0 18px;background:linear-gradient(150deg,#f6b7d9 0%,#e7c4df 40%,#b9ecf0 100%)}.result-view header{padding:0 24px}.result-view header p{margin-bottom:12px}.result-view .steps{display:none}.result-view #screen{min-height:0}.result-page{width:100%;position:relative}.result-cover{position:relative;height:285px;overflow:hidden;margin:14px 20px 0;border-radius:24px}.result-cover>img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}.result-cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,#3a183d 0%,#54283b38 66%,#6b1c4020 100%)}.result-cover-copy{position:absolute;bottom:24px;left:22px;right:20px;color:white}.result-cover-copy h2{font-size:1.85rem;font-weight:850;line-height:1.3;margin:8px 0}.result-cover-copy p{margin:0;font-size:.9rem}.result-cover-copy .result-tag{font-size:.65rem;letter-spacing:.18em;opacity:.85}.result-body{padding:26px 30px 0}.result-success{font-size:1.35rem;line-height:1.6;font-weight:850;margin:0 0 20px;color:#3e2036}.result-success>span{color:#a11d61}.result-count{padding:20px 18px 17px;text-align:center;border:1px solid #ffffff9c;border-radius:22px;background:#ffffff47}.result-count>p{font-size:1rem;font-weight:750;margin:0}.result-count strong{font-size:4.4rem;letter-spacing:-.05em;line-height:1.2;color:#9b1f61}.result-count div{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:8px 0}.result-count div>span{font-size:1.2rem;font-weight:700;color:#693d5a}.result-count small{font-size:.75rem;line-height:1.6;color:#76586c;display:block}.result-lead{font-size:1.2rem;line-height:1.85;margin:24px 0 12px;color:#3d2d3b}.result-invitation{font-weight:700;font-size:1rem;line-height:1.8;margin:0 0 22px}.result-rules{padding-left:25px;color:#634f62;font-size:.97rem;line-height:1.9;margin:0 0 25px}.result-rules li{padding-left:4px;margin:14px 0}.result-cta{display:flex;align-items:center;gap:12px;background:#06a945;color:white;padding:16px;border-radius:19px;text-decoration:none;box-shadow:0 8px 22px #008f3925;font-size:1.05rem;font-weight:800}.result-cta>span:last-child{margin-left:auto;font-size:1.6rem}.result-cta small{display:block;font-size:.75rem;font-weight:500;margin-top:5px;color:#edfff0}.line-badge{background:#fff;color:#06a945;border-radius:12px;padding:15px 7px;font-size:.78rem;flex:none}.result-qr{display:flex;align-items:center;gap:18px;margin:22px 0;padding:16px;background:#ffffff6b;border-radius:18px}.result-qr img{width:110px;height:110px;object-fit:contain;padding:5px;background:white;border-radius:8px}.result-qr strong{font-size:.9rem}.result-qr p{line-height:1.8;font-size:.8rem;color:#685063;margin:8px 0 0}.result-view footer{padding:0 20px}@media(max-width:360px){.result-body{padding:22px 20px 0}.result-cover{margin-left:14px;margin-right:14px;height:245px}.result-cover-copy h2{font-size:1.55rem}.result-success{font-size:1.15rem}.result-qr{gap:12px;padding:12px}.result-qr img{width:90px;height:90px}.result-cta{font-size:.9rem;gap:8px}}@media(min-width:700px){.shell.result-view{margin:24px auto;border-radius:28px;min-height:calc(100svh - 48px)}}
.result-view header .eyebrow,.result-view header>p{display:none}.result-view header h1{font-size:2rem;margin:0 0 6px}.shell.result-view{padding-top:18px}.result-cover{height:150px;margin-top:10px}.result-cover-copy{bottom:16px}.result-cover-copy h2{font-size:1.5rem;margin:6px 0}.result-cover-copy .result-tag{display:none}.result-body{padding-top:18px}.result-success{font-size:1.1rem;text-align:center;margin-bottom:12px}.result-count{padding:14px 15px}.result-count .scenario-label{font-size:.78rem;color:#7f355f}.waiting-copy{font-size:1.3rem;line-height:1.7;margin:8px 0 10px}.result-count .waiting-copy strong{font-size:1.8rem;letter-spacing:0;line-height:inherit}.result-count small{font-size:.72rem}.result-contact{width:100%;max-width:400px;margin:16px auto 0}.result-cta{justify-content:center;text-align:center;min-height:66px}.result-cta>span:last-child{margin-left:0}.result-qr{flex-direction:column;text-align:center;gap:10px;margin:14px 0 0;padding:14px}.result-qr img{width:150px;height:150px}.result-qr p{margin-top:5px}.result-lead{margin-top:26px;font-size:1rem}.result-rules{margin-bottom:20px}@media(min-width:700px){.result-cover{height:190px}}@media(max-width:360px){.result-cover{height:130px}.waiting-copy{font-size:1.15rem}.result-count .waiting-copy strong{font-size:1.6rem}.result-qr img{width:140px;height:140px}.result-body{padding-top:14px}}

/* Mobile viewport layout: reserve thumb clearance above browser chrome. */
.result-details{margin-top:18px;border-top:1px solid #ffffff8c;padding-top:14px}.result-details summary{cursor:pointer;font-size:.85rem;font-weight:650;color:#67445e}.result-details[open] summary{margin-bottom:10px}
@media(max-width:650px){
 .shell{--chrome-clearance:clamp(36px,7svh,60px);height:100svh;min-height:0;display:flex;flex-direction:column;padding:12px 18px calc(var(--chrome-clearance) + env(safe-area-inset-bottom,0px));gap:0}
 .shell header{flex:none}.shell header .eyebrow{display:none}.shell header h1{font-size:1.75rem;margin:0 0 3px}.shell header h1 span{margin-left:8px}.shell header>p{font-size:.75rem;line-height:1.4;margin:0}
 .shell .steps{flex:none;gap:5px;margin:12px 2px 12px}.shell .steps:empty{margin:10px 0 6px}.shell .steps span{height:3px}
 .shell #screen{flex:1;min-height:0;display:flex;flex-direction:column}
 .shell .panel{flex:1;min-height:0;padding:20px 18px 18px;border-radius:24px}
 .shell .kicker{flex:none;font-size:.75rem;line-height:1.5;margin:0 0 12px}
 .shell h2{font-size:clamp(1.1rem,4.9vw,1.4rem);line-height:1.5;margin:0 0 12px}
 .shell .question{flex:1;min-height:0;margin:0;display:flex;flex-direction:column;justify-content:center;padding:8px 0 18px;overflow:auto}
 .shell .description{font-size:.9rem;line-height:1.75}
 .shell .actions{flex:none;gap:10px;margin:12px 0 clamp(4px,2svh,18px)}
 .shell .actions button{flex:1;font-size:.92rem;line-height:1.4;min-height:48px;padding:12px 10px;border-radius:24px}
 .shell .choices{display:flex;flex-direction:column;padding:17px 16px 12px}
 .shell .choices h2{flex:none;margin-bottom:10px;font-size:1.12rem}
 .shell .choices .kicker{margin-bottom:6px}
 .shell .options{flex:1;min-height:0;margin:0;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(105px,1fr);overflow:auto}
 .shell .option{display:flex;flex-direction:column;min-height:0;padding:0;border-radius:14px}
 .shell .option img{width:100%;flex:1;min-height:0;height:0;object-fit:cover;object-position:center 30%;margin:0}
 .shell .option span{flex:none;font-size:.87rem;line-height:1.4;padding:7px 4px}
 .shell .helper{flex:none;font-size:.7rem;line-height:1.4;margin:8px 0 0}
 .shell .choices .actions{margin:10px 0 4px}
 .shell footer{flex:none;font-size:.64rem;line-height:1.4;margin-top:12px;position:relative}
 .shell footer small{font-size:.61rem}.shell .text-button{font-size:.65rem;margin:5px auto 0;padding:3px 8px}
 /* Result core stays in the first viewport; long copy is disclosed below it. */
 .shell.result-view{height:auto;min-height:100svh;max-width:560px;padding:10px 18px calc(var(--chrome-clearance) + env(safe-area-inset-bottom,0px));display:block;border-radius:0;margin:0 auto}
 .result-view header{padding:0}.result-view header h1{font-size:1.55rem;margin:0 0 6px}
 .result-view #screen{min-height:0;display:block}
 .result-view .result-cover{height:clamp(58px,10svh,88px);margin:6px 0 0;border-radius:16px}
 .result-view .result-cover>img{object-position:center 35%}
 .result-view .result-cover-copy{bottom:10px;left:14px;right:14px}
 .result-view .result-cover-copy h2{font-size:1.12rem;margin:0}.result-view .result-cover-copy>p{display:none}
 .result-view .result-body{padding:10px 0 0}
 .result-view .result-success{font-size:.84rem;line-height:1.5;margin:0 0 8px}
 .result-view .result-count{padding:9px 12px;border-radius:16px}
 .result-view .result-count .scenario-label{font-size:.67rem;line-height:1.3}
 .result-view .waiting-copy{font-size:1.1rem;line-height:1.5;margin:5px 0 6px}
 .result-view .result-count .waiting-copy strong{font-size:1.5rem}
 .result-view .result-count small{font-size:.62rem;line-height:1.4}
 .result-view .result-contact{margin:10px auto 0;max-width:400px}
 .result-view .result-cta{min-height:54px;font-size:.94rem;gap:10px;padding:10px 14px;border-radius:16px}
 .result-view .result-cta small{font-size:.65rem;margin-top:3px}
 .result-view .line-badge{font-size:.65rem;padding:12px 6px;border-radius:9px}
 .result-view .result-cta>span:last-child{font-size:1.3rem}
 .result-view .result-qr{gap:7px;padding:10px;margin:8px 0 0;border-radius:16px}
 .result-view .result-qr img{width:clamp(110px,20svh,148px);height:clamp(110px,20svh,148px);padding:4px}
 .result-view .result-qr strong{font-size:.73rem;line-height:1.4}.result-view .result-qr p{display:none}
 .result-view .result-details{margin-top:10px;padding-top:9px}.result-view .result-details summary{font-size:.73rem}
 .result-view footer{padding:0;margin-top:10px}
 .result-view .result-lead{font-size:.9rem;line-height:1.7}.result-view .result-rules{font-size:.85rem;line-height:1.7}
}
@media(max-width:650px) and (max-height:650px){
 .shell{padding-top:8px;padding-left:14px;padding-right:14px;--chrome-clearance:34px}
 .shell header>p{display:none}.shell header h1{font-size:1.5rem}.shell .steps{margin-top:9px;margin-bottom:9px}
 .shell .panel{padding:15px 14px 12px}.shell .kicker{margin-bottom:6px}.shell .actions{margin-top:8px;margin-bottom:4px}
 .shell .actions button{min-height:46px;font-size:.85rem}.shell .choices h2{font-size:1rem;margin-bottom:7px}.shell .options{gap:7px}.shell .option span{font-size:.78rem;padding:5px 3px}
 .shell footer{margin-top:8px}.shell .question{padding-bottom:10px}.shell .description{font-size:.84rem}
 .result-view .result-cover{height:50px}.result-view .result-success{font-size:.76rem}.result-view .waiting-copy{font-size:1rem}.result-view .result-qr img{width:110px;height:110px}
}
@media(max-width:650px) and (max-height:650px){
 .result-view header h1{font-size:1.35rem;margin-bottom:4px}.result-view .result-cover{height:40px}
 .result-view .result-body{padding-top:8px}.result-view .result-success{display:none}
 .result-view .result-count{padding:7px 10px}.result-view .result-contact{margin-top:8px}
 .result-view .result-cta{min-height:50px;padding:8px 12px}.result-view .result-qr{padding:8px;gap:5px}
}
@media(max-width:650px) and (max-height:560px){.result-view .result-cover{display:none}}
@supports (justify-content:safe center){@media(max-width:650px){.shell .question{justify-content:safe center}}}
/* One compact image area with overlaid text; preserve the full source image. */
.shell.result-view .result-cover{position:relative;height:180px;display:block;margin:8px 0 0;border-radius:20px;background:#d5b2ca;overflow:hidden}
.shell.result-view .result-cover>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:right center;background:transparent}
.shell.result-view .result-cover-shade{display:block;position:absolute;inset:0;background:linear-gradient(90deg,#31192bba 0%,#31192b42 65%,transparent),linear-gradient(0deg,#231322a8,transparent 72%)}
.shell.result-view .result-cover-copy{position:absolute;top:auto;bottom:16px;left:18px;right:18px;text-align:left;padding:0;color:white;text-shadow:0 2px 10px #0009}
.shell.result-view .result-cover-copy h2{font-size:1.4rem;line-height:1.4;margin:0 0 5px;color:white}
.shell.result-view .result-cover-copy>p:not(.result-tag){display:block;font-size:.8rem;line-height:1.5;margin:0;color:white}
.shell.result-view .result-cover-copy .result-tag{display:none}
.result-details>h3{font-size:.9rem;font-weight:750;color:#67445e;margin:0 0 12px}.result-details .result-lead{margin:0 0 12px}
.waiting-line{display:block}.shell.result-view .waiting-copy{font-size:1.16rem;line-height:1.6;margin:6px 0 8px}.shell.result-view .result-count .waiting-copy strong{font-size:1.55rem}
/* Separate /compare route only. The original route keeps its existing background. */
.shell.photo-preview{background:#0b0b16;color:#fff}
.shell.photo-preview .backdrop{position:fixed;inset:0;z-index:-1;background:linear-gradient(0deg,#080817a6,#0d0b2257),url('/assets/bg-compare.png') center top/cover no-repeat;pointer-events:none}
.shell.photo-preview .panel{background:linear-gradient(155deg,#d856acb5,#7158bea8 60%,#3878c3bd);border:1px solid #ffffff75;box-shadow:0 12px 35px #06001155;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.shell.photo-preview header h1{color:#fff;text-shadow:0 2px 12px #0008}.shell.photo-preview header h1 span{color:#ff98da}.shell.photo-preview header>p,.shell.photo-preview .eyebrow{color:#fff}
.shell.photo-preview .kicker{color:#ffe0f5}.shell.photo-preview .description,.shell.photo-preview .helper{color:#fff}
.shell.photo-preview .steps span{background:#ffffff55}.shell.photo-preview .steps span.active{background:#ff8ed1}
.shell.photo-preview .primary{background:#ff51a7;color:#fff;box-shadow:0 4px 16px #f1227d30}.shell.photo-preview .secondary{background:#f5e7ffeb;color:#56326b}
.shell.photo-preview footer{color:#eee4f9;text-shadow:0 1px 4px #000}
.shell.photo-preview.result-view{background:#0b0b16}
.shell.photo-preview.result-view .result-cover{background:#151523de;border:1px solid #ffffff28}
.shell.photo-preview.result-view .result-cover-copy{color:white}.shell.photo-preview .result-success{color:#fff}.shell.photo-preview .result-success>span{color:#ffa5d3}
.shell.photo-preview .result-count{background:linear-gradient(145deg,#df60bca8,#6773b7bb);border-color:#ffffff6b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.shell.photo-preview .result-count .scenario-label,.shell.photo-preview .result-count small{color:#fbe8ff}.shell.photo-preview .result-count .waiting-copy strong{color:#ffdeed}
.shell.photo-preview .result-qr{background:#111324e8;border:1px solid #ffffff38}.shell.photo-preview .result-qr p{color:#dfd5ed}
.shell.photo-preview .result-details{background:#0b0b17c9;padding:18px;border:1px solid #ffffff30;border-radius:18px}
.shell.photo-preview .result-details>h3,.shell.photo-preview .result-lead,.shell.photo-preview .result-invitation,.shell.photo-preview .result-rules{color:#f4eefa}
@media(max-width:650px){
 .shell.result-view .result-cover{height:clamp(116px,20svh,158px);margin-top:5px;border-radius:16px}
 .shell.result-view .result-cover-copy{bottom:12px;left:14px;right:14px;padding:0}.shell.result-view .result-cover-copy h2{font-size:1.15rem}
 .shell.result-view .result-cover-copy>p:not(.result-tag){font-size:.72rem}
 .shell.result-view .result-body{padding-top:8px}.shell.result-view .result-success{font-size:.8rem;margin-bottom:6px}
 .shell.result-view .result-count{padding:8px 10px}.shell.result-view .waiting-copy{font-size:clamp(.82rem,3.8vw,1.08rem);line-height:1.5;margin:4px 0 6px}
 .shell.result-view .result-count .waiting-copy strong{font-size:1.25rem}
 .shell.result-view .result-contact{margin-top:8px}
 .shell.result-view .result-cta{min-height:56px;padding:10px 12px}
 .shell.result-view .result-details{margin-top:18px;padding-top:14px}.shell.result-view .result-details>h3{font-size:.85rem}
 .shell.photo-preview.result-view .result-details{padding:16px}
}

@media(max-width:650px) and (max-height:650px){.shell.result-view .result-cover{height:105px}.shell.result-view .result-success{display:none}}

/* Landscape source fills the existing banner without changing its bounds. */
.shell.result-view .result-cover>img{object-fit:cover;object-position:center}

/* Keep eyes and faces visible in the existing compact question cards. */
.option img{object-position:center 24%}