/* Жидкое стекло — только для плашек поверх фотографий (шапки главной и календаря, фото стадиона и площадок).
   Слои: тёмная тонировка, размытие и насыщенность фона, блик сверху, тонкий светлый край и мягкая тень.
   В браузерах на Chromium liquid-glass.js добавляет преломление у краёв (атрибут data-lens — ширина края в пикселях).
   Основные кнопки (салатовые) стеклянными не делаем. Тонировку подбирает плашка: --lg-tint. */
:where(.lg){position:relative}
.lg{--lg-tint:rgba(7,23,45,.42);--lg-rim:rgba(255,255,255,.22);isolation:isolate;background:var(--lg-tint);color:#fff;-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(255,255,255,.12),inset 0 0 0 1px var(--lg-rim),0 14px 34px -12px rgba(3,12,26,.6)}
.lg::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.06) 34%,rgba(255,255,255,0) 60%,rgba(255,255,255,.1) 100%)}
/* Без размытия (старые браузеры) и с системной настройкой «уменьшить прозрачность» — плотная тёмная плашка. */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.lg{background:rgba(7,23,45,.88)!important}}
@media(prefers-reduced-transparency:reduce){.lg{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(7,23,45,.92)!important}.lg::before{display:none}}
@media(forced-colors:active){.lg{outline:1px solid CanvasText}}

/* Плашка «Ближайший старт» на фото в шапке главной и календаря: дата-номер, название, отсчёт и место.
   Где стоит плашка, решает страница. */
.lg-next{--lg-tint:rgba(7,23,45,.64);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 16px;width:min(360px,30vw);padding:20px;border-radius:20px;color:#fff;text-decoration:none;transition:background-color .2s,box-shadow .2s}
.lg-next[hidden]{display:none}
.lg-next:hover{--lg-tint:rgba(7,23,45,.74);--lg-rim:var(--lime,#dcff68)}
.lg-next-label{grid-column:1/-1;font:600 12px/1 ui-monospace,'SFMono-Regular',Menlo,Consolas,'Liberation Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--lime,#dcff68)}
.lg-next time{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:var(--lime,#dcff68);color:var(--ink,#07172d);font-variant-numeric:tabular-nums}
.lg-next time strong{font:600 28px/1 Oswald,'Oswald Fallback',sans-serif}
.lg-next time span{font-size:12px;margin-top:3px}
.lg-next-title{font:600 20px/1.2 Oswald,'Oswald Fallback',sans-serif;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lg-next-meta{grid-column:1/-1;font-size:13px;line-height:1.45;color:#e4ebf3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}