/* UI10 HF01: native mobile race/sex choices and always-reachable navigation. */
.au-mobile-flow-header,.au-mobile-flow-actions{display:none}
@media(max-width:1024px),(pointer:coarse){
 .au-shell{height:100dvh;max-height:100%;overflow:hidden}
 .au-menu,.au-stage{height:100%;max-height:100%}
 .au-screen[data-page=character],.au-screen[data-page=origin]{display:block!important;height:100%!important;min-height:0;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y;scroll-padding-top:142px;scroll-padding-bottom:100px;padding-top:0!important;padding-bottom:calc(100px + env(safe-area-inset-bottom))!important;-webkit-overflow-scrolling:touch}
 .au-screen[data-page=character]>.au-mobile-flow-header,.au-screen[data-page=origin]>.au-mobile-flow-header{display:block;position:sticky!important;top:0!important;left:auto!important;width:auto!important;height:auto!important;margin:0 -4px 14px;padding:calc(8px + env(safe-area-inset-top)) 4px 10px;z-index:10;background:linear-gradient(#031326fa,#06213af5);border-bottom:1px solid #cbb278;box-shadow:0 5px 15px #0007}
 .au-mobile-flow-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center}
 .au-mobile-flow-nav strong{font:15px/1.2 Georgia,serif;color:#f3e4bd;text-align:center}
 .au-mobile-flow-nav button{min-width:0;min-height:46px;padding:7px 10px;font:14px Georgia,serif;color:#e2f7ff;background:linear-gradient(#083e61,#041a2d);border:1px solid #72bada}
 .au-mobile-identity-choices{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px;margin-top:10px}
 .au-mobile-identity-choices label{display:flex;flex-direction:column;gap:4px;font:12px Georgia;color:#c7b582;text-transform:uppercase;letter-spacing:.1em;min-width:0}
 .au-mobile-identity-choices select{width:100%;min-width:0;height:48px;min-height:48px;border:1px solid #67bfdf;background:#031b2c;color:#f0fbff;padding:8px;font:17px Georgia;letter-spacing:0;text-transform:none}
 .au-screen[data-page=character]>.au-race-list{display:none!important}
 .au-screen[data-page=character]>.au-preview{display:block;position:relative!important;margin:0 auto 8px;width:100%!important;height:clamp(190px,29dvh,300px)!important;min-height:190px;border:1px solid #47718a;background:#03162766}
 .au-screen[data-page=character]>.au-preview-note{display:block;margin:6px 0 12px;font-size:11px}
 .au-screen[data-page=character]>.au-sex-button{display:inline-flex!important;width:calc(50% - 6px)!important;min-height:48px;margin:0 3px 12px 0;vertical-align:top;justify-content:center;font-size:17px}
 .au-screen[data-page=character]>.au-name-field{display:flex!important;width:100%!important;margin-bottom:10px;min-height:48px}
 .au-screen[data-page=character]>.au-rh-editor,.au-screen[data-page=character]>.au-race-info{position:relative!important;inset:auto!important;display:block;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:10px 0}
 .au-screen[data-page=character]>.au-rh-editor[hidden],.au-screen[data-page=character]>.au-race-info[hidden]{display:none!important}
 .au-screen[data-page=character]>.au-art-hit,.au-screen[data-page=origin]>.au-art-hit,.au-screen[data-page=character]>.au-creation-steps{display:none!important}
 .au-screen[data-page=character]>.au-mobile-flow-actions,.au-screen[data-page=origin]>.au-mobile-flow-actions{display:grid!important;grid-template-columns:minmax(90px,.8fr) minmax(0,1.5fr);gap:10px;position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:auto!important;z-index:12;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#031423fa;border-top:1px solid #c0a775;box-shadow:0 -5px 15px #0008}
 .au-mobile-flow-actions .au-gem-button{min-height:52px;min-width:0;padding:9px 13px;gap:8px;font-size:16px;white-space:normal;justify-content:center;line-height:1.2}
 .au-mobile-flow-actions .au-gem-button svg{width:21px;height:21px;flex:none}.au-mobile-flow-actions .au-chevron{display:none}
 .au-mobile-flow-actions .au-gem-button span{position:relative;z-index:3}
 .au-screen[data-page=origin]>.au-origin-summary,.au-screen[data-page=origin]>.au-origin-copy,.au-screen[data-page=origin]>.au-origin-label{margin:10px 0}
 .au-screen[data-page=origin]>.au-preview{width:100%!important;height:clamp(210px,32dvh,340px)!important;min-height:210px}
 .au-rh-editor .au-rh-slider{grid-template-columns:minmax(90px,1fr) minmax(85px,1fr) 40px}
 .au-rh-editor .au-rh-action,.au-rh-editor .au-rh-outfit,.au-rh-editor select{min-height:44px}
 .au-screen[data-page=options]{height:100%!important;grid-template-rows:54px minmax(0,1fr) auto 52px!important;padding-top:calc(8px + env(safe-area-inset-top))!important;padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}
 .au-screen[data-page=options]>.au-options-nav{min-height:50px;height:54px!important;overflow-y:hidden;overscroll-behavior:contain}
 .au-options-fields{touch-action:pan-y;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .au-options-status{max-height:46px;overflow-y:auto}
 .au-options-fields input[type=range]{min-height:44px;max-width:53%}
}
@media(max-height:520px) and (orientation:landscape){
 .au-mobile-flow-nav{grid-template-columns:auto minmax(0,1fr) auto}.au-mobile-flow-nav strong{font-size:14px}.au-mobile-flow-nav button{min-height:44px}
 .au-mobile-identity-choices{display:flex;gap:12px;margin-top:5px}.au-mobile-identity-choices label{flex:1;display:flex;flex-direction:row;align-items:center;gap:8px}.au-mobile-identity-choices select{height:44px;min-height:44px;font-size:16px}
 .au-screen[data-page=character]>.au-preview{height:210px!important}.au-mobile-flow-actions .au-gem-button{min-height:46px}
}
/* Page routing remains authoritative over layout display declarations. */
.au-shell .au-screen[hidden],.au-shell .au-screen [hidden]{display:none!important}