/* Community Lodge – cinema (classy: velvet, brass, warm light) */
.lg-inner { max-width: 1240px; }
.lg-hall { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 22px; align-items: start; margin-top: 8px; }
.lg-cinema { position: relative; padding: 18px 18px 0; border-radius: 18px;
  background: radial-gradient(120% 80% at 50% 0%, rgba(120, 18, 26, .55), rgba(20, 6, 10, .92) 60%), #0a0507;
  border: 1px solid rgba(214, 170, 96, .45); box-shadow: 0 0 0 1px rgba(0, 0, 0, .6) inset, 0 24px 60px rgba(0, 0, 0, .6), 0 0 60px rgba(227, 38, 47, .12); }
.lg-marquee { display: flex; align-items: center; gap: 12px; margin: 0 auto 14px; max-width: 640px; padding: 8px 14px; border-radius: 10px;
  background: linear-gradient(#1b1208, #120b05); border: 1px solid rgba(214, 170, 96, .7); box-shadow: 0 0 18px rgba(255, 190, 90, .18); }
.lg-marquee p { flex: 1; margin: 0; text-align: center; font-family: Oswald, Inter, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #f3dca8; font-size: 15px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lg-marquee strong { color: #fff; font-weight: 600; margin-left: 6px; }
.lg-now { color: #d6aa60; }
.lg-bulbs { width: 54px; height: 8px; flex: none; background: radial-gradient(circle, #ffe2a0 0 2.5px, transparent 3px) 0 50% / 11px 8px repeat-x; filter: drop-shadow(0 0 3px #ffbf55); animation: lgBulb 2.4s ease-in-out infinite; }
@keyframes lgBulb { 50% { opacity: .55; } }
.lg-frame { position: relative; padding: 10px; border-radius: 6px; background: linear-gradient(145deg, #c9a15a, #6e5226 40%, #d8b46c 60%, #6a4c20); box-shadow: 0 10px 40px rgba(0, 0, 0, .7); }
.lg-screen { position: relative; aspect-ratio: 16 / 9; background: #000; border-radius: 2px; overflow: hidden; box-shadow: 0 0 40px rgba(180, 200, 255, .12) inset; }
.lg-screen iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.lg-poster { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
  background: radial-gradient(60% 60% at 50% 45%, rgba(40, 48, 70, .55), #000); }
.lg-poster img { width: min(46%, 300px); height: auto; opacity: .9; }
.lg-poster p { margin: 0; font-family: Oswald, Inter, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #cfd8e6; font-size: clamp(13px, 1.6vw, 18px); }
.lg-curtain { position: absolute; top: -26px; bottom: -6px; width: 34px; z-index: 2; pointer-events: none; border-radius: 0 0 14px 14px;
  background: repeating-linear-gradient(90deg, #5e0b12 0 6px, #8e1620 6px 11px, #4a070d 11px 14px); box-shadow: 0 6px 18px rgba(0, 0, 0, .6); }
.lg-curtain-l { left: -22px; } .lg-curtain-r { right: -22px; }
.lg-seats { height: 46px; margin: 16px -18px 0; border-radius: 0 0 18px 18px;
  background: radial-gradient(ellipse 22px 16px at 50% 100%, #3a0a10 95%, transparent 100%) 0 100% / 48px 30px repeat-x,
              radial-gradient(ellipse 22px 16px at 50% 100%, #26060a 95%, transparent 100%) 24px 0 / 48px 30px repeat-x; opacity: .9; }
.lg-prog { position: sticky; top: 90px; padding: 14px; border-radius: 16px; border: 1px solid var(--line); background: rgba(8, 10, 16, .78); backdrop-filter: blur(6px); }
.lg-tabs { display: flex; margin: 0 0 12px; }
.lg-tabs button { flex: 1; }
.lg-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.lg-ch { width: 100%; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; border: 1px solid transparent; background: rgba(255, 255, 255, .03);
  font: inherit; color: #eef2f7; text-align: left; text-decoration: none; cursor: pointer; transition: background .15s, border-color .15s; }
.lg-ch:hover { background: rgba(255, 255, 255, .07); border-color: rgba(214, 170, 96, .45); }
.lg-ch.is-on { border-color: #d6aa60; background: rgba(214, 170, 96, .12); }
.lg-ch.is-off .lg-name { color: #a9b4c6; }
.lg-name { flex: 1; min-width: 0; font-weight: 600; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lg-st { font-size: 12px; color: var(--muted); white-space: nowrap; }
.lg-dot { width: 10px; height: 10px; flex: none; border-radius: 50%; background: #6b7280; }
.lg-dot-on { background: #22c55e; box-shadow: 0 0 0 3px rgba(34, 197, 94, .2), 0 0 10px #22c55e; }
.lg-dot-off { background: #e3262f; box-shadow: 0 0 0 3px rgba(227, 38, 47, .18); }
.lg-dot-tt { background: none; border: 2px solid #a9b4c6; }
.lg-upd { margin: 10px 2px 0; font-size: 12px; color: rgba(200, 210, 225, .6); }
.lg-empty { color: var(--muted); font-size: 14px; padding: 8px; }
@media (max-width: 900px) {
  .lg-hall { grid-template-columns: 1fr; }
  .lg-prog { position: static; }
  .lg-cinema { padding: 12px 12px 0; }
  .lg-curtain { width: 18px; top: -14px; } .lg-curtain-l { left: -10px; } .lg-curtain-r { right: -10px; }
  .lg-frame { padding: 6px; }
  .lg-seats { height: 30px; margin: 12px -12px 0; }
  .lg-bulbs { width: 22px; }
  .lg-marquee p { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .lg-bulbs { animation: none; } }
.lg-src { margin-left: 6px; padding: 1px 5px; border-radius: 4px; font-size: 10px; font-weight: 700; letter-spacing: .04em; color: #0b0e16; background: #53fc18; vertical-align: 1px; }
.lg-cinema { scroll-margin-top: 76px; }