/* Тема «lobby» — обзор как витрина казино (эскиз design/layout-home/v1). Грузится ПОСЛЕ base.css и только
   дополняет его; цвета — только токены tokens.css. Шаблон главной — cms/render/themes/lobby/views/review.php. */

/* баннер: текст и оффер слева, кадр с баллом справа */
.lobby-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;margin:18px 0 0;padding:40px 36px 44px;border:1px solid var(--line-soft);border-radius:var(--r-lg);background:radial-gradient(900px 420px at 92% -12%,rgba(var(--accent-rgb),.20),transparent 62%),var(--felt-2)}
.lobby-hero h1{font-family:var(--sans);font-weight:800;font-size:clamp(30px,3.6vw,44px);line-height:1.08;letter-spacing:-.02em;margin:14px 0 16px}
.lobby-hero .quick-take{border:0;background:none;padding:0;margin:0}
.lobby-hero .quick-take p{font-size:17px;line-height:1.65;color:var(--ink-dim);margin:0}
.lobby-hero .quick-take strong{color:var(--brass)}
.lobby-offer{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:24px 0 10px}
.lobby-offer .btn{padding:15px 24px;font-size:16px}
.lobby-offer-txt{flex:1 1 240px;font-weight:600;color:var(--ink);font-size:15.5px;line-height:1.5}
.lobby-offer-txt p{margin:0}
.lobby-hero-text>.muted,.lobby-hero-text>p:last-child{font-size:12px;line-height:1.55}
.lobby-hero-media{display:flex;flex-direction:column;align-items:flex-start}
.lobby-hero-media .shot{order:2;width:100%}
.lobby-hero-media .shot{margin:0;max-width:none;box-shadow:0 30px 60px -32px #000}
/* балл стоит НАД кадром и заходит на его верхнюю полосу (шапку сайта казино): ни баннер, ни подпись под кадром
   (дата, источник) не перекрываются */
.lobby-score{position:relative;order:1;margin:0 0 -34px -22px;z-index:2;min-width:250px;max-width:300px;padding:14px 18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}
.lobby-score .rev-score{margin:0}.lobby-score .rev-score .n{font-family:var(--sans);font-weight:800;font-size:40px}
.lobby-score-note{font-size:11.5px;line-height:1.45;margin:4px 0 10px}
.lobby-score .sbd .r{grid-template-columns:minmax(0,1fr) 70px 30px;font-size:12.5px}

/* плитки: настоящая таблица тела, строки разложены карточками; шапка остаётся для скринридеров */
.lobby-tiles-wrap{margin:16px 0 0}
.lobby-tiles-wrap .table-wrap{border:0;overflow:visible;margin:0;background:none}
table.lobby-tiles,table.lobby-tiles tbody{display:block;width:100%;min-width:0}
table.lobby-tiles thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
table.lobby-tiles tbody{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
table.lobby-tiles tr{display:flex;flex-direction:column;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}
table.lobby-tiles td{display:block;border:0;padding:0;background:none;text-align:left}
table.lobby-tiles td:first-child{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--sage-aa)}
table.lobby-tiles td:nth-child(2){font-family:var(--sans);font-size:14.5px;line-height:1.35;color:var(--ink)}
table.lobby-tiles td:nth-child(3){font-size:12.5px;line-height:1.4;color:var(--ink-dim)}

/* оглавление лентой-чипами (theme.json → "toc": "chips"), липнет под шапкой */
.toc-chips{position:sticky;top:66px;z-index:5;margin:0 0 22px;padding:10px 0;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:var(--nav-bg);backdrop-filter:blur(10px)}
.toc-chips ul{flex-direction:row;gap:8px;overflow-x:auto;scrollbar-width:none}
.toc-chips li{flex:0 0 auto}
.toc-chips a{display:block;white-space:nowrap;font-size:13.5px;color:var(--ink-dim);border:1px solid var(--line);border-radius:999px;padding:6px 13px}
.toc-chips a::before{content:none}
.toc-chips a:hover{border-color:var(--brass);color:var(--ink)}
.theme-lobby [id]{scroll-margin-top:130px}

.lobby-side{position:relative;padding:18px 20px}

@media (max-width:1000px){
  .lobby-hero{grid-template-columns:minmax(0,1fr);padding:28px 20px 30px;gap:28px}
  table.lobby-tiles tbody{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lobby-score{order:3;margin:12px 0 0;max-width:none;width:100%}
}
@media (max-width:560px){
  .lobby-hero{padding:22px 16px 24px;border-radius:var(--r)}
  table.lobby-tiles tbody{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lobby-score{order:3;margin:12px 0 0;max-width:none;width:100%}
  .toc-chips{top:58px}
}
table.lobby-tiles td.num,table.lobby-tiles td.num strong{font-family:var(--sans);text-align:left}

/* ── ВНУТРЕННИЕ СТРАНИЦЫ (бонус, аккаунт, выплаты, VIP, надёжность, служебные) ──────────────────────────────
   Не витрина, а страница раздела: тот же язык, что у главной (гротеск, угольные карточки, зелёный акцент),
   но без баннера, плиток и оффера в шапке. Шапка — карточка .article-head (шаблон темы views/_head.php;
   служебные страницы печатают тот же класс сами), ниже кадр, чипы разделов и текст. */
.theme-lobby h1,.theme-lobby h2,.theme-lobby h3,.theme-lobby h4{font-family:var(--sans);letter-spacing:-.01em}
.theme-lobby h1{font-weight:800}.theme-lobby h2{font-weight:750}.theme-lobby h3{font-weight:700}
.theme-lobby main:not(.lobby) .article-head{position:relative;margin:14px 0 24px;padding:28px 30px 24px!important;border-radius:var(--r-lg);
  box-shadow:inset 0 0 0 1px var(--line-soft);background:radial-gradient(760px 320px at 100% -30%,rgba(var(--accent-rgb),.16),transparent 62%),var(--felt-2)}
.theme-lobby main:not(.lobby) .article-head h1{font-size:clamp(27px,2.9vw,38px);line-height:1.1;letter-spacing:-.02em;margin:14px 0 16px}
.theme-lobby main:not(.lobby) .article-head .quick-take{border-left:0;background:none;border-radius:0;padding:0;margin:0 0 14px}
.theme-lobby main:not(.lobby) .article-head .quick-take p{font-size:16.5px;color:var(--ink-dim)}
.theme-lobby main:not(.lobby) .article-head .quick-take strong{color:var(--brass)}
.theme-lobby main:not(.lobby) .article-head .lede{font-size:16.5px;line-height:1.65;margin:0 0 4px}
.theme-lobby main:not(.lobby) .article-head .meta{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-soft)}
.theme-lobby main:not(.lobby) .shot{border-radius:16px;box-shadow:0 26px 50px -34px #000}
.theme-lobby table.data th{background:rgba(var(--accent-rgb),.09)}
.theme-lobby .aside-sticky .card.lead{border-radius:var(--r-lg)}
@media (max-width:560px){.theme-lobby main:not(.lobby) .article-head{padding:20px 16px 18px!important;border-radius:var(--r)}}
/* страницы в одну колонку (выплаты, VIP, аккаунт, надёжность, служебные): шапка не шире колонки текста под ней */
.theme-lobby main:not(.lobby) > .article-head{max-width:760px}
/* логотип в шапке не сжимается: в строке меню он сжимался ПЕРВЫМ (замер 09.11.2026: 69 из 168 px на /bonus/, черта на
   служебных страницах, где кнопка длиннее — «Find Where to Play»). Сама шапка (бургер до 1380 px, логотип не
   сжимается) починена в base.css для всех тем; здесь — только размер логотипа темы. */
.theme-lobby .brand img.logo{width:112px;height:23px}
}
/* узкий телефон: логотип темы чуть меньше (переполнение шапки чинит base.css) */
@media (max-width:560px){
  .theme-lobby .brand img.logo{width:96px;height:20px}
}