/* A collection of small everyday scenes: the words always remain readable. */
.quiz .options{gap:11px}.quiz .choice-card{isolation:isolate;display:grid;grid-template-columns:76px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:103px;padding:11px 14px 11px 9px;border:1px solid color-mix(in srgb,var(--choice-ink) 23%,#fff);background:linear-gradient(115deg,color-mix(in srgb,var(--choice-paper) 70%,white),#fff 84%);border-radius:15px;box-shadow:0 3px 10px #263e4204;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
.quiz .choice-card:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.4}
.choice-art{position:relative;width:76px;height:76px;color:var(--choice-ink);background:var(--choice-paper);border-radius:14px;display:grid;place-items:center;overflow:hidden;transition:transform .22s}
.choice-illustration{width:73px;height:73px;display:block}.choice-letter{position:absolute;left:5px;top:2px;font:9px/1.4 Georgia,serif;opacity:.65;letter-spacing:1px}
.quiz .choice-card .option-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.choice-caption{display:block;font:600 14px/1.5 TokyoSerif,'Songti SC',serif;color:var(--choice-ink);letter-spacing:.2px}.choice-sentence{display:block;font-size:12px;line-height:1.8;color:#53615e;overflow-wrap:anywhere}.quiz .choice-card .option-check{width:17px;height:17px;line-height:15px;text-align:center;border:1px solid color-mix(in srgb,var(--choice-ink) 35%,white);border-radius:50%;color:var(--choice-ink);font-size:11px;background:#ffffffa0;align-self:center}
.quiz .skin-postcard{border-radius:4px 15px 15px 4px}.skin-postcard .choice-art{border:4px solid #fff;border-bottom-width:9px;box-shadow:0 2px 6px #443a3210;transform:rotate(-3deg);overflow:visible;border-radius:2px}.skin-postcard .choice-illustration{width:65px;height:65px}
.quiz .skin-organic{border-radius:25px 12px 25px 12px}.skin-organic .choice-art{border-radius:42% 56% 43% 55%}.skin-organic:before{background:radial-gradient(ellipse at 90% 120%,var(--choice-paper) 0 24%,transparent 25%)}
.quiz .skin-ticket{border-style:dashed;border-radius:12px}.skin-ticket .choice-art{border-radius:8px 0 0 8px;border-right:1px dashed color-mix(in srgb,var(--choice-ink) 30%,transparent)}.skin-ticket:after{content:'';position:absolute;width:13px;height:13px;background:#fff;border:1px solid color-mix(in srgb,var(--choice-ink) 20%,white);border-radius:50%;right:-8px;top:calc(50% - 6px)}
.skin-frame .choice-art{border:1px solid color-mix(in srgb,var(--choice-ink) 35%,white);outline:3px solid #ffffff99;outline-offset:-5px;border-radius:9px}.skin-frame:before{background:linear-gradient(120deg,transparent 75%,var(--choice-paper) 75%)}
.skin-note .choice-art{border-radius:3px 9px 9px 3px;background-image:repeating-linear-gradient(0deg,transparent 0 14px,#ffffff90 14px 15px);border-left:3px double color-mix(in srgb,var(--choice-ink) 35%,white)}.skin-note:before{background:repeating-linear-gradient(0deg,transparent 0 23px,#d6ddd515 23px 24px)}
.skin-stripe .choice-art{border-radius:50% 50% 6px 6px}.skin-stripe:before{background:repeating-linear-gradient(135deg,transparent 0 12px,var(--choice-paper) 12px 13px)}
.quiz .choice-card:has(input:checked){background:linear-gradient(115deg,var(--choice-paper),color-mix(in srgb,var(--choice-paper) 32%,#fff));border:1.5px solid var(--choice-ink);box-shadow:0 4px 16px color-mix(in srgb,var(--choice-ink) 12%,transparent);padding:10.5px 13.5px 10.5px 8.5px}
.quiz .choice-card:has(input:checked) .option-check{color:#fff;background:var(--choice-ink);border-color:var(--choice-ink)}.quiz .choice-card:has(input:checked) .choice-art{transform:rotate(0) scale(1.04)}.quiz .choice-card:has(input:focus-visible){outline:2px solid var(--choice-ink);outline-offset:3px}.quiz .choice-card:active{transform:scale(.987)}
.sealed-invitation{display:flex;text-align:left;gap:16px;align-items:center;margin:28px 0 8px;padding:20px 15px;border-top:1px solid #e1e7e5;border-bottom:1px solid #e1e7e5;background:linear-gradient(130deg,#f9faf5,#fff)}.sealed-stamp{display:grid;place-items:center;flex-shrink:0;width:46px;height:54px;border:1px dashed #a7b6b1;outline:1px solid #d6dfd7;outline-offset:-5px;color:#8ba095;font:26px Georgia,serif;transform:rotate(-5deg)}.sealed-invitation small{font-size:7px;letter-spacing:1.4px;color:#8a9a92}.sealed-invitation p{font:15px/1.8 TokyoSerif,serif;margin:5px 0;color:#617769}.sealed-invitation div>span{font-size:10px;color:#8c9991}
.discovery-album .section-head{margin-bottom:30px}.unopened-stories{margin-top:35px;border:1px solid #e0e5df;background:linear-gradient(155deg,#faf9f3,#f0f5f4);padding:28px 18px;text-align:center;border-radius:14px;overflow:hidden}.unopened-stories>.sealed-stamp{margin:0 auto 18px}.unopened-stories h2{font-size:20px;line-height:1.7;color:#6d8177}.unopened-stories p{font-size:12px;line-height:2;color:#8a968f;margin-top:10px}.mystery-tickets{display:flex;justify-content:center;gap:12px;margin:27px 0 10px}.mystery-tickets>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:62px;height:86px;border:1px solid #d6e0d9;background:#fffdf5;transform:rotate(var(--turn));box-shadow:0 4px 12px #42594809}.mystery-tickets small{font:6px sans-serif;letter-spacing:1px;color:#9aab9f}.mystery-tickets b{font:28px Georgia,serif;color:#b0bfb4}
@media(hover:hover){.quiz .choice-card:hover{border-color:var(--choice-ink);box-shadow:0 4px 15px color-mix(in srgb,var(--choice-ink) 9%,transparent)}.quiz .choice-card:hover .choice-art{transform:translateY(-2px) rotate(0)}}
@media(max-width:360px){.quiz .choice-card{grid-template-columns:62px minmax(0,1fr) 15px;gap:9px;padding:10px 10px 10px 7px}.choice-art{width:62px;height:68px}.choice-illustration{width:61px;height:61px}.choice-caption{font-size:13px}.choice-sentence{font-size:11px}.quiz .choice-card:has(input:checked){padding:9.5px 9.5px 9.5px 6.5px}}
@media(prefers-reduced-motion:reduce){.quiz .choice-card,.choice-art{transition:none!important}.quiz .choice-card:active,.quiz .choice-card:has(input:checked) .choice-art{transform:none}}
.choice-caption{color:color-mix(in srgb,var(--choice-ink) 65%,#263d36)}.quiz .choice-card:has(input:checked) .option-check{background:color-mix(in srgb,var(--choice-ink) 78%,#263d36)}