/* JEGG adaptation of the 2018 Roblox website.
 * Base typography, buttons, icons and cards: archived leanbase.css/page.css.
 * Landing composition: 20180117085652, RollerCoaster landing stylesheet.
 * Original images are local; see design/CLASSIC2018.md for provenance. */
.jegg-classic { background: #f2f4f5; color: #191919; }
.jegg-classic a:focus-visible, .jegg-classic button:focus-visible,
.jegg-classic input:focus-visible, .jegg-classic select:focus-visible,
.jegg-classic summary:focus-visible { outline: 2px solid #00a2ff; outline-offset: 3px; }
.jegg-classic [hidden] { display: none !important; }
.jegg-classic .wrap.no-gutter-ads .content { max-width: 1200px; padding: 24px 24px 36px; background: transparent; }
.jegg-classic .section { margin-bottom: 24px; }
.jegg-classic .section-header { margin-bottom: 10px; }
.jegg-classic .section-header h3 { font-size: 24px; font-weight: 600; }
.jegg-classic .section-content { border-radius: 0; }
.jegg-classic .container-empty { font-size: 16px; padding: 30px 18px; }
.classic-page-title { font-size: 32px; font-weight: 600; margin: 0 0 20px; }
.classic-divider { color: #b8b8b8; margin: 0 12px; }
.classic-nav-user { display: block; font-size: 18px; font-weight: 600; color: #191919; padding: 15px 16px 12px; border-bottom: 1px solid #e3e3e3; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; }
.halloween .classic-nav-user { color: var(--hw-cream); border-color: var(--hw-line); }
.c00l-haunt .classic-nav-user { color: #e6e6e6; border-color: #6b3434; }
.jegg-classic .jegg-left-link { border-radius: 0; font-size: 16px; }
.jegg-classic .jegg-left-col { border-right: 1px solid #e3e3e3; }
.jegg-classic .jegg-left-active { background: #f2f4f5; }
.jegg-classic .jegg-brand-logo { width: 94px; height: 28px; object-fit: contain; margin-top: 6px; }
.jegg-classic .container-footer { position: relative; height: auto; margin-top: 0; background: #fff; border-top: 1px solid #e3e3e3; }
.jegg-classic .footer { max-width: 1152px; padding: 30px 24px; margin: auto; }
.jegg-classic .footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 26px; margin: 0 0 24px; }
.jegg-classic .footer-link { float: none; width: auto; padding: 0; }
.jegg-classic .text-footer-nav { font-size: 16px; font-weight: 400; color: #757575; }
.jegg-classic .footer-note { text-align: center; }
.jegg-classic .wrap { min-height: 100vh; }
.jegg-classic { margin-bottom: 0; }
.jegg-classic:not(.halloween) .jegg-hw-strip { margin: 0 0 20px; padding: 10px 14px; background: #fff3df; border: 1px solid #ead3aa; color: #664318; }
.jegg-classic:not(.halloween) .jegg-hw-strip b,
.jegg-classic:not(.halloween) .jegg-hw-strip a { color: #8c4c00; }
.classic-landing:not(.halloween) .jegg-hw-strip { margin: 0; justify-content: center; }
.jegg-classic:not(.halloween) .jegg-left-halloween { color: #8c4c00; }

@media (min-width: 992px) {
  .jegg-classic .rbx-header .container-fluid { display: flex; align-items: center; padding: 0 14px; gap: 16px; }
  .jegg-classic .rbx-header .container-fluid::before,
  .jegg-classic .rbx-header .container-fluid::after { content: none; }
  .jegg-classic .rbx-navbar-header { flex: 0 0 110px; width: 110px; }
  .jegg-classic .rbx-header .rbx-navbar { float: none; flex: 0 0 auto; width: auto; padding: 0; margin: 0; gap: 8px; }
  .jegg-classic .rbx-header .rbx-navbar .nav-menu-title { font-size: 16px; padding: 10px 9px; }
  .jegg-classic .rbx-header .rbx-navbar-search { float: none; flex: 1 1 280px; width: auto; min-width: 100px; max-width: 360px; padding: 0; margin: 0 auto 0 0; }
  .jegg-classic .rbx-header .rbx-navbar-right { flex: 0 0 auto; float: none; position: static; width: auto; }
  .jegg-classic .rbx-header .rbx-navbar-right-nav { margin: 0; }
  .jegg-classic .rbx-header .rbx-navbar-right-nav .nav-menu-title { padding-left: 8px; padding-right: 8px; }
  .jegg-classic .jegg-navbar-username { max-width: 120px; text-overflow: ellipsis; overflow: hidden; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .jegg-classic .rbx-header .container-fluid { gap: 8px; }
  .jegg-classic .rbx-header .rbx-navbar { gap: 0; }
  .jegg-classic .rbx-header .rbx-navbar .nav-menu-title { padding-left: 6px; padding-right: 6px; }
  .jegg-classic .rbx-header .jegg-navbar-username { display: none; }
}

/* Personal home: unboxed greeting, white friends strip, original square cards. */
.classic-home .jegg-greeting { background: transparent; padding: 0; min-height: 150px; gap: 24px; }
.classic-home .jegg-greeting { box-shadow: none; }
.classic-home .jegg-greeting .jegg-avatar { width: 140px; height: 140px; border-radius: 50%; background: #e3e3e3; }
.classic-home .jegg-greeting h2 { font-size: 32px; font-weight: 400; margin: 0 0 10px; }
.classic-home .jegg-friends { padding: 12px 0; }
.jegg-classic .games-list { min-height: 0; }
.jegg-classic .games.game-cards-grid.jegg-popular { grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); gap: 18px 12px; }
.jegg-classic .jegg-popular .game-card-container { border-radius: 0; padding-bottom: 10px; background: #fff; box-shadow: 0 1px 3px #0002; }
.jegg-classic .jegg-popular .game-card-container:hover { box-shadow: 0 1px 5px #0004; }
.jegg-classic .jegg-popular .game-card-thumb-container { border-radius: 0; }
.jegg-classic .jegg-popular .game-card-name { font-size: 16px; font-weight: 600; height: 2.5em; line-height: 1.25; margin: 8px 9px 3px; padding: 0; }
.classic-game-author { font-size: 12px; color: #757575; margin: 0 9px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jegg-classic .jegg-popular .game-card-name-secondary { margin: 0 9px 5px; padding: 0; font-size: 12px; }
.jegg-classic .jegg-popular .game-card-vote { margin: 0 9px; }
.jegg-classic .jegg-popular .game-card-vote .vote-bar { display: flex; align-items: center; gap: 4px; width: 100%; }
.jegg-classic .jegg-popular .game-card-vote .vote-container { flex: 1; width: auto; margin: 0; }
.jegg-classic .jegg-popular .game-card-vote .jegg-vote-label { position: static; width: auto; float: none; font-size: 11px; }
.jegg-classic .game-card-link { display: block; }

/* Games directory: browse bar and full category shelves. */
.classic-games-heading { display: flex; align-items: baseline; gap: 20px; }
.classic-games-heading h1 { flex: 1; }
.classic-online { font-size: 14px; color: #757575; white-space: nowrap; }
.classic-online > span { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #02b757; margin-right: 5px; }
.classic-browse-tabs { display: flex; border-bottom: 1px solid #b8b8b8; margin-bottom: 18px; gap: 32px; overflow-x: auto; }
.classic-browse-tabs a { color: #757575; border-bottom: 3px solid transparent; padding: 10px 4px 12px; font-size: 18px; white-space: nowrap; }
.classic-browse-tabs a:hover { color: #191919; text-decoration: none; }
.classic-browse-tabs a.active { color: #191919; border-color: #00a2ff; font-weight: 600; }
.classic-downloads { border: 1px solid #e3e3e3; background: #fff; margin: 0 0 24px; }
.classic-downloads summary { cursor: pointer; font-weight: 600; padding: 12px 16px; }
.classic-downloads summary::after { content: '+'; font: 22px/1 'Source Sans Pro', sans-serif; float: right; }
.classic-downloads[open] summary::after { content: '−'; }
.classic-downloads summary span { font-weight: 400; font-size: 14px; margin-left: 12px; }
.classic-downloads .section-content { border-top: 1px solid #e3e3e3; }
.classic-game-section, #my-games { scroll-margin-top: 130px; }

/* Game page uses the 2018 large thumbnail / narrow play-column composition. */
.classic-place-detail .jegg-place { background: transparent; }
.classic-place-detail .jegg-place-main { display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); padding: 0 0 24px; gap: 24px; background: transparent; align-items: start; }
.classic-place-detail .jegg-place-main { box-shadow: none; }
.classic-place-detail .jegg-place-main::before,
.classic-place-detail .jegg-place-main::after { content: none; }
.classic-place-detail .jegg-place-thumb { aspect-ratio: 16 / 9; width: 100%; border-radius: 0; }
.classic-place-detail .jegg-place-thumb::before { content: none; }
.classic-place-detail .jegg-place-title { font-size: 32px; line-height: 1.1; margin: 0 0 12px; }
.classic-place-detail .jegg-place-creator { font-size: 16px; }
.classic-place-detail .jegg-place-genre { font-size: 14px; }
.classic-place-detail .jegg-place-play { max-width: none; margin-top: 24px; margin-bottom: 14px; }
.classic-place-detail .jegg-play-btn { min-height: 60px; border-radius: 3px; }
.classic-place-detail .jegg-place-favorite { text-align: center; }
.classic-place-detail .jegg-place-vote { margin-top: 14px; }
.classic-place-detail .jegg-place-tabs { display: flex; margin: 0; background: #fff; border: 0; }
.classic-place-detail .jegg-place-tab { width: 50%; text-align: center; border-bottom-width: 4px; padding: 15px; font-size: 18px; }
.classic-place-detail .jegg-place-tab.active { border-color: #00a2ff; }
.classic-place-detail .jegg-place-about, .classic-place-detail .jegg-servers { background: #fff; padding: 24px; }
.classic-place-detail .jegg-place-stats { background: #fff; padding: 18px 24px; }
.classic-place-detail .jegg-place-desc { line-height: 1.6; }
.classic-place-detail .jegg-shots { margin-bottom: 24px; }

/* Landing: declarations adapted from the captured RollerCoaster page.
 * Full-width photographic sections, transparent white form, large wordmark. */
.classic-landing .jegg-left-col { display: none; }
.classic-landing .container-main, .classic-landing .container-footer { padding-left: 0; }
.classic-landing .wrap.no-gutter-ads .content { padding: 0; max-width: none; width: 100%; }
.classic-landing .jegg-alerts { margin: 0; padding: 12px; }
.classic-hero { position: relative; background: #4387aa url('/static/classic2018/rollercoaster.png') no-repeat center center / cover; min-height: 670px; min-height: min(820px, calc(100svh - 40px)); padding: 80px 36px 70px; display: flex; align-items: center; }
.classic-hero-inner { max-width: 1080px; width: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 70px; }
.classic-hero-brand { flex: 1; text-align: center; color: #fff; }
.classic-hero-brand img { width: 100%; max-width: 470px; height: auto; object-fit: contain; filter: drop-shadow(0 2px 2px #0006); }
.classic-hero-brand p { font-size: 25px; font-weight: 600; text-shadow: 0 2px 3px #0009; margin: 18px 0; letter-spacing: 1px; }
.classic-welcome-card { width: 370px; flex: 0 0 370px; padding: 26px; background: rgba(255,255,255,.95); box-shadow: #191919 0 1px 4px 0; text-align: center; }
.classic-welcome-card h1 { font-size: 25px; font-weight: 600; margin: 0 0 8px; }
.classic-welcome-card > p { color: #757575; font-size: 16px; }
.classic-welcome-card .input-field { height: 44px; font-size: 18px; margin-bottom: 12px; }
.classic-welcome-card .classic-signup-button { width: 100%; display: block; margin: 24px 0 18px; font-size: 22px; }
.classic-login-divider { display: flex; align-items: center; gap: 12px; font-size: 14px; color: #757575; margin: 18px 0; }
.classic-login-divider::before, .classic-login-divider::after { content: ''; height: 1px; background: #ccc; flex: 1; }
.classic-forgot { display: inline-block; margin-top: 12px; font-size: 14px; }
.classic-welcome-card .classic-welcome-note { font-size: 13px; line-height: 1.4; margin: 20px 0 0; }
.classic-hero-down { position: absolute; bottom: 12px; left: calc(50% - 24px); color: white; font-size: 50px; line-height: 45px; text-align: center; width: 48px; text-shadow: 0 1px 3px #000; }
.classic-hero-down:hover { color: #fff; text-decoration: none; }
.classic-about { background: #010001 url('/static/classic2018/world.jpg') no-repeat 30% center / cover; color: white; padding: 80px 7%; min-height: 520px; display: flex; align-items: center; scroll-margin-top: 100px; }
.classic-about-copy { margin-left: 48%; max-width: 560px; padding: 28px; background: rgba(0,0,0,.7); }
.classic-about h2, .classic-devices h2 { font-size: 36px; font-weight: 300; margin: 0 0 24px; }
.classic-about p { font-size: 21px; font-weight: 300; line-height: 1.5; margin: 0 0 20px; }
.classic-worlds { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; background: #fff; padding-top: 5px; }
.classic-worlds img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.classic-devices { background: #fff; text-align: center; padding: 70px 24px; }
.classic-devices > p { font-size: 21px; font-weight: 300; }
.classic-device-links { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin: 30px 0; }
.classic-devices .classic-studio-link { font-size: 16px; margin: 30px 0 0; }
.signup-page { background-image: url('/static/classic2018/rollercoaster.png'); background-position: center; }
.classic-signup-logo { width: 100%; max-width: 380px; height: auto; }
.signup-page .signup-card { border-radius: 0; background: rgba(255,255,255,.95); box-shadow: #191919 0 1px 4px 0; }
.signup-page .signup-tagline { font-size: 20px; font-weight: 600; letter-spacing: 1px; }

@media (max-width: 991px) {
  .jegg-classic .wrap.no-gutter-ads .content { padding: 20px 18px 30px; }
  .classic-landing .wrap.no-gutter-ads .content { padding: 0; }
  .classic-place-detail .jegg-place-main { grid-template-columns: minmax(0, 3fr) minmax(230px, 2fr); gap: 18px; }
  .classic-hero { padding: 50px 24px 60px; min-height: 650px; }
  .classic-hero-inner { gap: 32px; }
  .classic-hero-brand p { font-size: 19px; }
  .classic-welcome-card { width: 340px; flex-basis: 340px; }
  .classic-about-copy { margin-left: 35%; }
}
@media (max-width: 767px) {
  .classic-page-title { font-size: 28px; margin-bottom: 16px; }
  .jegg-classic .wrap.no-gutter-ads .content { padding: 18px 12px 24px; }
  .jegg-classic .section-header h3 { font-size: 22px; }
  .jegg-classic .games.game-cards-grid.jegg-popular { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 10px; }
  .classic-home .jegg-greeting-section { margin-bottom: 8px; }
  .classic-home .jegg-greeting { flex-direction: column; text-align: center; gap: 8px; min-height: 0; }
  .classic-home .jegg-greeting .jegg-avatar { width: 92px; height: 92px; }
  .classic-home .jegg-greeting h2 { font-size: 32px; margin-bottom: 0; overflow-wrap: anywhere; }
  .classic-home .jegg-greeting-section .jegg-greeting { margin-bottom: 0; }
  .classic-home .jegg-greeting-text p { font-size: 14px; }
  .classic-home .classic-divider { margin: 0 4px; }
  .classic-browse-tabs { gap: 24px; }
  .classic-browse-tabs a { font-size: 16px; }
  .classic-downloads summary span { display: block; margin: 4px 0 0; font-size: 12px; }
  .classic-place-detail .jegg-place-main { display: flex; flex-direction: column; gap: 18px; }
  .classic-place-detail .jegg-place-thumb { flex: none; margin: 0; }
  .classic-place-detail .jegg-place-info { width: 100%; }
  .classic-place-detail .jegg-place-title { font-size: 28px; }
  .classic-place-detail .jegg-place-about, .classic-place-detail .jegg-servers { padding: 18px 14px; }
  .classic-landing .wrap.no-gutter-ads .content { padding: 0; }
  .classic-hero { padding: 35px 18px 60px; min-height: 0; }
  .classic-hero-inner { flex-direction: column; gap: 20px; }
  .classic-hero-brand img { max-width: 230px; }
  .classic-hero-brand p { font-size: 16px; margin: 12px 0 0; }
  .classic-welcome-card { width: 100%; max-width: 370px; flex-basis: auto; padding: 24px; }
  .classic-about { padding: 48px 20px; min-height: 420px; background-position: 20% center; }
  .classic-about-copy { margin: 0; padding: 24px; }
  .classic-about h2, .classic-devices h2 { font-size: 30px; }
  .classic-about p { font-size: 19px; }
  .classic-worlds { grid-template-columns: 1fr; }
  .classic-worlds img:not(:first-child) { display: none; }
  .classic-devices { padding: 45px 20px; }
}
@media (max-width: 479px) {
  .jegg-classic .games.game-cards-grid.jegg-popular { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ── Доработка 2026-10-26: значки, шапка, списки, телефон ─────────────────
 * Значки — inline SVG из templates/_icons.html (не эмодзи и не символы шрифта). */
.jegg-icon { display: inline-block; flex: none; vertical-align: -.15em; }
.jegg-btn-icon { margin-right: 6px; vertical-align: -3px; }
.jegg-icon-star-filled { color: #f5b301; }

/* Шапка: белый логотип, как у Роблокса 2018, и порядок справа как в разметке
 * (у leanbase li float:right переворачивал его: «Выйти» оказывался первым). */
.jegg-classic:not(.halloween):not(.c00l-haunt) .rbx-header .jegg-brand-logo { filter: brightness(0) invert(1); }
.jegg-classic .rbx-header .jegg-brand { display: flex; align-items: center; height: 40px; padding: 0; }
.jegg-classic .rbx-header .jegg-brand-logo { width: auto; height: 22px; margin: 0; }
.jegg-classic .rbx-header .jegg-robux-icon { color: #fff; }
.jegg-classic .rbx-header .rbx-navbar .nav-menu-title { font-size: 16px; font-weight: 400; }
.jegg-classic .rbx-header #navbar-search-input::placeholder { color: #999; opacity: 1; }
@media (min-width: 992px) {
  .jegg-classic .rbx-header .rbx-navbar-right-nav { display: flex; align-items: center; }
  .jegg-classic .rbx-header .rbx-navbar-right-nav > li { float: none; }
  .jegg-classic .rbx-header .rbx-navbar-right-nav .nav-menu-title { display: inline-flex; align-items: center; gap: 4px; }
}
@media (max-width: 991px) {
  .jegg-classic .rbx-header .jegg-brand { height: 40px; }
  .jegg-classic .rbx-header .jegg-brand-logo { height: 18px; }
}

/* Левое меню и мобильная панель: значок 20px слева от подписи. */
@media (min-width: 992px) {
  .jegg-classic .jegg-left-link { display: flex; align-items: center; gap: 10px; line-height: 20px; padding: 6px 8px; font-size: 15px; }
  .jegg-classic:not(.halloween):not(.c00l-haunt) .jegg-left-link:not(.jegg-left-halloween) { color: #393b3d; }
  .jegg-classic:not(.halloween):not(.c00l-haunt) .jegg-left-active { color: #191919; }
  .jegg-classic .jegg-left-label { margin-left: 0; }
  .jegg-classic .jegg-left-pumpkin { width: 20px; height: 20px; }
  .jegg-classic .jegg-left-col .rbx-scrollbar li .notification-blue { transform: translateY(-50%); }
}
.jegg-nav-panel-list a { display: flex; align-items: center; gap: 12px; }
.jegg-nav-panel-list a .jegg-icon { opacity: .7; }
@media (max-width: 991px) {
  .jegg-nav-panel { max-height: calc(100svh - 90px); overflow-y: auto; overscroll-behavior: contain; }
}

/* Заголовки разделов: название слева, кнопка справа в одну строку — и на
 * телефоне тоже (раньше кнопка уезжала под заголовок или налезала на него). */
.jegg-classic .container-header,
.jegg-classic .section-header { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.jegg-classic .container-header::before, .jegg-classic .container-header::after,
.jegg-classic .section-header::before, .jegg-classic .section-header::after { content: none; }
.jegg-classic .container-header > h1, .jegg-classic .container-header > h2, .jegg-classic .container-header > h3,
.jegg-classic .section-header > h1, .jegg-classic .section-header > h2, .jegg-classic .section-header > h3 {
  float: none; width: auto; flex: 1 1 auto; min-width: 0; margin: 0; overflow-wrap: anywhere;
}
.jegg-classic .container-header > .btn-more, .jegg-classic .section-header > .btn-more,
.jegg-classic .container-header > a[class*="btn-"], .jegg-classic .section-header > a[class*="btn-"],
.jegg-classic .container-header > form, .jegg-classic .section-header > form {
  position: static; float: none; flex: none; margin: 0 0 0 auto; width: auto;
}
.jegg-classic .container-header { margin-bottom: 12px; }
.jegg-classic .container-header > span.text-secondary,
.jegg-classic .section-header > span.text-secondary { flex: none; font-size: 14px; }

/* Сетка карточек игр на всю ширину раздела (games-list у page.css float:left
 * и сжимался по содержимому — справа оставалась пустая полоса). */
.jegg-classic .games-list { float: none; width: 100%; }
.jegg-classic .game-card-name { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* «Скачать JEGG» на /places: стрелка рисуется рамкой, а не символом «+». */
.classic-downloads summary { display: flex; align-items: center; gap: 12px; list-style: none; }
.classic-downloads summary::-webkit-details-marker { display: none; }
.classic-downloads summary span { flex: 1; }
.classic-downloads summary::after,
.classic-downloads[open] summary::after { content: ''; float: none; width: 8px; height: 8px; border: solid #757575; border-width: 0 2px 2px 0; transform: rotate(45deg); margin: -4px 4px 0 auto; transition: transform .15s; }
.classic-downloads[open] summary::after { transform: rotate(-135deg); margin-top: 4px; }

/* Пасхалки Хэллоуина — плоские SVG, не эмодзи, и не перекрывают соседей. */
.jegg-classic .hw-hidden-friend button { color: #ef7f1a; display: inline-flex; align-items: center; justify-content: center; }
.jegg-classic .hw-hidden-ghost { float: none; margin-left: auto; }
.jegg-classic .hw-hidden-ghost button {
  color: #fff4df;
  background: radial-gradient(circle at 35% 30%, #9a74c5, #4b315f 70%);
  border: 2px solid #ef7f1a;
  border-radius: 50%;
  box-shadow: 0 2px 8px #0005, 0 0 0 3px #ef7f1a33;
  min-height: 52px;
  min-width: 52px;
}
.jegg-classic .hw-hidden-ghost .jegg-icon { height: 36px; width: 36px; }
.jegg-classic .hw-hidden-bat button, .jegg-classic .hw-hidden-cat button { color: #2b2b2b; }

/* Значок без картинки. */
.jegg-badge-blank { display: flex; align-items: center; justify-content: center; color: #f5b301; }
.jegg-launch-close { display: inline-flex; align-items: center; justify-content: center; }

/* Страница игры: избранное — во всю ширину под кнопкой «Играть»,
 * кнопки автора — ровной сеткой, подписи статистики читаемые. */
.classic-place-detail .jegg-place-favorite button { width: 100%; display: inline-flex; align-items: center; justify-content: center; }
.classic-place-detail .jegg-place-owner-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
.classic-place-detail .jegg-place-owner-actions > * { margin: 0; }
.classic-place-detail .jegg-place-owner-actions .btn-control-md,
.classic-place-detail .jegg-place-owner-actions button { width: 100%; text-align: center; white-space: normal; }
.classic-place-detail .jegg-place-staff-actions button { width: 100%; }
.classic-place-detail .jegg-place-stats .jegg-stat-value { font-size: 18px; }
.classic-place-detail .jegg-place-stats .jegg-stat-label { font-size: 13px; color: #757575; }
.classic-place-detail .jegg-place-desc { font-family: inherit; font-size: 16px; overflow-wrap: anywhere; }

/* Футер: компактный ряд ссылок, без пустых колонок. */
.jegg-classic .footer-links { gap: 8px 22px; }
.jegg-classic .footer-link { flex: none; min-width: 0; }
.jegg-classic .text-footer-nav { font-size: 15px; }
.jegg-classic .text-footer-nav:hover { color: #191919; text-decoration: none; }

/* Вкладки поиска: отступы между «Плейсы» и «Игроки». */
.jegg-search-tabs .nav-tabs { display: flex; gap: 4px; }
.jegg-search-tabs .rbx-tab { float: none; flex: 1; text-align: center; }
.jegg-search-tabs .rbx-tab-heading { display: block; padding: 10px 12px; }

/* Сообщения: «Конфиденциальность» переносится под заголовок, а не за край. */
.jegg-dm-head { flex-wrap: wrap; }

@media (max-width: 767px) {
  .jegg-classic .container-header > h1, .jegg-classic .section-header > h1 { font-size: 28px; }
  .jegg-classic .container-header > h3, .jegg-classic .section-header > h3 { font-size: 20px; }
  /* Строки-таблицы на телефоне: подписи слева, кнопки справа в той же
   * карточке, а не столбиком ниже — список заявок занимал экран на троих. */
  .jegg-table tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; align-items: center; padding: 10px 12px; margin-bottom: 8px; }
  .jegg-table td { grid-column: 1; padding: 1px 0; }
  .jegg-table td.jegg-actions,
  .jegg-table td.jegg-friend-row-actions { grid-column: 2; grid-row: 1 / span 8; padding: 0; text-align: right; display: flex; flex-direction: column; gap: 6px; align-items: stretch; }
  .jegg-table td.jegg-actions form,
  .jegg-table td.jegg-friend-row-actions form { margin: 0; display: block; }
  .jegg-table td.jegg-actions [class*="btn-"],
  .jegg-table td.jegg-friend-row-actions [class*="btn-"] { width: 100%; }
  .jegg-table td[colspan] { grid-column: 1 / -1; }
  /* Футер на телефоне — плотнее. */
  .jegg-classic .footer { padding: 22px 16px; }
  .jegg-classic .footer-links { gap: 6px 18px; margin-bottom: 14px; }
  .jegg-classic .text-footer-nav { font-size: 14px; }
}
@media (min-width: 992px) {
  /* Слева направо: ник, робуксы, тиксы, уведомления, настройки, «Выйти»;
   * у гостя — «Войти», затем зелёная «Регистрация». */
  .jegg-classic .rbx-header .rbx-navbar-right-nav { flex-direction: row; gap: 2px; }
  .jegg-classic .rbx-header .rbx-navbar-right-nav > li:has(.jegg-navbar-username) { order: 1; }
  .jegg-classic .rbx-header .rbx-navbar-right-nav > li:has(.jegg-robux) { order: 2; }
  .jegg-classic .rbx-header .rbx-navbar-right-nav > li:has(.jegg-tix) { order: 3; }
  .jegg-classic .rbx-header .rbx-navbar-right-nav > li:has(.jegg-navbar-bell) { order: 4; }
  .jegg-classic .rbx-header .rbx-navbar-right-nav > li:has(.jegg-navbar-settings) { order: 5; }
  .jegg-classic .rbx-header .rbx-navbar-right-nav > li { order: 6; }
  .jegg-classic .rbx-header .rbx-navbar-right-nav > li.login-action { order: 1; }
  .jegg-classic .rbx-header .rbx-navbar-right-nav > li.signup-button-container { order: 2; margin-left: 6px; }
}
@media (max-width: 543px) {
  /* Профиль на телефоне: всё по центру, кнопки во всю ширину карточки. */
  .jegg-profile-head > :not(.jegg-avatar) { width: 100%; }
  .jegg-profile-head h1 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 6px; }
  .jegg-profile-id { display: flex; justify-content: center; align-items: center; gap: 8px; }
  .jegg-profile-actions { flex-direction: column; align-items: stretch; }
  .jegg-profile-actions > a, .jegg-profile-actions form, .jegg-profile-actions button { width: 100%; }
}

/* Каталог: фильтры. На ПК — колонка слева, на телефоне — свёрнуты под кнопкой. */
.jegg-filters-box { flex: none; }
.jegg-filters-summary { display: none; }
@media (max-width: 767px) {
  .jegg-filters-box { margin-bottom: 12px; border: 1px solid #e3e3e3; background: #fff; }
  .jegg-filters-summary { display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 12px 14px; font-weight: 600; list-style: none; }
  .jegg-filters-summary::-webkit-details-marker { display: none; }
  .jegg-filters-summary::after { content: ''; width: 8px; height: 8px; border: solid #757575; border-width: 0 2px 2px 0; transform: rotate(45deg); margin: -4px 4px 0 0; }
  .jegg-filters-box[open] .jegg-filters-summary::after { transform: rotate(-135deg); margin-top: 4px; }
  .jegg-filters-box .jegg-filters { margin: 0; border-top: 1px solid #e3e3e3; border-radius: 0; }
  .jegg-filters-box .jegg-filters-title { display: none; }
}
.classic-place-detail .jegg-place-desc { font-family: 'Source Sans Pro', Arial, sans-serif; }
.classic-place-detail .jegg-place-vote-bar { width: 100%; max-width: none; }
.jegg-classic .hw-hidden-friend { margin: 0 0 4px auto; }
@media (min-width: 768px) { .jegg-filters-box .jegg-filters { width: 182px; } }

/* Лендинг: красный логотип на красных горках терялся — белая обводка. */
.classic-hero-brand img { filter: drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 4px 6px rgba(0,0,0,.35)); }
.classic-hero-down { display: inline-flex; align-items: center; justify-content: center; height: 48px; filter: drop-shadow(0 1px 2px #000); }
.classic-device-links .btn-secondary-lg { display: inline-flex; align-items: center; gap: 8px; }
.classic-device-links .jegg-btn-icon { margin: 0; }