/* ProXes mobil sağlamlaştırma katmanı.
   Grid/flex öğelerinin min-width:auto davranışından kaynaklanan yatay taşmaları önler
   ve küçük ekranlarda düzeni okunabilir/kullanılabilir tutar. En son yüklenir. */
html{max-width:100%;overflow-x:clip}
body{max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%}
img,svg,video,canvas{max-width:100%}
main,#mainContent,.layout,.app-view,.content-section,.lower-grid,.forum-preview,.games-grid,.server-grid,.view-list,.forum-detail{min-width:0}
.lower-grid>*,.games-grid>*,.server-grid>*,.view-list>*,.stats-strip>*,.topic-meta>*,.reply-heading>*{min-width:0}
.section-heading{flex-wrap:wrap;gap:12px 18px}
.section-heading>div{min-width:0}
.view-card{flex-wrap:wrap;min-width:0}
.view-card>div{min-width:0}
.view-card h3,.view-card p,.forum-topic-card h3,.forum-row b{overflow-wrap:anywhere}
.member-row{min-width:0;flex:1 1 auto}
.member-row>div{min-width:0}
.member-row h3,.member-row p{overflow-wrap:anywhere}
.member-actions{flex:0 0 auto}
.forum-row{min-width:0}
.forum-row>div{min-width:0}
.topic-content,.reply-card p,.dm-bubble,.chat-line,.locked-notice{overflow-wrap:anywhere}
.forum-detail-head h1{overflow-wrap:anywhere}
.messenger-panel,.messenger-panel *{min-width:0}
.friend-name,.friend-name small{overflow-wrap:anywhere}
textarea{max-width:100%}

@media(max-width:520px){
  .hero-copy:before{left:-50px;right:0;top:0;bottom:0}
  .hero-buttons{flex-wrap:wrap}
  .view-card{align-items:stretch}
  .view-card>div:first-child{flex:1 1 auto}
  .member-actions{width:100%;justify-content:flex-start}
  .member-actions button{flex:1 1 auto;min-width:0}
  .topic-actions{flex-direction:column}
  .topic-actions .btn{width:100%}
  .topic-actions .btn-danger,.reply-form .btn-primary{width:100%}
  .reply-heading{flex-wrap:wrap;gap:8px}
  .reply-card{gap:11px;padding:16px}
  .reply-avatar{flex-basis:34px;width:34px;height:34px}
  .server-view-card{align-items:stretch}
  .server-view-card>button{flex:1 1 100%}
  .stats-strip>div:not(.stats-quote):not(.stats-tag){min-width:44%}
  .forum-detail-head h1{font-size:clamp(38px,11vw,48px)}
  .reply-heading h2{font-size:26px}
  .chat-dialog{width:calc(100% - 16px);margin:0 8px 8px;left:0;right:0}
  .messenger{width:100%;right:0}
  .messenger-panel{height:min(78vh,560px)}
  .btn,.view-card button,.member-actions button,.modal-submit,.topic-actions .btn,.reply-form .btn-primary,.chat-dialog #chatForm button,.dm-conversation form button{min-height:44px}
}

@media(max-width:380px){
  .hero h1{font-size:clamp(58px,19vw,75px)}
  .view-page h1{font-size:clamp(44px,14vw,52px)}
  .section-heading h2{font-size:clamp(22px,7vw,26px)}
  .stats-strip>div:not(.stats-quote):not(.stats-tag){min-width:100%;border-right:0}
  .top-actions .btn-primary{width:34px;height:34px}
}