@media screen and (max-width: 1100px) {

.guest-html {
  background: var(--beg300);
  border-radius: 6px;
  padding: 15px;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  gap: 15px;
  margin-bottom: 15px
}

.guest-html__title,
.guest-html__bookings,
.guest-html__bookings-title,
.guest-html__booking-group,
.guest-html__booking-group--roles,
.guest-html__about,
.guest-html__admins,
.guest-html__facts,
.guest-html__now,
.guest-html__links--left,
.guest-html__links--right {
  position: relative;
  width: auto;
  left: unset;
  top: unset;
  margin: 0;
  padding: 0;
  height: auto
}

.guest-html__title {
  width: 100%;
  order: 1
}

.guest-html__about {
  display: none
}

.guest-html__facts {
  order: 2;
  border: none
}

.guest-html__now {
  order: 3;
  padding: 10px !important;
}

.guest-html__now-scroll {
  margin: 10px
}

.guest-html__links {
  order: 4;
  justify-content: center;
  display: flex;
  width: 100%
}

.guest-html__links + .guest-html__links {
  margin-top: -10px !important;
}

.guest-html__admins {
  order: 5;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%
}

.guest-html__admins-title {
  width: 100%;
  text-align: center;
}

.guest-html__bookings {
  order: 6;
  background: var(--beg100);
  border-radius: 5px;
  padding: 10px;
  box-sizing: border-box;
  width: 100%
}

.guest-html__booking-scroll {
  padding: 0;
  max-height: 101px;
  height: auto
}

.guest-html__booking-group--roles {
  margin-top: 20px
}

/* новости */
.news-edition-html {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  background: var(--beg300);
  border-radius: 6px;
  padding: 15px;
}

.news-edition-html__avatar,
.news-edition-html__issue,
.news-edition-html__host,
.news-edition-html__links-title,
.news-edition-html__links,
.news-edition-html__text {
  position: relative;
  padding: 0;
  margin: 0;
  left: unset;
  right: unset;
  bottom: unset;
  top: unset;
  width: auto;
  height: auto
}

.news-edition-html__avatar img {
  width: 60px;
}

.news-edition-html__issue {
  min-width: 50%;
  flex: 1;
}

.news-edition-html__host {
  width: 100%;
  border-top: 1px dashed var(--borders);
  border-bottom: 1px dashed var(--borders);
  padding: 5px 0;
}

.news-edition-html__links-title {
  width: 100%;
}

.news-edition-html__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  margin-top: -5px;
  margin-bottom: 10px
}

.news-edition-html__text {
  background: linear-gradient(to bottom, var(--beg100) 0%, var(--beg300) 50%) !important;
  border-radius: 6px;
  padding: 15px;
  height: auto;
  margin: 0 -15px
}

/* обычная тема? */
.common-html {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  background: var(--beg300);
  border-radius: 6px;
  padding: 15px;
}

.common-html__title,
.common-html__scroll {
  position: relative;
  padding: 0;
  margin: 0;
  left: unset;
  right: unset;
  bottom: unset;
  top: unset;
  width: auto;
  height: auto
}

.common-html__title {
  width: 100%;
  margin-top: 5px !important;
  margin-bottom: -5px !important;
}

.common-spoiler {
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px
}

/* сюжет */
.plot-tabs-html {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
  background: var(--beg300);
  border-radius: 6px;
  padding: 15px;
}

.plot-tabs-html__title,
.plot-tabs-html__nav,
.plot-tabs-html__panels {
  position: relative;
  padding: 0;
  margin: 0;
  left: unset;
  right: unset;
  bottom: unset;
  top: unset;
  width: auto;
  height: auto
}

.plot-tabs-html__image {
  display: none;
}

.plot-tabs-html__nav {
  display: flex;
  align-items: center;
  justify-content: center
}

/* фак */
.double-tabs-html {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
  background: var(--beg300);
  border-radius: 6px;
  padding: 15px;
}

.double-tabs-html__title,
.double-tabs-html__nav,
.double-tabs-html__panels {
  position: relative;
  padding: 0;
  margin: 0;
  left: unset;
  right: unset;
  bottom: unset;
  top: unset;
  width: auto;
  height: auto
}

#pun div.double-tabs-html div.double-tabs-html__nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
  padding: 0 !important;
  height: auto !important;
  overflow: visible !important;
  max-height: unset !important;
}

.double-tabs-html__nav + .double-tabs-html__nav {
  margin-top: -10px
}

#pun .double-tabs-html__tab {
  margin: 0 !important;
  min-width: 40% !important;
  flex: 1 !important;
}

/* правила */
/* расы */
/* внешности */
/* роли */
.side-tabs-html,
.extended-tabs-html,
.players-tabs-html {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
  background: var(--beg300);
  border-radius: 6px;
  padding: 15px;
}

