/* AURADO V4.1 public mobile polish — additive; desktop appearance unchanged. */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:clip}
  .container{width:calc(100% - 32px)!important;max-width:100%;}
  .hero,.hero-copy,.hero-bottom,.section,.kit-layout,.kit-stage,.kit-controls,.spotlight-panel{min-width:0;max-width:100%}
  .header{left:12px!important;right:12px!important;max-width:calc(100% - 24px)!important;padding:10px 14px!important;min-height:64px}
  .brand{gap:8px!important}.brand>span:last-child{font-size:clamp(17px,5vw,23px)!important;line-height:1.1}
  .brand small{letter-spacing:.12em!important;font-size:8px!important;line-height:1.35}
  .hero-title{font-size:clamp(64px,19vw,134px)!important;line-height:.96!important;letter-spacing:-.035em!important;white-space:nowrap!important;max-width:100%}
  .hero-copy{padding-top:145px!important}
  .hero-bottom{display:flex!important;flex-direction:column!important;gap:22px!important}
  .hero-bottom h2{font-size:clamp(34px,9.2vw,60px)!important;line-height:1.07!important;letter-spacing:-.014em!important;max-width:100%}
  .hero-visual{min-width:0;width:100%;min-height:200px;max-height:290px;overflow:hidden}
  .hero-avatars{display:flex!important;gap:6px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;max-width:100%;-webkit-overflow-scrolling:touch;padding:0 5px 8px;min-height:184px}
  .hero-avatars>.player-photo-pending,.hero-avatars>.player-photo{flex:0 0 min(41vw,170px)!important;min-width:0!important;width:min(41vw,170px)!important;height:165px!important;scroll-snap-align:start}
  .hero-avatars .pending-name{font-size:clamp(16px,4.7vw,25px)!important}
  .hero-avatars .pending-mark{font-size:clamp(45px,12vw,75px)!important}
  .hero-number{font-size:clamp(88px,28vw,180px)!important}
  .vertical-caption{display:none!important}
  .section h2{font-size:clamp(44px,11.4vw,72px)!important;line-height:1.07!important;max-width:100%;overflow-wrap:normal}
  .hero-actions,.showcase-actions{display:flex;flex-wrap:wrap;gap:10px}
  .hero-actions .btn{min-width:0;flex:1 1 135px;text-align:center;white-space:normal;line-height:1.45}
  .mobile-dock{left:10px!important;right:10px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;max-width:calc(100% - 20px)!important;padding:8px 4px!important;gap:0!important}
  .mobile-dock a{min-width:0!important;flex:1 1 0;display:flex!important;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px;padding:8px 1px!important;font-size:clamp(8px,2.3vw,11px)!important;letter-spacing:.015em!important;line-height:1.35;white-space:normal;overflow-wrap:normal}
  .mobile-dock svg,.mobile-dock i{max-width:20px;max-height:20px}
  #team .roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  #team .roster-card{min-width:0!important;height:auto!important;min-height:260px;overflow:hidden}
  #team .roster-card .card-avatar{height:185px!important}
  #team .roster-card .card-content{padding:12px!important}
  #team .roster-card .card-content strong{font-size:clamp(22px,6.8vw,33px)!important;line-height:1.1!important;letter-spacing:0!important}
  #team .roster-card .card-content small{overflow-wrap:anywhere}
  #team .spotlight-panel{padding:16px!important}
  .era-profile-hero{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
  .era-profile-portrait{height:clamp(230px,66vw,350px)!important;min-height:0!important;background:#151419}
  .era-profile-portrait>.player-photo-pending{background:#16131a;color:#fff}
  .era-profile-copy{padding:24px 18px!important;min-width:0!important}
  .era-profile-copy h1{font-size:clamp(48px,14vw,75px)!important;line-height:1!important;overflow-wrap:anywhere}
  .profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .profile-stats>div{min-height:124px;padding:15px 11px!important;min-width:0}
  .profile-stats strong{font-size:clamp(36px,12vw,56px)!important;line-height:1.13!important}
  .profile-stats span{font-size:11px;letter-spacing:.05em}
  .era-profile-grid,.era-detail-main,.era-detail-header{min-width:0!important;max-width:100%}
  .era-detail-header{width:calc(100% - 26px)!important;display:flex;flex-wrap:wrap;gap:9px!important}
  .era-detail-header .brand{min-width:0;flex:1 1 auto}
  .era-detail-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px!important}
  .era-detail-header nav a{font-size:11px;padding:8px 5px!important}
  .kit-layout{grid-template-columns:minmax(0,1fr)!important;gap:15px!important}
  .kit-controls,.photographic-kit{min-width:0;max-width:100%;padding:14px!important}
  .jersey-photo-wrap{width:min(100%,430px)!important;height:auto!important;aspect-ratio:3/4;margin:auto}
  .jersey-photo-wrap img{width:100%;height:100%;object-fit:contain}
  .kit-controls input,.kit-controls select{max-width:100%;width:100%}
  .kit-actions{display:flex;flex-wrap:wrap;gap:9px}
  .kit-actions button{flex:1 1 145px;white-space:normal;line-height:1.35}
  .v36-media-grid,.era-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v36-media-item{min-width:0}
}
@media(max-width:360px){
  .container{width:calc(100% - 26px)!important}
  .hero-title{font-size:clamp(58px,18.5vw,77px)!important}
  .hero-copy{padding-top:130px!important}
  .hero-avatars>.player-photo-pending,.hero-avatars>.player-photo{flex-basis:44vw!important}
  #team .roster-grid{gap:8px!important}
  #team .roster-card .card-avatar{height:158px!important}
  .profile-stats>div{min-height:110px}
  .profile-stats strong{font-size:37px!important}
}
@media(prefers-reduced-motion:reduce){.hero-avatars{scroll-behavior:auto!important}}