/* Кто в эфире — feuille unique. Thème clair « grille de programmes » : papier froid, encre marine, lampe rouge d'antenne. */
@font-face{font-family:"Golos Text";src:url(/type/gt-cyrillic-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";src:url(/type/gt-latin-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Golos Text";src:url(/type/gt-cyrillic-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";src:url(/type/gt-latin-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Golos Text";src:url(/type/gt-cyrillic-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";src:url(/type/gt-latin-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Dela Gothic One";src:url(/type/dg-cyrillic-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Dela Gothic One";src:url(/type/dg-latin-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}

:root{
  --bumaga:#e8edf2; --list:#f7f9fb; --tush:#14213d; --tush-2:#44506a; --liniya:#c3ccd8;
  --signal:#d9082e; --luch:#0b6e8f; --zhelt:#f4c430;
  --sc:#b3122f; --bc:#7a3fb0; --cb:#c26a00; --prochie:#3d6b4f;
  --shrift:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --afisha:"Dela Gothic One","Golos Text",system-ui,sans-serif;
  --shir:72rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bumaga);color:var(--tush);font:400 1rem/1.55 var(--shrift);overflow-wrap:anywhere}
img{max-width:100%;height:auto;display:block}
a{color:var(--luch);text-underline-offset:.18em}
a:hover{color:var(--signal)}
:focus-visible{outline:3px solid var(--zhelt);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-family:var(--afisha);font-weight:400;line-height:1.12;letter-spacing:-.01em;margin:0}
h1{font-size:clamp(1.9rem,1.2rem + 3.2vw,3.4rem)}
h2{font-size:clamp(1.25rem,1.05rem + 1vw,1.7rem);margin-bottom:.9rem}
p{margin:0 0 1rem}
.obhod{position:absolute;left:-999px;top:0;background:var(--tush);color:#fff;padding:.6rem 1rem;z-index:20}
.obhod:focus{left:.5rem;top:.5rem}

/* Lampe d'antenne : le seul élément animé du site. */
.lampa{display:inline-block;width:.72em;height:.72em;border-radius:50%;background:var(--signal);box-shadow:0 0 0 .22em rgba(217,8,46,.18);margin-right:.5em;vertical-align:.02em;animation:lampa 2.4s ease-in-out infinite}
@keyframes lampa{50%{box-shadow:0 0 0 .42em rgba(217,8,46,.06);opacity:.72}}
@media (prefers-reduced-motion:reduce){.lampa{animation:none}html{scroll-behavior:auto}}

.pult{background:var(--tush);color:#fff;position:sticky;top:0;z-index:10}
.pult{display:flex;align-items:center;gap:1.25rem;padding:.55rem max(1rem,calc((100vw - var(--shir))/2))}
.pult-znak{display:flex;align-items:center;color:#fff;text-decoration:none;font-family:var(--afisha);font-size:1.12rem;white-space:nowrap;flex:none}
.pult-znak:hover{color:#fff}
.pult-kanaly{display:flex;gap:.2rem;overflow-x:auto;scrollbar-width:none;margin-left:auto;-webkit-overflow-scrolling:touch}
.pult-kanaly::-webkit-scrollbar{display:none}
.pult-kanaly a{color:#dbe3ee;text-decoration:none;padding:.45rem .7rem;border-radius:999px;white-space:nowrap;font-weight:600;font-size:.93rem}
.pult-kanaly a:hover{background:rgba(255,255,255,.12);color:#fff}
.pult-kanaly a[aria-current=page]{background:#fff;color:var(--tush)}

main{max-width:var(--shir);margin:0 auto;padding:0 1rem 3rem}
.zastavka{display:grid;gap:1.75rem;padding:2.2rem 0 1.4rem;align-items:start}
@media (min-width:60rem){.zastavka{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2.5rem;padding-top:3rem}}
.shapka{padding:2rem 0 1rem;max-width:52rem}
.v-efire{font-weight:700;color:var(--signal);margin-bottom:.7rem}
.ne-v-efire{color:var(--tush-2);font-weight:600;margin:.6rem 0 0}
.vvod{font-size:1.14rem;line-height:1.5;color:var(--tush-2);max-width:40rem;margin-top:.9rem}
.kroshki{font-size:.9rem;color:var(--tush-2);margin-bottom:.6rem}
.titr{font-size:.92rem;color:var(--tush-2);max-width:44rem}

/* Tableau d'affichage des compteurs : une rangée de cases, comme un tableau de régie. */
.tablo{display:flex;flex-wrap:wrap;gap:0;margin:1.4rem 0 0;border:2px solid var(--tush);border-radius:10px;overflow:hidden;background:var(--list);width:fit-content;max-width:100%}
.tablo div{padding:.55rem .95rem;border-right:1px solid var(--liniya);border-bottom:1px solid var(--liniya);margin:0 -1px -1px 0;flex:1 1 auto;min-width:6.2rem}
.tablo dt{font-size:.78rem;color:var(--tush-2);line-height:1.25}
.tablo dd{margin:0;font-family:var(--afisha);font-size:1.5rem;line-height:1.15;font-variant-numeric:tabular-nums}
.tablo div:first-child{background:var(--tush);color:#fff}
.tablo div:first-child dt{color:#c9d3e2}

.blok{padding:1.6rem 0 .4rem}
.dalshe{margin-top:1.1rem;color:var(--tush-2)}
.pusto{background:var(--list);border:1px dashed var(--liniya);border-radius:10px;padding:1rem 1.2rem}

/* Grille de salons : chaque case est un « écran » aux coins de tube cathodique. */
.setka{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.6rem,1fr));gap:1.1rem .9rem}
@media (min-width:48rem){.setka{grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:1.4rem 1.1rem}}
.kadr{display:flex;flex-direction:column;min-width:0}
.kadr-ekran{position:relative;display:block;aspect-ratio:4/3;border-radius:18px/22px;overflow:hidden;background:var(--tush);border:2px solid var(--tush)}
.kadr-ekran img{width:100%;height:100%;object-fit:cover}
.kadr-pusto{display:grid;place-items:center;height:100%;color:#fff;font-family:var(--afisha);font-size:2.4rem}
.kadr-zriteli{position:absolute;right:.4rem;bottom:.4rem;background:var(--zhelt);color:var(--tush);font-weight:700;font-size:.76rem;padding:.08rem .42rem;border-radius:6px}
.kadr-imya{font-family:var(--shrift);font-weight:700;font-size:1rem;letter-spacing:0;margin:.5rem 0 .1rem;line-height:1.25}
.kadr-imya a{color:var(--tush);text-decoration:none}
.kadr-imya a:hover{text-decoration:underline}
.kadr-titr{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;font-size:.8rem;margin:0 0 .5rem;color:var(--tush-2)}
.kanal{font-weight:700;color:var(--prochie)}
.kanal[data-kanal=stripchat]{color:var(--sc)}
.kanal[data-kanal=bongacams]{color:var(--bc)}
.kanal[data-kanal=chaturbate]{color:var(--cb)}
.kadr-para{border:1px solid var(--liniya);border-radius:999px;padding:0 .45rem}
.kadr-vhod{margin-top:auto;display:block;text-align:center;text-decoration:none;font-weight:700;font-size:.9rem;color:var(--tush);background:var(--list);border:2px solid var(--tush);border-radius:999px;padding:.34rem .6rem}
.kadr-vhod:hover{background:var(--signal);border-color:var(--signal);color:#fff}

/* Lecteur : façade tant qu'on n'a pas cliqué (aucune iframe chargée d'office). */
.pleer{position:relative;aspect-ratio:4/3;border-radius:26px/32px;overflow:hidden;background:var(--tush);border:3px solid var(--tush)}
.pleer img,.pleer iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.pleer-pusk{position:absolute;left:50%;bottom:1.1rem;transform:translateX(-50%);max-width:calc(100% - 2rem);background:var(--signal);color:#fff;border:0;border-radius:999px;font:700 1rem var(--shrift);padding:.7rem 1.3rem;cursor:pointer;box-shadow:0 6px 0 rgba(20,33,61,.35)}
.pleer-pusk:hover{background:#b60626}
.pleer-titr{font-size:.92rem;color:var(--tush-2);margin:.7rem 0 0}
.knopka{display:block;text-align:center;margin-top:.9rem;background:var(--signal);color:#fff;text-decoration:none;font-weight:700;font-size:1.05rem;border-radius:999px;padding:.8rem 1.2rem;box-shadow:0 5px 0 rgba(20,33,61,.3)}
.knopka:hover{background:#b60626;color:#fff}

.diktor{max-width:44rem}
.diktor h2{margin-top:1.9rem}
.diktor h2:first-child{margin-top:0}
.diktor ul,.diktor ol{padding-left:1.2rem;margin:0 0 1rem}
.diktor li{margin-bottom:.4rem}
.statya{padding-top:2rem}
.statya h1{max-width:46rem;margin-bottom:.5rem}
.svodka{background:var(--tush);color:#fff;border-radius:14px;padding:1rem 1.2rem;margin:1.3rem 0}
.svodka ul{list-style:none;padding:0;margin:0}
.svodka li{margin:.15rem 0}
.svodka b{font-family:var(--afisha);font-weight:400;font-size:1.12em;color:var(--zhelt)}
.svodka-chas{font-size:.82rem;color:#c9d3e2;margin-bottom:.4rem}
.anons{list-style:none;padding:0;margin:0;display:grid;gap:.1rem;max-width:50rem}
.anons li{padding:.75rem 0;border-top:1px solid var(--liniya)}
.anons a{font-weight:700;font-size:1.08rem;display:block}
.anons span{color:var(--tush-2);font-size:.93rem}

/* Histogramme des heures (МСК). */
.chasy{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;align-items:end;height:13rem;padding:1.4rem 0 1.5rem;position:relative;max-width:56rem}
.chas{position:relative;height:100%;display:flex;align-items:flex-end}
.chas-stolb{display:block;width:100%;background:var(--tush);border-radius:5px 5px 0 0;min-height:2px}
.chas-seychas .chas-stolb{background:var(--signal)}
.chas-chislo{position:absolute;top:-1.3rem;left:50%;transform:translateX(-50%);font-size:.66rem;color:var(--tush-2);font-variant-numeric:tabular-nums}
.chas-metka{position:absolute;bottom:-1.35rem;left:50%;transform:translateX(-50%);font-size:.7rem;color:var(--tush-2)}
.chasy-malye{height:8rem;padding-top:.4rem;max-width:36rem}
@media (max-width:40rem){.chas-chislo{display:none}.chas:nth-child(odd) .chas-metka{display:none}.chasy-malye .chas:nth-child(odd) .chas-metka{display:block}}
.svod{border-collapse:collapse;margin-top:1rem;font-size:.95rem;max-width:44rem;width:100%}
.svod caption{text-align:left;font-weight:700;padding-bottom:.4rem}
.svod th,.svod td{text-align:left;padding:.45rem .6rem .45rem 0;border-top:1px solid var(--liniya);font-weight:400;vertical-align:top}
.svod thead th{font-size:.82rem;color:var(--tush-2)}
.svod tbody th{font-weight:700}

/* Fiche de modèle. */
.kartochka{padding-top:2rem}
.kartochka h1{margin-bottom:.8rem}
.kartochka h1+.v-efire{margin-bottom:0}
.kartochka-verh{display:grid;gap:1.6rem;margin-top:1.3rem}
@media (min-width:52rem){.kartochka-verh{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2.4rem}}
.kartochka-ekran>img{border-radius:26px/32px;border:3px solid var(--tush);width:100%;aspect-ratio:4/3;object-fit:cover}
.kartochka-pauza{aspect-ratio:4/3;border-radius:26px/32px;background:repeating-linear-gradient(90deg,#fff 0 12.5%,var(--zhelt) 0 25%,#5fc9d8 0 37.5%,#6fbf73 0 50%,#c66bb3 0 62.5%,var(--signal) 0 75%,#3b5bb5 0 87.5%,var(--tush) 0);display:grid;place-items:center;text-align:center;border:3px solid var(--tush);position:relative;overflow:hidden}
.kartochka-pauza span{font-family:var(--afisha);font-size:3.4rem;background:var(--tush);color:#fff;width:5.2rem;height:5.2rem;border-radius:50%;display:grid;place-items:center}
.kartochka-pauza p{position:absolute;left:0;right:0;bottom:0;margin:0;background:var(--tush);color:#fff;font-size:.86rem;padding:.5rem .8rem}
.pasport{margin:0;display:grid;gap:0}
.pasport div{display:grid;grid-template-columns:minmax(8.5rem,38%) 1fr;gap:.8rem;padding:.5rem 0;border-top:1px solid var(--liniya)}
.pasport dt{color:var(--tush-2);font-size:.92rem}
.pasport dd{margin:0;font-weight:600}
.yarlyki{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:1rem 0 0}
.yarlyki li{background:var(--list);border:1px solid var(--liniya);border-radius:999px;padding:.12rem .7rem;font-size:.86rem}

.podval{background:var(--tush);color:#c9d3e2;padding:1.8rem max(1rem,calc((100vw - var(--shir))/2)) 5.5rem;font-size:.92rem}
.podval-chasy{color:#fff;font-weight:600}
.podval-ssylki{display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;margin-bottom:1rem}
.podval a{color:#fff}
.podval-melko{font-size:.82rem;max-width:50rem;margin:0}

.vozrast{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--zhelt);color:var(--tush);display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;justify-content:center;padding:.7rem 1rem;font-weight:600;box-shadow:0 -2px 0 var(--tush)}
.vozrast[hidden]{display:none}
.vozrast p{margin:0}
.vozrast button{background:var(--tush);color:#fff;border:0;border-radius:999px;font:700 .95rem var(--shrift);padding:.5rem 1.1rem;cursor:pointer}
.vozrast a{color:var(--tush)}
