/* Touch layout and sharing in the existing paper design. */
.site-share-row{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.site-share-button{background:transparent;border-bottom:1px solid #afa594;padding:8px 0;color:#615b50;font-size:12px}.site-share-row [role=status]{font-size:11px;color:#797064;line-height:1.7}#site-link-fallback{margin-top:12px;font-size:12px;color:#746a5a}#site-link-input{display:block;width:100%;max-width:430px;margin-top:8px;padding:12px;border:1px solid #cfc5b6;border-radius:10px;background:#faf7ef;font-size:16px}input{max-width:100%}.card-preview-dialog{width:min(530px,calc(100vw - 24px))}.card-preview-dialog img{display:block;width:100%;height:auto;border-radius:12px;user-select:auto;-webkit-touch-callout:default}.card-preview-dialog .secondary-button{width:100%;margin-top:16px;min-height:48px}.card-preview-dialog .dialog-heading{margin-bottom:10px}.card-preview-dialog .dialog-heading h2{font-size:20px}
@media(pointer:coarse){.text-button,.site-share-button,.site-header nav button{min-height:44px}.dialog-heading>button{width:44px;height:44px}.answer-option,.small-primary,.secondary-button{min-height:48px}.question-nav{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.question-nav button{min-width:0;height:36px;font-size:12px}.quiz-aside{display:block}.quiz-aside>.text-button{max-width:none;margin-top:8px}.question-controls{position:sticky;bottom:0;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:#f8f5ee;z-index:2}.dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.alias-label input{font-size:16px}.cast-card:hover{transform:none;box-shadow:none}.cast-card:hover .cast-art svg.character-illustration{transform:none}}
@media(max-width:820px){.result-visual{max-width:calc(100% - 16px)}.dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.dialog-heading{position:sticky;top:-24px;background:#f7f3eb;z-index:3;padding:8px 0;margin-top:-8px}.site-header{padding-top:env(safe-area-inset-top);height:calc(77px + env(safe-area-inset-top))}.site-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}.quiz-view,.result-view{padding-bottom:max(45px,env(safe-area-inset-bottom))}}
@media(max-width:600px){.hero-visual{min-height:445px;height:445px}.hero-card-front{top:12%}.label-two{bottom:0}.round-sticker{bottom:14%}.cast-art{height:clamp(155px,48vw,210px)}.cast-description{min-height:150px}.question-panel h2{font-size:22px}.answer-option{font-size:15px}.quiz-top>span{font-size:10px;max-width:50%;line-height:1.6;text-align:right}.quiz-aside>.text-button{font-size:12px}.result-summary,.analysis-card p,.evidence-item p{font-size:14px;line-height:1.9}.result-hero{gap:24px}.result-visual{width:270px}.result-hero .alias-label{flex-wrap:wrap}.report-actions .secondary-button{font-size:12px;white-space:normal;flex-basis:calc(50% - 8px)}.hero-footnote{gap:10px}.hero-footnote span+span{padding-left:10px}.dialog p{font-size:13px}}
@media(max-width:360px){.hero-visual{min-height:415px;height:415px}.hero-card-front{left:4%}.hero-card-back{right:1%}.primary-button{gap:10px}.hero-cta{flex-wrap:wrap}.hero-footnote{font-size:8px}.cast-description{min-height:155px}}
@media(max-width:820px) and (orientation:landscape){.dialog{max-height:calc(100dvh - 16px)}.detail-art{height:220px}}
@media print{.site-share-row,#site-link-fallback,#card-preview-dialog{display:none!important}}