/* DPBossPre shared responsive QA layer */
:root{
  --qa-page-max:1180px;
  --qa-edge:clamp(4px,1.2vw,10px);
  --qa-bottom-safe:max(72px,calc(58px + env(safe-area-inset-bottom)));
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:8px}
body{min-width:280px;padding-bottom:var(--qa-bottom-safe)!important}
img,svg,video,canvas{max-width:100%;height:auto}
button,a,input,textarea,select{touch-action:manipulation}
button,a{ -webkit-tap-highlight-color:transparent }
.page-shell,.site-shell,.chart-page,.markets-page,.market-detail-page,.starline-page,.game-zone-page,.weekly-page,.info-page,.static-page{
  width:100%;max-width:var(--qa-page-max);margin-inline:auto;
}
.panel,.panel-shell,.table-section{max-width:100%}
.table-scroll,.table-wrap,.responsive-table{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
table{max-width:none}
.section-cap,.section-title,.table-title{overflow-wrap:anywhere}
input,textarea,select{max-width:100%;font-size:16px}

@media (min-width:900px){
  body{padding-inline:14px!important}
  .page-shell,.site-shell,.chart-page{max-width:980px}
}

@media (max-width:600px){
  body{padding-inline:5px!important}
  .panel,.panel-shell,.table-section{border-radius:8px}
  .section-cap,.section-title,.table-title{font-size:clamp(16px,5.2vw,20px)!important;line-height:1.08}
}

@media (max-width:390px){
  body{padding-inline:3px!important}
  .chart-actions,.market-tools,.static-actions{gap:4px!important}
  .chart-actions a,.chart-actions button,.tool-btn{padding:5px 6px!important;font-size:10px!important}
  .result-parts{grid-template-columns:1fr .68fr 1fr!important}
}

@media (max-width:330px){
  .section-cap,.section-title,.table-title{font-size:15px!important}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Browser-render QA corrections */
html,body{overflow-x:hidden}
:where(a,button,input,textarea,select,summary):focus-visible{
  outline:3px solid #f1cf55;
  outline-offset:2px;
}
.fixed-center{
  left:50%!important;
  transform:translateX(-50%)!important;
  max-width:34vw!important;
}
.fixed-left,.fixed-right{max-width:29vw!important}
.market-row,.live-item,.directory-zone>a,.link-zone>a{min-width:0}
.market-row h3,.market-time,.market-result,.live-item h3{overflow-wrap:anywhere}

@media (max-width:390px){
  .fixed-center{max-width:36vw!important}
  .fixed-left,.fixed-right{max-width:28vw!important}
}