/* One mobile spacing scale across routes, including iOS cutouts and Android keyboards. */
@media(max-width:850px){
 body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
 .header{padding-top:max(8px,env(safe-area-inset-top,0px));height:auto;min-height:72px}.header nav{padding-left:max(6px,env(safe-area-inset-left,0px));padding-right:max(6px,env(safe-area-inset-right,0px))}
 .auth-dialog,.membership-dialog{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 20px);max-width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 22px)}
 input,select,textarea{font-size:16px!important}button,a{touch-action:manipulation}.editing-field .header nav{visibility:hidden!important}.skip-link{top:calc(-90px - env(safe-area-inset-top,0px))}.skip-link:focus{top:max(8px,env(safe-area-inset-top,0px))}
}
@media(max-width:600px){
 .section-heading h1,.section-heading h2{line-height:1.1}.section-heading{margin-bottom:10px}.section-kicker{margin-bottom:7px}.hero-copy>p{max-width:320px}.hero-world{height:clamp(250px,70vw,335px)}
 .home-extras{gap:16px;padding:18px 5%}.extra-card{min-height:155px;padding:14px;gap:7px}.extra-gold .extra-preview,.extra-green>.icon-3d{height:145px}.extra-card h2{font-size:27px}.extra-card p{margin-bottom:9px;font-size:16px}.premium-eyebrow{margin-bottom:6px}
 .discovery-cards{gap:16px;margin-top:16px;max-width:520px}.discovery-card{display:grid;grid-template-columns:36% minmax(0,1fr);align-items:center;border-radius:21px}.discovery-card>img{width:100%;height:175px;min-height:0;object-fit:cover}.discovery-card>div{padding:16px 13px}.discovery-card h3{font-size:24px;margin-bottom:8px;line-height:1.1}.discovery-card p{font-size:16px;margin-bottom:10px}.discovery-card .card-actions{margin-top:0}.card-actions .secondary-button{font-size:16px;min-height:44px;padding:7px;gap:3px}.card-actions .secondary-button .icon-3d{width:22px;height:22px}
 .wardrobe-display{height:255px}.wardrobe-copy>p{font-size:16px;line-height:1.4}.wardrobe-copy .small-note{margin-top:10px}.wardrobe-copy .button{margin-top:10px}.color-choices>div{gap:9px}.swatch{min-width:44px;min-height:44px}.outfit-choices>div{gap:8px}
 .explorer-stage{min-height:0}.explorer-bottom{padding:15px;gap:12px}.explorer-bottom h3{font-size:23px;margin-bottom:7px}.explorer-actions .button{min-height:46px;font-size:17px}.destination-tabs{gap:8px;margin-block:13px 16px}.destination-tabs>button{min-height:69px!important}.destination-tabs>button img{height:33px!important}
 .benefits-section .benefit-grid article,.moni-uses .benefit-grid article{padding:15px 13px;grid-template-columns:59px 1fr;gap:0 11px}.benefits-section .benefit-grid .icon-3d,.moni-uses .benefit-grid article .icon-3d{width:57px;height:67px}.benefit-grid h3{font-size:23px!important;margin-bottom:6px!important}.benefit-grid p{font-size:16px!important;line-height:1.4!important}.moni-hero .collectible-stage{height:225px}.member-hero .collectible-stage{height:265px}.member-hero h1,.moni-hero h1{font-size:35px}.membership-ticket{padding:20px 17px}.membership-ticket>.icon-3d{height:82px;width:105px}.membership-ticket .payment-note{font-size:14px;line-height:1.4}.simple-steps li{gap:10px}.simple-steps{margin-bottom:0}
 .registration-art{min-height:175px}.registration .section-heading{margin-bottom:6px}.registration-art .welcome-bubble{font-size:17px}.registration-progress{margin-bottom:11px}.register-card{padding:18px 16px}.register-card h2{font-size:24px}.register-card .already-player{font-size:16px;margin-top:14px}.register-card .form-message:empty,.auth-content .form-message:empty{margin:0;min-height:0}.auth-content h2{margin-bottom:8px}.auth-content .new-player p{margin-bottom:10px}
 .faq{margin-block:25px;padding-inline:5%}.faq h2{font-size:31px}.faq-list{margin-top:12px}.faq summary{padding-block:15px;font-size:17px}.faq details>p{font-size:16px;line-height:1.45}.closing{padding-block:24px;gap:8px}.closing h2{font-size:29px;margin-block:7px 10px}.news-page .section-heading,.article-page .section-heading{margin-bottom:16px}.article-body>p{line-height:1.5}.article-art{height:200px}
}
@media(max-width:350px){.discovery-card{grid-template-columns:31% minmax(0,1fr)}.discovery-card h3{font-size:22px}.discovery-card>div{padding:13px 11px}}
