/* Responsive refinements: touch navigation, narrow screens and manga zoom. */
.site-language-bar button{min-height:44px}
.motion{min-width:44px;min-height:44px}
.close{width:44px;height:44px}
.reader-bar,.reader-tools,.reader-controls{flex:0 0 auto}
.reader-body{touch-action:pan-x pan-y pinch-zoom}
.reader.zoomed #page-frame{width:160%;max-width:1728px;margin-inline:0}
.reader-controls{padding-bottom:max(10px,env(safe-area-inset-bottom))}
@media(max-width:1000px){
 .site-language-bar~.header{position:relative;top:auto;height:auto!important;padding:16px 24px;display:grid;grid-template-columns:1fr auto;gap:12px 20px;background:#131231}
 .header nav{position:static;grid-column:1/-1;grid-row:2;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 8px!important;font-size:11px!important;text-align:center;letter-spacing:.4px!important}
 .header nav a{min-height:44px!important;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;padding:5px;line-height:1.4}
 .header .brand,.header .brand img{width:145px}
 .header-actions{gap:8px;padding:0}.header-actions .login{min-height:44px;white-space:nowrap;padding:8px 12px}
 .hero-inner{padding-top:44px!important}
 .hero-note{flex-wrap:wrap;row-gap:8px}
}
@media(max-width:600px){
 .site-language-bar{height:auto;min-height:60px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:6px max(8px,env(safe-area-inset-left))}
 .site-language-bar button{min-width:0;padding:5px 3px;flex-direction:column;gap:2px;font-size:10px;line-height:1.3;white-space:nowrap}
 .site-language-bar button img{width:24px;height:16px}
 .section-intro h2,.section-heading h2,.join h2,.manga-copy h2,.trailer-heading h2,.series-heading h2{font-size:clamp(28px,8vw,44px);overflow-wrap:anywhere}
 .hero-copy h1{font-size:clamp(39px,12vw,54px)}
 .hero-copy .eyebrow{flex-wrap:wrap;row-gap:4px}
 .button{max-width:100%;overflow-wrap:anywhere}
 .hero-cta .teaser-trigger{min-height:44px}
 .fighter-info h3{font-size:clamp(24px,6.8vw,36px)}
 .library-header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}
 .library-header nav a{min-height:44px;display:flex;align-items:center}
 .library-meta .edition-label{letter-spacing:.8px;line-height:1.8}
 .chapter-card,.chapter-copy{min-width:0}
 .chapter-copy>.button{gap:8px}
 .reader-controls{gap:5px;padding-inline:8px}
 .reader-controls select{margin-left:3px}
 .reader-bar{padding-top:max(8px,env(safe-area-inset-top))}
}
@media(max-width:360px){
 .site-language-bar~.header{padding-inline:16px;gap:10px}
 .header .brand,.header .brand img{width:125px}
 .header nav{font-size:10px!important}
 .hero-copy .hero-brand-logo{max-width:100%}
 .reader-controls label{font-size:9px}
 .reader-controls button{font-size:9px;padding:6px}
}
@media(max-height:500px) and (orientation:landscape){
 .reader-bar{padding:4px 12px}.reader-bar .eyebrow{display:none}
 .reader-bar h2{font-size:12px}.reader-bar button{min-height:44px}
 .reader-tools{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:4px 8px;gap:6px}
 .reader-tools>*{flex-shrink:0}
 .reader-tools>span{display:none}
 .reader-tools .language-picker{width:auto;order:0;display:flex;flex-wrap:nowrap}
 .reader-tools .language-picker button{white-space:nowrap}
 .reader-body{padding-top:8px}
 #page-frame{width:min(100%,820px)}
 .reader-controls{padding-top:4px;padding-bottom:max(4px,env(safe-area-inset-bottom))}
}