/* Responsive rules */
/* Mobile (portrait gallery) */
@media (max-width: 600px) {
  .shot-track-mask {
    height: 250px;            /* TEXT PAGE */
.text-page{
  padding:28px 18px;max-width:900px;margin:0 auto;
  color:#d9e6f3;line-height:1.6
}

@media (max-width:860px){
  .dialog-body{grid-template-columns:1fr}
}

/* MOBILE HEADER FIX */
@media (max-width: 860px) {
  .header{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
  .auth-area{align-self:flex-end}
  .main-nav{
    order:3;
    width:100%;
    justify-content:flex-start;
    overflow-x:auto;
    gap:6px;
  }
  .main-nav::-webkit-scrollbar{display:none}
  .brand{align-self:center}
}