.side-tabs-html__title,
#pun .side-tabs-html__nav,
.side-tabs-html__panels,
.extended-tabs-html__title,
#pun .extended-tabs-html__nav,
.extended-tabs-html__panels,
.extended-tabs-html__fixed,
.players-tabs-html__title,
.players-tabs-html__nav,
.players-tabs-html__panels{
  position: relative;
  padding: 0;
  margin: 0;
  left: unset;
  right: unset;
  bottom: unset;
  top: unset;
  width: auto !important;
  min-width: unset !important;
  height: auto !important
}

.side-tabs-html__nav,
.extended-tabs-html__nav,
.players-tabs-html__nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
  padding: 0 !important;
  height: auto !important;
  overflow: visible !important;
  max-height: unset !important;
}

.side-tabs-html__tab,
.extended-tabs-html__tab,
.players-tabs-html__tab {
  margin: 0 !important;
  min-width: 40% !important;
  flex: 1 !important;
}

.extended-tabs-html__fixed {
  border: 1px dashed var(--borders);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  padding: 10px
}

.extended-tabs-html__fixed-title {
  align-self: flex-start;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 0 0 6px 0;
  box-shadow: none;
  width: auto;
  border-right: 1px dashed var(--borders);
  border-bottom: 1px dashed var(--borders);
  padding: 5px 10px;
  height: auto
}


/* печатные и магические издания */
.common-tabs__area {
  position: relative;
  padding: 0;
  margin: 0;
  left: unset;
  right: unset;
  bottom: unset;
  top: unset;
  width: auto;
  height: auto !important
}

/* соглашение */
.rasa-html {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
  background: var(--beg300);
  border-radius: 6px;
  padding: 15px;
}

.bottom-tabs-html__title,
.rasa-html__post-text,
.post-directory {
  position: relative;
  padding: 0;
  margin: 0;
  left: unset;
  right: unset;
  bottom: unset;
  top: unset;
  width: auto;
  height: auto !important
}

.bottom-tabs-html__title {
  overflow: unset;
  white-space: wrap;
}

/* справочник игрока */
@media(max-width:600px){
  .player-guide{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-areas:
      "title title title"
      "support game master"
      "links links links"
      "about about about"!important;
    gap:16px 8px!important;
    width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
    padding:18px 12px 34px!important;box-sizing:border-box!important;overflow:visible!important;
    background-size:cover!important;background-position:center top!important
  }

  .pg-title{
    grid-area:title!important;position:relative!important;top:auto!important;left:auto!important;
    width:100%!important;height:auto!important;font-size:20px!important;line-height:1.2!important;
    white-space:normal!important
  }

  .pg-contact{
    position:relative!important;top:auto!important;left:auto!important;width:auto!important;height:auto!important;
    min-width:0!important
  }
  .pg-support{grid-area:support!important}
  .pg-game{grid-area:game!important}
  .pg-master{grid-area:master!important}

  .pg-avatar-link{width:52px!important;height:52px!important;padding:3px!important;border-width:2px!important}
  .pg-avatar{width:52px!important;height:52px!important}
  .pg-label{
    display:block!important;max-width:88px!important;margin:4px auto 0!important;padding:2px 3px!important;
    font-size:7px!important;line-height:1.15!important;white-space:normal!important
  }

  .pg-links-block{
    grid-area:links!important;position:relative!important;top:auto!important;left:auto!important;width:100%!important;
    margin-top:2px!important
  }
  .pg-links-title{font-size:18px!important;line-height:1.2!important}
  .pg-links-nav{gap:6px 12px!important}
  .pg-links-nav a{
    flex:1 1 42%!important;padding:5px 4px!important;box-sizing:border-box!important;
    white-space:normal!important;text-align:center!important
  }

  .pg-about{
    grid-area:about!important;position:relative!important;top:auto!important;left:auto!important;width:100%!important;
    margin-top:2px!important;padding-bottom:16px!important
  }
  .pg-about-title{font-size:23px!important;line-height:1.2!important;text-align:center!important}
  .pg-about-text{
    max-height:none!important;overflow:visible!important;padding:10px 12px 14px!important;
    background:#f4f1e8!important;border:1px solid rgba(176,138,62,.45)!important;
    border-radius:5px!important;box-shadow:0 2px 8px rgba(92,70,34,.12)!important;
    font-size:12px!important;line-height:1.5!important;position:relative!important;z-index:3!important
  }
  .pg-about-text p{margin-bottom:9px!important}
}

@media(max-width:380px){
  .player-guide{padding:14px 8px 26px!important;gap:12px 5px!important}
  .pg-title{font-size:18px!important}
  .pg-avatar-link{width:46px!important;height:46px!important}
  .pg-avatar{width:46px!important;height:46px!important}
  .pg-label{font-size:6.5px!important}
  .pg-links-nav{gap:5px 8px!important}
  .pg-links-nav a{font-size:10px!important}
  .pg-about-title{font-size:21px!important}
  .pg-about-text{font-size:11.5px!important;padding:9px 10px 12px!important}
}
}