/* A touch character chamber with fixed controls: the four pages replace the
   two long scrolling columns while keeping the hero and name in view. */
body.sp-mobile-landscape .studio.studio--compact{overflow:hidden}
body.sp-mobile-landscape .studio.studio--compact .studio-header{
  inset:calc(20px + var(--mobile-safe-top,0px)) calc(32px + var(--mobile-safe-right,0px)) auto calc(32px + var(--mobile-safe-left,0px));min-height:155px;display:grid;
  grid-template-columns:minmax(280px,.75fr) minmax(780px,1.8fr) 340px;
  align-items:center;gap:28px;padding:0 0 18px;
}
body.sp-mobile-landscape .studio.studio--compact .studio-header h1{font-size:50px;line-height:1.1}
body.sp-mobile-landscape .studio.studio--compact .studio-name-block{display:grid;grid-template-columns:220px minmax(0,1fr);gap:15px;align-items:center;min-width:0}
body.sp-mobile-landscape .studio.studio--compact .studio-name-label{font-size:var(--ml-small);line-height:1.2;margin:0}
body.sp-mobile-landscape .studio.studio--compact .studio-name-row{gap:12px}
body.sp-mobile-landscape .studio.studio--compact .studio-name-input{min-height:var(--ml-touch);height:var(--ml-touch);font-size:var(--ml-text)!important;padding:12px 20px}
body.sp-mobile-landscape .studio.studio--compact .studio-header .studio-hint{display:none}
body.sp-mobile-landscape .studio.studio--compact .studio-header .studio-random{width:340px;min-width:340px;padding-inline:calc(var(--ml-touch)*.5)}
body.sp-mobile-landscape .studio.studio--compact .studio-layout{
  inset:calc(202px + var(--mobile-safe-top,0px)) calc(32px + var(--mobile-safe-right,0px)) calc(176px + var(--mobile-safe-bottom,0px)) calc(32px + var(--mobile-safe-left,0px));grid-template-columns:minmax(500px,.6fr) minmax(0,1.4fr);gap:30px;
}
body.sp-mobile-landscape .studio.studio--compact .studio-preview{grid-column:1;grid-row:1;min-height:0}
body.sp-mobile-landscape .studio.studio--compact .studio-identity{top:0}
body.sp-mobile-landscape .studio.studio--compact .studio-hero-name{font-size:var(--ml-title);line-height:1.1;margin:0 0 12px}
body.sp-mobile-landscape .studio.studio--compact .studio-hero-tag{font-size:var(--ml-small);line-height:1.35}
body.sp-mobile-landscape .studio.studio--compact .studio-model{inset:130px -12px 150px}
body.sp-mobile-landscape .studio.studio--compact .studio-pedestal{bottom:140px}
body.sp-mobile-landscape .studio.studio--compact .studio-model-status{bottom:145px;font-size:var(--ml-small)}
body.sp-mobile-landscape .studio.studio--compact .studio-outfit-preview{bottom:0;gap:7px}
body.sp-mobile-landscape .studio.studio--compact .studio-outfit-preview small{font-size:28px;line-height:1.1}
body.sp-mobile-landscape .studio.studio--compact .studio-full-gear{--h:var(--ml-touch);height:var(--ml-touch);min-height:var(--ml-touch);font-size:var(--ml-text);min-width:0;width:100%;padding-inline:calc(var(--ml-touch)*.5)}
body.sp-mobile-landscape .studio.studio--compact .studio-compact-panel{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:18px;min-width:0;min-height:0}
body.sp-mobile-landscape .studio.studio--compact .studio-compact-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;flex:none}
body.sp-mobile-landscape .studio.studio--compact .studio-compact-tabs .sp-wowbtn{
  --h:var(--ml-touch);height:var(--ml-touch);min-height:var(--ml-touch);min-width:0;
  padding-inline:calc(var(--ml-touch)*.45);font-size:var(--ml-text);
}
body.sp-mobile-landscape .studio.studio--compact .studio-compact-tabs [aria-selected=true]{filter:brightness(1.3);color:#fff3bc;box-shadow:0 6px 0 -3px #e5bd62}
body.sp-mobile-landscape .studio.studio--compact .studio-compact-pane{
  flex:1;min-height:0;min-width:0;padding:24px 28px;overflow:hidden;
  border:3px ridge #9a7a3c;background:linear-gradient(#0c0805a6,#0a0704db),url('/assets/ui/classhall-stone-tile.png') center/680px;
  box-shadow:inset 0 0 0 4px #9d7d3620,0 8px 30px #0009;
}
body.sp-mobile-landscape .studio.studio--compact .studio-origin-choices{display:flex;flex-direction:column;gap:24px}
body.sp-mobile-landscape .studio.studio--compact .studio-factions{margin:0;gap:18px}
body.sp-mobile-landscape .studio.studio--compact .studio-races{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.sp-mobile-landscape .studio.studio--compact :is(.studio-faction,.studio-race,.studio-class){height:var(--ml-touch);min-height:var(--ml-touch);font-size:var(--ml-text);padding:12px 15px;gap:13px}
body.sp-mobile-landscape .studio.studio--compact .studio-race img,
body.sp-mobile-landscape .studio.studio--compact .studio-class img{width:64px;height:64px;flex-shrink:0}
body.sp-mobile-landscape .studio.studio--compact .studio-class-choices{display:flex;flex-direction:column;gap:18px;min-height:0}
body.sp-mobile-landscape .studio.studio--compact .studio-class-choices>h3{display:none}
body.sp-mobile-landscape .studio.studio--compact .studio-classes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.sp-mobile-landscape .studio.studio--compact .studio-class-choices>.studio-hint{margin:0;font-size:var(--ml-small);line-height:1.25}
body.sp-mobile-landscape .studio.studio--compact .studio-class-choices :is(.studio-class-info,.studio-racial){display:none}
body.sp-mobile-landscape .studio.studio--compact .studio-appearance-choices{display:grid;grid-template-columns:235px minmax(0,1fr);gap:26px 20px;align-items:center}
body.sp-mobile-landscape .studio.studio--compact .studio-appearance-choices h3{font-size:var(--ml-text);line-height:1.2;margin:0}
body.sp-mobile-landscape .studio.studio--compact .studio-segment{gap:18px}
body.sp-mobile-landscape .studio.studio--compact .studio-segment .sp-wowbtn{--h:var(--ml-touch);height:var(--ml-touch);min-height:var(--ml-touch);font-size:var(--ml-text);padding-inline:calc(var(--ml-touch)*.5)}
body.sp-mobile-landscape .studio.studio--compact .studio-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:5px}
body.sp-mobile-landscape .studio.studio--compact .studio-swatch{height:var(--ml-touch);min-height:var(--ml-touch);min-width:0;padding:0;font-size:var(--ml-title)}
body.sp-mobile-landscape .studio.studio--compact .studio-compact-traits{display:flex;flex-direction:column;gap:18px;height:100%;min-height:0}
body.sp-mobile-landscape .studio.studio--compact .studio-compact-traits article{flex:1;min-height:0}
body.sp-mobile-landscape .studio.studio--compact .studio-compact-traits h3{font:var(--ml-title)/1.15 var(--f-title);margin:0 0 10px;color:#f6d18b}
body.sp-mobile-landscape .studio.studio--compact .studio-compact-traits small{display:block;min-height:35px;font:var(--ml-small)/1.2 var(--f-num,Arial);color:#bca56f}
body.sp-mobile-landscape .studio.studio--compact .studio-compact-traits p{margin:18px 0 0;font:var(--ml-text)/1.32 var(--f-num,Arial);color:#e4d1a7;overflow-wrap:anywhere}
body.sp-mobile-landscape .studio.studio--compact .studio-trait-pagination{display:grid;grid-template-columns:minmax(0,1fr) 145px minmax(0,1fr);gap:18px;align-items:center;flex:none}
body.sp-mobile-landscape .studio.studio--compact .studio-trait-pagination .sp-wowbtn{--h:var(--ml-touch);height:var(--ml-touch);min-height:var(--ml-touch);font-size:var(--ml-text);padding-inline:calc(var(--ml-touch)*.5)}
body.sp-mobile-landscape .studio.studio--compact .studio-trait-pagination>span{text-align:center;font-size:var(--ml-small);color:#d9bd7a}
body.sp-mobile-landscape .studio.studio--compact .studio-footer{inset:auto calc(32px + var(--mobile-safe-right,0px)) calc(20px + var(--mobile-safe-bottom,0px)) calc(32px + var(--mobile-safe-left,0px));min-height:140px;padding-top:14px;gap:18px}
body.sp-mobile-landscape .studio.studio--compact .studio-save-note{min-width:0;font-size:var(--ml-small)}
body.sp-mobile-landscape .studio.studio--compact .studio-status{font-size:var(--ml-small);line-height:1.2;margin:0}
body.sp-mobile-landscape .studio.studio--compact .studio-footer .sp-wowbtn{--h:var(--ml-touch);height:var(--ml-touch);min-height:var(--ml-touch);min-width:280px;font-size:var(--ml-text);padding-inline:calc(var(--ml-touch)*.5)}
body.sp-mobile-landscape .studio.studio--compact .studio-footer .studio-primary{min-width:440px}