.page--cinema{padding-top:3rem;padding-bottom:4rem}.cinema-head{margin-bottom:2rem}.cinema-title{font-size:2rem;font-weight:800;color:var(--color-text);margin-bottom:.5rem}.cinema-subtitle{color:var(--color-text-secondary);max-width:40rem}.cinema-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1.25rem;gap:1.25rem}.cinema-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .15s ease,border-color .15s ease}.cinema-card:hover{transform:translateY(-2px);border-color:var(--color-primary)}.cinema-card__cover{position:relative;aspect-ratio:24/32;overflow:hidden;background:var(--color-bg-secondary)}.cinema-card__cover img{width:100%;height:100%;object-fit:cover}.cinema-card__cover-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-surface))}.cinema-badge{position:absolute;top:.5rem;left:.5rem;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff}.st--live{background:var(--color-success)}.st--paused{background:var(--color-warning)}.st--waiting{background:var(--color-text-muted)}.st--full{background:var(--color-error)}.st--private{background:var(--color-primary)}.cinema-card__viewers{position:absolute;right:.5rem;bottom:.5rem;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:var(--radius-sm);background:rgba(15,15,20,.75);color:var(--color-text);font-size:.8rem}.cinema-card__body{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.cinema-card__title{font-size:1rem;font-weight:700;color:var(--color-text);line-height:1.3}.cinema-card__genre{font-size:.8rem;color:var(--color-accent)}.cinema-card__owner{font-size:.8rem;color:var(--color-text-muted)}.cinema-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;color:var(--color-text-secondary);text-align:center}.cinema-state .btn--ghost{display:inline-flex;align-items:center;background:rgba(255,255,255,.05);border:1px solid var(--color-border);color:var(--color-text);padding:.55rem 1.1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;transition:background .25s ease,border-color .25s ease}.cinema-state .btn--ghost:hover{color:var(--color-text);background:rgba(255,255,255,.1);border-color:var(--color-primary)}.cinema-room-stub{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:30rem;margin:0 auto;text-align:left}.cinema-room-stub__cover{width:100%;aspect-ratio:24/32;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-surface))}.cinema-room-stub__cover img{width:100%;height:100%;object-fit:cover}.cinema-room-stub__cover span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:4rem}.cinema-room-stub__info{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;width:100%}.cinema-room-stub__info .cinema-badge{position:static;align-self:flex-start}.cinema-room-stub__coming{padding:.6rem .9rem;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-accent-bright);font-size:.9rem}