/* Shared additions for the two public guides; game screens are unaffected. */
.dressup-landing .hero-layout { grid-template-columns:340px minmax(0,1fr); }
.dressup-landing .hero { grid-template-columns:340px minmax(0,1fr); align-items:start; }
.dressup-landing .intro-panel, .dressup-landing .hero-copy { min-height:0; padding:28px; }
.dressup-landing .hero-copy h1 { font-size:2.5rem; line-height:1.08; }
.dressup-landing .trial-panel, .dressup-landing .preview { min-height:0; padding:24px; display:block; }
.dressup-landing .trial-head, .dressup-landing .preview-head { display:block; margin:0 0 16px; }
.dressup-landing .trial-head h2, .dressup-landing .preview-head h2 { font-size:1.5rem; }
.landing-gameplay { margin:0; }
.landing-gameplay a { display:block; border-radius:14px; overflow:hidden; background:#edf3f5; }
.landing-gameplay img { display:block; width:100%; height:auto; }
.landing-gameplay figcaption { margin:8px 0 16px; color:#6b6073; font-size:12px; line-height:1.6; }
.landing-start { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 18px; margin:20px 0 16px; border-radius:14px; background:#da0872; color:#fff; font-weight:800; line-height:1.5; text-decoration:none; box-shadow:0 6px 18px #ed52972b; }
.landing-start:hover { background:#b5065d; }
.dressup-landing a:focus-visible { outline:3px solid #742c98; outline-offset:4px; }
.dressup-landing .landing-disclosure, .dressup-landing .truth-note { padding:14px; margin:0 0 18px; border-radius:12px; background:#eff8f2; border-left:3px solid #61a87e; color:#42624e; font-size:13px; line-height:1.7; }
.landing-steps { list-style:none; padding:0; margin:0 0 18px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.landing-steps li { min-width:0; border-top:2px solid #f4acd1; padding-top:8px; font-size:12px; line-height:1.6; }
.landing-steps strong { display:block; color:#a71963; margin-bottom:4px; font-size:13px; }
.landing-steps span { color:#6b6073; }
.dressup-landing .trial-panel .preview-grid, .dressup-landing .preview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.dressup-landing .trial-panel .preview-card, .dressup-landing .preview-card { min-height:0; padding:12px; justify-content:flex-start; border:1px solid #e7dfeb; border-radius:14px; }
.dressup-landing .trial-panel .preview-thumb, .dressup-landing .preview .thumb { display:none; }
.dressup-landing .preview-card .badge { margin-bottom:8px; font-size:11px; }
.dressup-landing .preview-card h3 { font-size:15px; margin:0 0 6px; }
.dressup-landing .preview-card p { font-size:12px; line-height:1.65; margin:0; }
.dressup-landing .preview .button-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:850px) {
    .dressup-landing .hero-layout { grid-template-columns:minmax(0,1fr); grid-template-areas:'intro' 'trial' 'actions'; }
    .dressup-landing .hero { grid-template-columns:minmax(0,1fr); }
    .dressup-landing .intro-copy { max-width:none; }
    .dressup-landing .intro-panel, .dressup-landing .hero-copy { padding:22px; }
    .dressup-landing .intro-panel h1 { width:auto; max-width:100%; }
}
@media(max-width:480px) {
    .dressup-landing .trial-panel, .dressup-landing .preview { padding:18px; }
    .dressup-landing .hero-copy h1 { font-size:2rem; }
    .landing-steps { gap:8px; }
    .dressup-landing .trial-panel .preview-grid, .dressup-landing .preview-grid { grid-template-columns:1fr; }
    .dressup-landing .preview-card .badge { align-self:flex-start; }
}
@media(prefers-reduced-motion:reduce) {
    .dressup-landing { scroll-behavior:auto; }
    .dressup-landing *, .dressup-landing *::before, .dressup-landing *::after { animation:none!important; transition:none!important; }
}